/* /@fs/app/packages/core/src/panda.css?__scss_global_side_effect */ @layer panda.reset, panda.base, panda.tokens, panda.recipes, panda.utilities; /* PandaCSS generated styles — import the codegen output directly. * Regenerate with: pnpm panda:codegen (from workspace root). * The PostCSS JIT plugin hangs with custom layers + array importMap, * so we import the pre-generated styles.css instead. */ @layer panda.reset{ html,:host { --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-tab-size: 4; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); -webkit-tap-highlight-color: transparent; } *,::before,::after,::backdrop,::file-selector-button { margin: 0px; padding: 0px; border-width: 0px; border-style: solid; border-color: var(--global-color-border, currentcolor); box-sizing: border-box; } hr { color: inherit; height: 0px; border-top-width: 1px; } body { line-height: inherit; height: 100%; } img { border-style: none; } img,svg,video,canvas,audio,iframe,embed,object { display: block; vertical-align: middle; } img,video { max-width: 100%; height: auto; } h1,h2,h3,h4,h5,h6 { text-wrap: balance; font-size: inherit; font-weight: inherit; } p,h1,h2,h3,h4,h5,h6 { overflow-wrap: break-word; } ol,ul,menu { list-style: none; } button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button { appearance: button; -webkit-appearance: button; } button,input,optgroup,select,textarea,::file-selector-button { font: inherit; background: var(--colors-transparent); font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; } ::placeholder { --placeholder-fallback: rgba(0, 0, 0, 0.5); opacity: 1; color: var(--global-color-placeholder, var(--placeholder-fallback)); } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent); } } ::selection { background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3)); } textarea { resize: vertical; } table { border-color: inherit; text-indent: 0px; border-collapse: collapse; } summary { display: list-item; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } dialog { padding: 0px; } a { text-decoration: inherit; color: inherit; } abbr:where([title]) { text-decoration: underline dotted; } b,strong { font-weight: bolder; } code,kbd,samp,pre { --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New'; font-family: var(--global-font-mono, var(--font-mono-fallback)); font-size: 1em; font-feature-settings: normal; font-variation-settings: normal; } progress { vertical-align: baseline; } ::-webkit-search-decoration,::-webkit-search-cancel-button { -webkit-appearance: none; } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto; } :-moz-ui-invalid { box-shadow: none; } :-moz-focusring { outline: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } @layer panda.base{ :root { --made-with-panda: '🐼'; } *,*::before,*::after { border-width: 0; border-style: solid; border-color: var(--global-color-border, currentColor); } button,input,optgroup,select,textarea { margin: var(--spacing-0); padding: var(--spacing-0); font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; } button,select { text-transform: none; } button,[type='button'],[type='reset'],[type='submit'] { -webkit-appearance: button; background-color: var(--colors-transparent); background-image: none; } textarea { resize: vertical; } [data-theme="beedee-bags"] body .mdc-text-field__input,[data-theme="pilatus-scm"] body .mdc-text-field__input { font-family: var(--fonts-font-body); } :root { --fc-primary: #1976d2; --fc-primary-light: var(--colors-blue-lighten-5); --fc-primary-bg-hover: rgba(25, 118, 210, 0.08); --fc-text-primary: var(--colors-grey-darken-4); --fc-text-secondary: var(--colors-grey-darken); --fc-border: var(--colors-grey-lighten-2); --fc-font: "Roboto", "Helvetica", "Arial", sans-serif; --fc-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); } html { -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body { background: var(--colors-background); color: var(--colors-foreground); font-family: var(--fonts-sans); } button { outline: 2px solid transparent; color: inherit; } *,::before,::after,::backdrop { --blur: /*-*/ /*-*/; --brightness: /*-*/ /*-*/; --contrast: /*-*/ /*-*/; --grayscale: /*-*/ /*-*/; --hue-rotate: /*-*/ /*-*/; --invert: /*-*/ /*-*/; --saturate: /*-*/ /*-*/; --sepia: /*-*/ /*-*/; --drop-shadow: /*-*/ /*-*/; --backdrop-blur: /*-*/ /*-*/; --backdrop-brightness: /*-*/ /*-*/; --backdrop-contrast: /*-*/ /*-*/; --backdrop-grayscale: /*-*/ /*-*/; --backdrop-hue-rotate: /*-*/ /*-*/; --backdrop-invert: /*-*/ /*-*/; --backdrop-opacity: /*-*/ /*-*/; --backdrop-saturate: /*-*/ /*-*/; --backdrop-sepia: /*-*/ /*-*/; --gradient-from-position: /*-*/ /*-*/; --gradient-to-position: /*-*/ /*-*/; --gradient-via-position: /*-*/ /*-*/; --scroll-snap-strictness: proximity; --border-spacing-x: 0; --border-spacing-y: 0; --translate-x: 0; --translate-y: 0; --rotate: 0; --rotate-x: 0; --rotate-y: 0; --skew-x: 0; --skew-y: 0; --scale-x: 1; --scale-y: 1; } } @layer panda.tokens{ :where(:root, :host) { --borders-none: none; --easings-default: cubic-bezier(0.4, 0, 0.2, 1); --easings-linear: linear; --easings-in: cubic-bezier(0.4, 0, 1, 1); --easings-out: cubic-bezier(0, 0, 0.2, 1); --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1); --durations-fastest: 50ms; --durations-faster: 100ms; --durations-fast: 150ms; --durations-normal: 200ms; --durations-slow: 300ms; --durations-slower: 400ms; --durations-slowest: 500ms; --letter-spacings-tighter: -0.05em; --letter-spacings-tight: -0.025em; --letter-spacings-normal: 0em; --letter-spacings-wide: 0.025em; --letter-spacings-wider: 0.05em; --letter-spacings-widest: 0.1em; --blurs-sm: 4px; --blurs-base: 8px; --blurs-md: 12px; --blurs-lg: 16px; --blurs-xl: 24px; --blurs-2xl: 40px; --blurs-3xl: 64px; --animations-spin: spin 1s linear infinite; --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animations-bounce: bounce 1s infinite; --colors-current: currentColor; --colors-rose-50: #fff1f2; --colors-rose-100: #ffe4e6; --colors-rose-200: #fecdd3; --colors-rose-300: #fda4af; --colors-rose-400: #fb7185; --colors-rose-500: #f43f5e; --colors-rose-600: #e11d48; --colors-rose-700: #be123c; --colors-rose-800: #9f1239; --colors-rose-900: #881337; --colors-rose-950: #4c0519; --colors-fuchsia-50: #fdf4ff; --colors-fuchsia-100: #fae8ff; --colors-fuchsia-200: #f5d0fe; --colors-fuchsia-300: #f0abfc; --colors-fuchsia-400: #e879f9; --colors-fuchsia-500: #d946ef; --colors-fuchsia-600: #c026d3; --colors-fuchsia-700: #a21caf; --colors-fuchsia-800: #86198f; --colors-fuchsia-900: #701a75; --colors-fuchsia-950: #4a044e; --colors-violet-50: #f5f3ff; --colors-violet-100: #ede9fe; --colors-violet-200: #ddd6fe; --colors-violet-300: #c4b5fd; --colors-violet-400: #a78bfa; --colors-violet-500: #8b5cf6; --colors-violet-600: #7c3aed; --colors-violet-700: #6d28d9; --colors-violet-800: #5b21b6; --colors-violet-900: #4c1d95; --colors-violet-950: #2e1065; --colors-sky-50: #f0f9ff; --colors-sky-100: #e0f2fe; --colors-sky-200: #bae6fd; --colors-sky-300: #7dd3fc; --colors-sky-400: #38bdf8; --colors-sky-500: #0ea5e9; --colors-sky-600: #0284c7; --colors-sky-700: #0369a1; --colors-sky-800: #075985; --colors-sky-900: #0c4a6e; --colors-sky-950: #082f49; --colors-emerald-50: #ecfdf5; --colors-emerald-100: #d1fae5; --colors-emerald-200: #a7f3d0; --colors-emerald-300: #6ee7b7; --colors-emerald-400: #34d399; --colors-emerald-500: #10b981; --colors-emerald-600: #059669; --colors-emerald-700: #047857; --colors-emerald-800: #065f46; --colors-emerald-900: #064e3b; --colors-emerald-950: #022c22; --colors-neutral-50: #fafafa; --colors-neutral-100: #f5f5f5; --colors-neutral-200: #e5e5e5; --colors-neutral-300: #d4d4d4; --colors-neutral-400: #a3a3a3; --colors-neutral-500: #737373; --colors-neutral-600: #525252; --colors-neutral-700: #404040; --colors-neutral-800: #262626; --colors-neutral-900: #171717; --colors-neutral-950: #0a0a0a; --colors-stone-50: #fafaf9; --colors-stone-100: #f5f5f4; --colors-stone-200: #e7e5e4; --colors-stone-300: #d6d3d1; --colors-stone-400: #a8a29e; --colors-stone-500: #78716c; --colors-stone-600: #57534e; --colors-stone-700: #44403c; --colors-stone-800: #292524; --colors-stone-900: #1c1917; --colors-stone-950: #0c0a09; --colors-gray-50: #f9fafb; --colors-gray-100: #f3f4f6; --colors-gray-200: #e5e7eb; --colors-gray-300: #d1d5db; --colors-gray-400: #9ca3af; --colors-gray-500: #6b7280; --colors-gray-600: #4b5563; --colors-gray-700: #374151; --colors-gray-800: #1f2937; --colors-gray-900: #111827; --colors-gray-950: #030712; --colors-slate-50: #f8fafc; --colors-slate-100: #f1f5f9; --colors-slate-200: #e2e8f0; --colors-slate-300: #cbd5e1; --colors-slate-400: #94a3b8; --colors-slate-500: #64748b; --colors-slate-600: #475569; --colors-slate-700: #334155; --colors-slate-800: #1e293b; --colors-slate-900: #0f172a; --colors-slate-950: #020617; --colors-grayscale-0: var(--colors-white); --colors-grayscale-50: var(--colors-zinc-50); --colors-grayscale-100: var(--colors-zinc-100); --colors-grayscale-200: var(--colors-zinc-200); --colors-grayscale-300: var(--colors-zinc-300); --colors-grayscale-400: var(--colors-zinc-400); --colors-grayscale-500: var(--colors-zinc-500); --colors-grayscale-600: var(--colors-zinc-600); --colors-grayscale-700: var(--colors-zinc-700); --colors-grayscale-800: var(--colors-zinc-800); --colors-grayscale-900: var(--colors-zinc-900); --colors-grayscale-950: var(--colors-zinc-950); --colors-zinc-50: #fafafa; --colors-zinc-100: #f4f4f5; --colors-zinc-200: #e4e4e7; --colors-zinc-300: #d4d4d8; --colors-zinc-400: #a1a1aa; --colors-zinc-500: #71717a; --colors-zinc-600: #52525b; --colors-zinc-700: #3f3f46; --colors-zinc-800: #27272a; --colors-zinc-900: #18181b; --colors-zinc-950: #09090b; --colors-amber-50: #fffbeb; --colors-amber-100: #fef3c7; --colors-amber-200: #fde68a; --colors-amber-300: #fcd34d; --colors-amber-400: #fbbf24; --colors-amber-500: #f59e0b; --colors-amber-600: #d97706; --colors-amber-700: #b45309; --colors-amber-800: #92400e; --colors-amber-900: #78350f; --colors-amber-950: #451a03; --colors-amber-accent-1: #ffe57f; --colors-amber-accent-2: #ffd740; --colors-amber-accent-3: #ffc400; --colors-amber-accent-4: #ffab00; --colors-amber-base: #ffc107; --colors-amber-darken: #ffb300; --colors-amber-darken-2: #ffa000; --colors-amber-darken-3: #ff8f00; --colors-amber-darken-4: #ff6f00; --colors-amber-lighten: #ffca28; --colors-amber-lighten-2: #ffd54f; --colors-amber-lighten-3: #ffe082; --colors-amber-lighten-4: #ffecb3; --colors-amber-lighten-5: #fff8e1; --colors-beedee-50: #fafcfd; --colors-beedee-100: #f2f5f6; --colors-beedee-200: #eaf4f8; --colors-beedee-300: #d4e2e8; --colors-beedee-400: #c8d8db; --colors-beedee-500: #a8d4e0; --colors-beedee-600: #7a909a; --colors-beedee-700: #1a7a96; --colors-beedee-800: #156582; --colors-beedee-900: #1a2d35; --colors-blue-50: #eff6ff; --colors-blue-100: #dbeafe; --colors-blue-200: #bfdbfe; --colors-blue-300: #93c5fd; --colors-blue-400: #60a5fa; --colors-blue-500: #3b82f6; --colors-blue-600: #2563eb; --colors-blue-700: #1d4ed8; --colors-blue-800: #1e40af; --colors-blue-900: #1e3a8a; --colors-blue-950: #172554; --colors-blue-accent-1: #82b1ff; --colors-blue-accent-2: #448aff; --colors-blue-accent-3: #2979ff; --colors-blue-accent-4: #2962ff; --colors-blue-base: #2196f3; --colors-blue-darken: #1e88e5; --colors-blue-darken-2: #1976d2; --colors-blue-darken-3: #1565c0; --colors-blue-darken-4: #0d47a1; --colors-blue-lighten: #42a5f5; --colors-blue-lighten-2: #64b5f6; --colors-blue-lighten-3: #90caf9; --colors-blue-lighten-4: #bbdefb; --colors-blue-lighten-5: #e3f2fd; --colors-blue-grey-accent-1: #cfd8dc; --colors-blue-grey-accent-2: #b0bec5; --colors-blue-grey-accent-3: #78909c; --colors-blue-grey-accent-4: #455a64; --colors-blue-grey-base: #607d8b; --colors-blue-grey-darken: #546e7a; --colors-blue-grey-darken-2: #455a64; --colors-blue-grey-darken-3: #37474f; --colors-blue-grey-darken-4: #263238; --colors-blue-grey-lighten: #78909c; --colors-blue-grey-lighten-2: #90a4ae; --colors-blue-grey-lighten-3: #b0bec5; --colors-blue-grey-lighten-4: #cfd8dc; --colors-blue-grey-lighten-5: #eceff1; --colors-brown-accent-1: #d7ccc8; --colors-brown-accent-2: #bcaaa4; --colors-brown-accent-3: #8d6e63; --colors-brown-accent-4: #5d4037; --colors-brown-base: #795548; --colors-brown-darken: #6d4c41; --colors-brown-darken-2: #5d4037; --colors-brown-darken-3: #4e342e; --colors-brown-darken-4: #3e2723; --colors-brown-lighten: #8d6e63; --colors-brown-lighten-2: #a1887f; --colors-brown-lighten-3: #bcaaa4; --colors-brown-lighten-4: #d7ccc8; --colors-brown-lighten-5: #efebe9; --colors-cyan-50: #ecfeff; --colors-cyan-100: #cffafe; --colors-cyan-200: #a5f3fc; --colors-cyan-300: #67e8f9; --colors-cyan-400: #22d3ee; --colors-cyan-500: #06b6d4; --colors-cyan-600: #0891b2; --colors-cyan-700: #0e7490; --colors-cyan-800: #155e75; --colors-cyan-900: #164e63; --colors-cyan-950: #083344; --colors-cyan-accent-1: #84ffff; --colors-cyan-accent-2: #18ffff; --colors-cyan-accent-3: #00e5ff; --colors-cyan-accent-4: #00b8d4; --colors-cyan-base: #00bcd4; --colors-cyan-darken: #00acc1; --colors-cyan-darken-2: #0097a7; --colors-cyan-darken-3: #00838f; --colors-cyan-darken-4: #006064; --colors-cyan-lighten: #26c6da; --colors-cyan-lighten-2: #4dd0e1; --colors-cyan-lighten-3: #80deea; --colors-cyan-lighten-4: #b2ebf2; --colors-cyan-lighten-5: #e0f7fa; --colors-deep-orange-accent-1: #ff9e80; --colors-deep-orange-accent-2: #ff6e40; --colors-deep-orange-accent-3: #ff3d00; --colors-deep-orange-accent-4: #dd2c00; --colors-deep-orange-base: #ff5722; --colors-deep-orange-darken: #f4511e; --colors-deep-orange-darken-2: #e64a19; --colors-deep-orange-darken-3: #d84315; --colors-deep-orange-darken-4: #bf360c; --colors-deep-orange-lighten: #ff7043; --colors-deep-orange-lighten-2: #ff8a65; --colors-deep-orange-lighten-3: #ffab91; --colors-deep-orange-lighten-4: #ffccbc; --colors-deep-orange-lighten-5: #fbe9e7; --colors-deep-purple-accent-1: #b388ff; --colors-deep-purple-accent-2: #7c4dff; --colors-deep-purple-accent-3: #651fff; --colors-deep-purple-accent-4: #6200ea; --colors-deep-purple-base: #673ab7; --colors-deep-purple-darken: #5e35b1; --colors-deep-purple-darken-2: #512da8; --colors-deep-purple-darken-3: #4527a0; --colors-deep-purple-darken-4: #311b92; --colors-deep-purple-lighten: #7e57c2; --colors-deep-purple-lighten-2: #9575cd; --colors-deep-purple-lighten-3: #b39ddb; --colors-deep-purple-lighten-4: #d1c4e9; --colors-deep-purple-lighten-5: #ede7f6; --colors-green-50: #f0fdf4; --colors-green-100: #dcfce7; --colors-green-200: #bbf7d0; --colors-green-300: #86efac; --colors-green-400: #4ade80; --colors-green-500: #22c55e; --colors-green-600: #16a34a; --colors-green-700: #15803d; --colors-green-800: #166534; --colors-green-900: #14532d; --colors-green-950: #052e16; --colors-green-accent-1: #b9f6ca; --colors-green-accent-2: #69f0ae; --colors-green-accent-3: #00e676; --colors-green-accent-4: #00c853; --colors-green-base: #4caf50; --colors-green-darken: #43a047; --colors-green-darken-2: #388e3c; --colors-green-darken-3: #2e7d32; --colors-green-darken-4: #1b5e20; --colors-green-lighten: #66bb6a; --colors-green-lighten-2: #81c784; --colors-green-lighten-3: #a5d6a7; --colors-green-lighten-4: #c8e6c9; --colors-green-lighten-5: #e8f5e9; --colors-grey-accent-1: #d5d5d5; --colors-grey-accent-2: #aaaaaa; --colors-grey-accent-3: #303030; --colors-grey-accent-4: #616161; --colors-grey-base: #9e9e9e; --colors-grey-darken: #757575; --colors-grey-darken-2: #616161; --colors-grey-darken-3: #424242; --colors-grey-darken-4: #212121; --colors-grey-lighten: #bdbdbd; --colors-grey-lighten-2: #e0e0e0; --colors-grey-lighten-3: #eeeeee; --colors-grey-lighten-4: #f5f5f5; --colors-grey-lighten-5: #fafafa; --colors-indigo-50: #eef2ff; --colors-indigo-100: #e0e7ff; --colors-indigo-200: #c7d2fe; --colors-indigo-300: #a5b4fc; --colors-indigo-400: #818cf8; --colors-indigo-500: #6366f1; --colors-indigo-600: #4f46e5; --colors-indigo-700: #4338ca; --colors-indigo-800: #3730a3; --colors-indigo-900: #312e81; --colors-indigo-950: #1e1b4b; --colors-indigo-accent-1: #8c9eff; --colors-indigo-accent-2: #536dfe; --colors-indigo-accent-3: #3d5afe; --colors-indigo-accent-4: #304ffe; --colors-indigo-base: #3f51b5; --colors-indigo-darken: #3949ab; --colors-indigo-darken-2: #303f9f; --colors-indigo-darken-3: #283593; --colors-indigo-darken-4: #1a237e; --colors-indigo-lighten: #5c6bc0; --colors-indigo-lighten-2: #7986cb; --colors-indigo-lighten-3: #9fa8da; --colors-indigo-lighten-4: #c5cae9; --colors-indigo-lighten-5: #e8eaf6; --colors-light-blue-accent-1: #80d8ff; --colors-light-blue-accent-2: #40c4ff; --colors-light-blue-accent-3: #00b0ff; --colors-light-blue-accent-4: #0091ea; --colors-light-blue-base: #03a9f4; --colors-light-blue-darken: #039be5; --colors-light-blue-darken-2: #0288d1; --colors-light-blue-darken-3: #0277bd; --colors-light-blue-darken-4: #01579b; --colors-light-blue-lighten: #29b6f6; --colors-light-blue-lighten-2: #4fc3f7; --colors-light-blue-lighten-3: #81d4fa; --colors-light-blue-lighten-4: #b3e5fc; --colors-light-blue-lighten-5: #e1f5fe; --colors-light-green-accent-1: #ccff90; --colors-light-green-accent-2: #b2ff59; --colors-light-green-accent-3: #76ff03; --colors-light-green-accent-4: #64dd17; --colors-light-green-base: #8bc34a; --colors-light-green-darken: #7cb342; --colors-light-green-darken-2: #689f38; --colors-light-green-darken-3: #558b2f; --colors-light-green-darken-4: #33691e; --colors-light-green-lighten: #9ccc65; --colors-light-green-lighten-2: #aed581; --colors-light-green-lighten-3: #c5e1a5; --colors-light-green-lighten-4: #dcedc8; --colors-light-green-lighten-5: #f1f8e9; --colors-lime-50: #f7fee7; --colors-lime-100: #ecfccb; --colors-lime-200: #d9f99d; --colors-lime-300: #bef264; --colors-lime-400: #a3e635; --colors-lime-500: #84cc16; --colors-lime-600: #65a30d; --colors-lime-700: #4d7c0f; --colors-lime-800: #3f6212; --colors-lime-900: #365314; --colors-lime-950: #1a2e05; --colors-lime-accent-1: #f4ff81; --colors-lime-accent-2: #eeff41; --colors-lime-accent-3: #c6ff00; --colors-lime-accent-4: #aeea00; --colors-lime-base: #cddc39; --colors-lime-darken: #c0ca33; --colors-lime-darken-2: #afb42b; --colors-lime-darken-3: #9e9d24; --colors-lime-darken-4: #827717; --colors-lime-lighten: #d4e157; --colors-lime-lighten-2: #dce775; --colors-lime-lighten-3: #e6ee9c; --colors-lime-lighten-4: #f0f4c3; --colors-lime-lighten-5: #f9fbe7; --colors-orange-50: #fff7ed; --colors-orange-100: #ffedd5; --colors-orange-200: #fed7aa; --colors-orange-300: #fdba74; --colors-orange-400: #fb923c; --colors-orange-500: #f97316; --colors-orange-600: #ea580c; --colors-orange-700: #c2410c; --colors-orange-800: #9a3412; --colors-orange-900: #7c2d12; --colors-orange-950: #431407; --colors-orange-accent-1: #ffd180; --colors-orange-accent-2: #ffab40; --colors-orange-accent-3: #ffcc80; --colors-orange-accent-4: #ffb74d; --colors-orange-base: #ff9800; --colors-orange-darken: #fb8c00; --colors-orange-darken-2: #f57c00; --colors-orange-darken-3: #ef6c00; --colors-orange-darken-4: #e65100; --colors-orange-lighten: #ffa726; --colors-orange-lighten-2: #ffb74d; --colors-orange-lighten-3: #ffcc80; --colors-orange-lighten-4: #ffe0b2; --colors-orange-lighten-5: #fff3e0; --colors-pink-50: #fdf2f8; --colors-pink-100: #fce7f3; --colors-pink-200: #fbcfe8; --colors-pink-300: #f9a8d4; --colors-pink-400: #f472b6; --colors-pink-500: #ec4899; --colors-pink-600: #db2777; --colors-pink-700: #be185d; --colors-pink-800: #9d174d; --colors-pink-900: #831843; --colors-pink-950: #500724; --colors-pink-accent-1: #ff80ab; --colors-pink-accent-2: #ff4081; --colors-pink-accent-3: #f50057; --colors-pink-accent-4: #c51162; --colors-pink-base: #e91e63; --colors-pink-darken: #d81b60; --colors-pink-darken-2: #c2185b; --colors-pink-darken-3: #ad1457; --colors-pink-darken-4: #880e4f; --colors-pink-lighten: #ec407a; --colors-pink-lighten-2: #f06292; --colors-pink-lighten-3: #f48fb1; --colors-pink-lighten-4: #f8bbd0; --colors-pink-lighten-5: #fce4ec; --colors-purple-50: #faf5ff; --colors-purple-100: #f3e8ff; --colors-purple-200: #e9d5ff; --colors-purple-300: #d8b4fe; --colors-purple-400: #c084fc; --colors-purple-500: #a855f7; --colors-purple-600: #9333ea; --colors-purple-700: #7e22ce; --colors-purple-800: #6b21a8; --colors-purple-900: #581c87; --colors-purple-950: #3b0764; --colors-purple-accent-1: #ea80fc; --colors-purple-accent-2: #e040fb; --colors-purple-accent-3: #d500f9; --colors-purple-accent-4: #aa00ff; --colors-purple-base: #9c27b0; --colors-purple-darken: #8e24aa; --colors-purple-darken-2: #7b1fa2; --colors-purple-darken-3: #6a1b9a; --colors-purple-darken-4: #4a148c; --colors-purple-lighten: #ab47bc; --colors-purple-lighten-2: #ba68c8; --colors-purple-lighten-3: #ce93d8; --colors-purple-lighten-4: #e1bee7; --colors-purple-lighten-5: #f3e5f5; --colors-red-50: #fef2f2; --colors-red-100: #fee2e2; --colors-red-200: #fecaca; --colors-red-300: #fca5a5; --colors-red-400: #f87171; --colors-red-500: #ef4444; --colors-red-600: #dc2626; --colors-red-700: #b91c1c; --colors-red-800: #991b1b; --colors-red-900: #7f1d1d; --colors-red-950: #450a0a; --colors-red-accent-1: #ff8a80; --colors-red-accent-2: #ff5252; --colors-red-accent-3: #ff1744; --colors-red-accent-4: #ff1744; --colors-red-base: #f44336; --colors-red-darken: #e53935; --colors-red-darken-2: #d32f2f; --colors-red-darken-3: #c62828; --colors-red-darken-4: #b71c1c; --colors-red-lighten: #ef5350; --colors-red-lighten-2: #e57373; --colors-red-lighten-3: #ef9a9a; --colors-red-lighten-4: #ffcdd2; --colors-red-lighten-5: #ffebee; --colors-teal-50: #f0fdfa; --colors-teal-100: #ccfbf1; --colors-teal-200: #99f6e4; --colors-teal-300: #5eead4; --colors-teal-400: #2dd4bf; --colors-teal-500: #14b8a6; --colors-teal-600: #0d9488; --colors-teal-700: #0f766e; --colors-teal-800: #115e59; --colors-teal-900: #134e4a; --colors-teal-950: #042f2e; --colors-teal-accent-1: #a7ffeb; --colors-teal-accent-2: #64ffda; --colors-teal-accent-3: #1de9b6; --colors-teal-accent-4: #00bfa5; --colors-teal-base: #009688; --colors-teal-darken: #00897b; --colors-teal-darken-2: #00796b; --colors-teal-darken-3: #00695c; --colors-teal-darken-4: #004d40; --colors-teal-lighten: #26a69a; --colors-teal-lighten-2: #4db6ac; --colors-teal-lighten-3: #80cbc4; --colors-teal-lighten-4: #b2dfdb; --colors-teal-lighten-5: #e0f2f1; --colors-yellow-50: #fefce8; --colors-yellow-100: #fef9c3; --colors-yellow-200: #fef08a; --colors-yellow-300: #fde047; --colors-yellow-400: #facc15; --colors-yellow-500: #eab308; --colors-yellow-600: #ca8a04; --colors-yellow-700: #a16207; --colors-yellow-800: #854d0e; --colors-yellow-900: #713f12; --colors-yellow-950: #422006; --colors-yellow-accent-1: #ffff8d; --colors-yellow-accent-2: #ffff00; --colors-yellow-accent-3: #ffea00; --colors-yellow-accent-4: #ffd600; --colors-yellow-base: #ffeb3b; --colors-yellow-darken: #fdd835; --colors-yellow-darken-2: #fbc02d; --colors-yellow-darken-3: #f9a825; --colors-yellow-darken-4: #f57f17; --colors-yellow-lighten: #ffee58; --colors-yellow-lighten-2: #fff176; --colors-yellow-lighten-3: #fff59d; --colors-yellow-lighten-4: #fff9c4; --colors-yellow-lighten-5: #fffde7; --colors-white: #ffffff; --colors-black: #000000; --colors-transparent: transparent; --fonts-app: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif; --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --fonts-sans: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif; --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --fonts-font-display: 'Inter', ui-sans-serif, system-ui, sans-serif; --fonts-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif; --font-sizes-6xl: 3.75rem; --font-sizes-7xl: 4.5rem; --font-sizes-8xl: 6rem; --font-sizes-9xl: 8rem; --font-sizes-2xl: 32px; --font-sizes-2xs: 10px; --font-sizes-3xl: 48px; --font-sizes-4xl: 64px; --font-sizes-5xl: 72px; --font-sizes-grid: 12px; --font-sizes-lg: 18px; --font-sizes-md: 16px; --font-sizes-sm: 14px; --font-sizes-xl: 24px; --font-sizes-xs: 12px; --font-weights-extralight: 200; --font-weights-black: 900; --font-weights-bold: 700; --font-weights-extrabold: 800; --font-weights-hairline: 100; --font-weights-light: 300; --font-weights-medium: 500; --font-weights-normal: 400; --font-weights-semibold: 600; --font-weights-thin: 200; --line-heights-3: .75rem; --line-heights-4: 1rem; --line-heights-5: 1.25rem; --line-heights-6: 1.5rem; --line-heights-7: 1.75rem; --line-heights-8: 2rem; --line-heights-9: 2.25rem; --line-heights-10: 2.5rem; --line-heights-2xl: 2rem; --line-heights-3xl: 2.25rem; --line-heights-4xl: 2.5rem; --line-heights-5xl: 1; --line-heights-6xl: 1; --line-heights-7xl: 1; --line-heights-8xl: 1; --line-heights-9xl: 1; --line-heights-default: 1.5rem; --line-heights-lg: 1.75rem; --line-heights-loose: 2; --line-heights-none: 1; --line-heights-normal: 1.5; --line-heights-relaxed: 1.625; --line-heights-sm: 1.25rem; --line-heights-snug: 1.375; --line-heights-tight: 1.25; --line-heights-xl: 1.75rem; --line-heights-xs: 1rem; --spacing-0: 0px; --spacing-1: 4px; --spacing-2: 8px; --spacing-3: 12px; --spacing-4: 16px; --spacing-5: 1.25rem; --spacing-6: 24px; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 48px; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 96px; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 144px; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 192px; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 240px; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --spacing-0\.5: 0.125rem; --spacing-1\.5: 0.375rem; --spacing-2\.5: 0.625rem; --spacing-3\.5: 0.875rem; --sizes-0: 0rem; --sizes-1: 0.25rem; --sizes-2: 0.5rem; --sizes-3: 0.75rem; --sizes-4: 1rem; --sizes-5: 1.25rem; --sizes-6: 1.5rem; --sizes-7: 1.75rem; --sizes-8: 2rem; --sizes-9: 2.25rem; --sizes-10: 2.5rem; --sizes-11: 2.75rem; --sizes-12: 3rem; --sizes-14: 3.5rem; --sizes-16: 4rem; --sizes-20: 5rem; --sizes-24: 6rem; --sizes-28: 7rem; --sizes-32: 8rem; --sizes-36: 9rem; --sizes-40: 10rem; --sizes-44: 11rem; --sizes-48: 12rem; --sizes-52: 13rem; --sizes-56: 14rem; --sizes-60: 15rem; --sizes-64: 16rem; --sizes-72: 18rem; --sizes-80: 20rem; --sizes-96: 24rem; --sizes-0\.5: 0.125rem; --sizes-1\.5: 0.375rem; --sizes-2\.5: 0.625rem; --sizes-3\.5: 0.875rem; --sizes-xs: 20rem; --sizes-sm: 24rem; --sizes-md: 28rem; --sizes-lg: 32rem; --sizes-xl: 36rem; --sizes-2xl: 42rem; --sizes-3xl: 48rem; --sizes-4xl: 56rem; --sizes-5xl: 64rem; --sizes-6xl: 72rem; --sizes-7xl: 80rem; --sizes-8xl: 90rem; --sizes-prose: 65ch; --sizes-full: 100%; --sizes-min: min-content; --sizes-max: max-content; --sizes-fit: fit-content; --sizes-header: 64px; --sizes-row: 32px; --sizes-input-height: calc(1.5em + .75rem + 2px); --sizes-input-px: .375rem; --sizes-input-py: .75rem; --sizes-breakpoint-2xl: 1536px; --sizes-breakpoint-lg: 1024px; --sizes-breakpoint-md: 768px; --sizes-breakpoint-sm: 640px; --sizes-breakpoint-xl: 1280px; --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --shadows-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); --shadows-header-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); --shadows-beedee-card: 0 2px 16px rgba(26,122,150,0.10), 0 1px 3px rgba(0,0,0,0.06); --radii-xs: 0.125rem; --radii-sm: calc(var(--radii-radius) - 4px); --radii-md: calc(var(--radii-radius) - 2px); --radii-lg: var(--radii-radius); --radii-xl: calc(var(--radii-radius) + 4px); --radii-2xl: 1rem; --radii-3xl: 1.5rem; --radii-full: 9999px; --radii-radius: 0.5rem; --radii-beedee: 12px; --radii-beedee-sm: 8px; --breakpoints-2xl: 1536px; --breakpoints-lg: 1024px; --breakpoints-md: 768px; --breakpoints-sm: 640px; --breakpoints-xl: 1280px; --borders-base: 1px solid var(--colors-border); --borders-input: 1px solid var(--colors-input); --borders-primary: 1px solid var(--colors-primary); --borders-destructive: 1px solid var(--colors-destructive); --animations-accordion-down: accordion-down 0.2s ease-out; --animations-accordion-up: accordion-up 0.2s ease-out; --colors-background: var(--colors-grayscale-0); --colors-foreground: var(--colors-grayscale-950); --colors-muted: var(--colors-grayscale-100); --colors-muted-foreground: var(--colors-grayscale-500); --colors-card: var(--colors-grayscale-0); --colors-card-foreground: var(--colors-grayscale-950); --colors-popover: var(--colors-grayscale-0); --colors-popover-foreground: var(--colors-grayscale-950); --colors-border: var(--colors-grayscale-200); --colors-input: var(--colors-grayscale-200); --colors-secondary: var(--colors-grayscale-100); --colors-secondary-foreground: var(--colors-grayscale-900); --colors-accent: var(--colors-grayscale-100); --colors-accent-foreground: var(--colors-grayscale-900); --colors-destructive: var(--colors-red-500); --colors-destructive-foreground: var(--colors-grayscale-50); --colors-ring: var(--colors-grayscale-400); --colors-primary: var(--colors-blue-darken); --colors-on-primary: var(--colors-white); --colors-action: var(--colors-blue-darken); --colors-spinner: var(--colors-blue-base); --colors-app-background: #f0f0f0; --colors-brand: #1a7a96; --colors-nav-background: var(--colors-blue-darken-4); --colors-nav-foreground: var(--colors-white); --colors-header-background: rgb(2, 75, 146); --colors-header-foreground: var(--colors-white); --colors-header-tabs-active: var(--colors-white); --colors-header-tabs-inactive: rgba(255, 255, 255, 0.5); --colors-header-tabs-background: transparent; --colors-form-heading: var(--colors-blue-darken-2); --colors-form-text: #111827; --colors-form-error: #f44336; --colors-form-nav-group: rgba(41, 215, 255, 0.64); --colors-form-nav-item: rgba(255, 255, 255, 0.87); --colors-number-positive: #4caf50; --colors-number-negative: var(--colors-red-base); --colors-number-overridden: var(--colors-blue-base); --colors-table-row-border: var(--colors-grey-lighten-3); --colors-table-row-empty: var(--colors-grey-base); --colors-table-row-hover: rgba(0, 0, 0, 0.04); --colors-table-row-selected: var(--colors-blue-darken-2); --colors-table-row-selected-bg: rgba(25, 118, 210, 0.15); --colors-table-row-selected-hover: rgba(25, 118, 210, 0.2); --colors-table-row-multiselected: var(--colors-yellow-darken-2); --colors-table-row-multiselected-bg: rgba(251, 192, 45, 0.2); --colors-table-row-multiselected-hover: rgba(251, 192, 45, 0.15); --colors-grid-mode-single: var(--colors-green-base); --colors-grid-mode-edit: var(--colors-blue-base); --colors-grid-mode-multi: var(--colors-yellow-darken-2); --colors-grid-mode-dive: var(--colors-purple-base); --colors-scrollbar-thumb: #90a4ae; --colors-success: #4caf50; --colors-warning: var(--colors-amber-base); --colors-error: #f44336; --colors-info: #3fc3ee; --colors-brand-dark: #156582; --colors-brand-light: #eaf4f8; --colors-brand-mid: #a8d4e0; --colors-text-label: #7a909a; --colors-border-subtle: #d4e2e8; --colors-form-background: var(--colors-white); --colors-form-section-bg: var(--colors-white); --colors-form-field-bg: #f8fafb; --colors-form-field-border: var(--colors-grey-lighten-2); --colors-form-field-focus: var(--colors-blue-base); --colors-sidebar-bg: var(--colors-blue-darken-4); --colors-sidebar-text: var(--colors-white); --colors-sidebar-active: rgba(255,255,255,0.12); --colors-beedee-brand: var(--colors-beedee-700); --colors-beedee-brand-dark: var(--colors-beedee-800); --colors-beedee-brand-light: var(--colors-beedee-200); --colors-beedee-brand-mid: var(--colors-beedee-500); --colors-beedee-bg: var(--colors-beedee-100); --colors-beedee-card: #ffffff; --colors-beedee-label: var(--colors-beedee-600); --colors-beedee-text: var(--colors-beedee-900); --colors-beedee-border: var(--colors-beedee-300); --colors-beedee-red: #c0392b; --colors-beedee-green: #4caf87; --colors-beedee-status-archived: #6366f1; --colors-beedee-status-awaiting: #f59e0b; --colors-beedee-status-draft: #94a3b8; --colors-beedee-status-revisions: #ef4444; --colors-beedee-status-submitted: #22c55e; --colors-stories-bg: var(--colors-zinc-950); --colors-stories-fg: var(--colors-zinc-50); --colors-stories-muted: var(--colors-zinc-400); --colors-stories-border: rgba(255,255,255,0.1); --colors-stories-card: var(--colors-zinc-900); --colors-stories-card-hover: var(--colors-zinc-800); --colors-stories-accent: var(--colors-zinc-400); --colors-stories-accent-primary: var(--colors-indigo-400); --colors-stories-accent-fg: var(--colors-zinc-900); --colors-stories-code-bg: var(--colors-zinc-900); --colors-stories-code-fg: var(--colors-zinc-400); --colors-stories-preview-bg: var(--colors-zinc-900); --colors-stories-preview-border: rgba(255,255,255,0.1); --colors-stories-sidebar-bg: var(--colors-zinc-900); --colors-stories-sidebar-active: var(--colors-zinc-800); --colors-stories-sidebar-hover: rgba(255,255,255,0.05); --colors-stories-badge-bg: var(--colors-zinc-800); --colors-stories-badge-fg: var(--colors-zinc-400); --colors-stories-input: rgba(255,255,255,0.15); } .dark { --colors-background: var(--colors-grayscale-950); --colors-foreground: var(--colors-grayscale-50); --colors-muted: var(--colors-grayscale-800); --colors-muted-foreground: var(--colors-grayscale-400); --colors-card: var(--colors-grayscale-950); --colors-card-foreground: var(--colors-grayscale-50); --colors-popover: var(--colors-grayscale-950); --colors-popover-foreground: var(--colors-grayscale-50); --colors-border: var(--colors-grayscale-800); --colors-input: var(--colors-grayscale-800); --colors-secondary: var(--colors-grayscale-800); --colors-secondary-foreground: var(--colors-grayscale-50); --colors-accent: var(--colors-grayscale-800); --colors-accent-foreground: var(--colors-grayscale-50); --colors-destructive: var(--colors-red-700); --colors-destructive-foreground: var(--colors-red-50); --colors-ring: var(--colors-grayscale-300) } [data-theme="beedee-bags"],[data-theme="pilatus-scm"] { --colors-brand: #0098DA; --colors-nav-background: #002446; --colors-header-background: #002446 } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%,100% { transform: scale(2); opacity: 0; } } @keyframes bounce { 0%,100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } @keyframes enter { from { opacity: var(--shadow-panda-enter-opacity, 1); transform: translate3d(var(--shadow-panda-enter-translate-x, 0), var(--shadow-panda-enter-translate-y, 0), 0) scale3d(var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1)) rotate(var(--shadow-panda-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--shadow-panda-exit-opacity, 1); transform: translate3d(var(--shadow-panda-exit-translate-x, 0), var(--shadow-panda-exit-translate-y, 0), 0) scale3d(var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1)) rotate(var(--shadow-panda-exit-rotate, 0)); } } @keyframes accordion-down { from { height: var(--sizes-0); } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: var(--sizes-0); } } @keyframes fcSlideRight { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } } @keyframes fcSlideLeft { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } } } @layer panda.recipes{ @layer _base{ .button { border-radius: var(--radii-md); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); gap: var(--spacing-2); display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); } .button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 50%; } .button:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .list { margin-block: var(--spacing-6); list-style-type: disc; margin-left: var(--spacing-6); } .list > li { margin-top: var(--spacing-2); } .input { border: var(--borders-input); background: var(--colors-background); border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-2); display: flex; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-10); width: var(--sizes-full); } .input,.input::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } .input::file-selector-button { border: var(--borders-none); background: var(--colors-transparent); font-weight: var(--font-weights-medium); } .input::placeholder,.input[data-placeholder] { color: var(--colors-muted-foreground); } .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .input:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .badge { border: var(--borders-base); border-radius: var(--radii-full); padding-inline: var(--spacing-2\.5); padding-block: var(--spacing-0\.5); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); display: inline-flex; align-items: center; font-size: 0.75rem; line-height: 1rem; font-weight: var(--font-weights-semibold); --shadow-panda-ring-offset-color: var(--colors-background); } .badge:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .label { font-size: 0.875rem; line-height: var(--line-heights-none); font-weight: var(--font-weights-medium); } .peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ .label { cursor: not-allowed; opacity: 0.7; } .separator { background: var(--colors-border); flex-shrink: 0; } .toggle { border-radius: var(--radii-md); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); gap: var(--spacing-2); display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); --shadow-panda-ring-offset-color: var(--colors-background); cursor: pointer; } .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 0.5; } .toggle:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } } .button--variant_default { background: var(--colors-primary); color: primary.foreground; } .button--variant_default:is(:hover, [data-hover]) { --sp-bga: color-mix(in srgb, transparent 10%, var(--colors-primary)); background-color: var(--sp-bga, var(--colors-primary)); } .button--size_default { padding-inline: var(--spacing-4); padding-block: var(--spacing-2); height: var(--sizes-10); } .icon--size_md { height: var(--sizes-4); width: var(--sizes-4); } .badge--variant_default { background: var(--colors-primary); border-color: var(--colors-transparent); color: primary.foreground; } .badge--variant_default:is(:hover, [data-hover]) { --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-primary)); background-color: var(--sp-bga, var(--colors-primary)); } .separator--orientation_horizontal { height: 1px; width: var(--sizes-full); } .toggle--variant_default { background: var(--colors-transparent); } .toggle--variant_default[data-state=on] { background: var(--colors-accent); color: var(--colors-accent-foreground); } .toggle--variant_default:is(:hover, [data-hover]) { background: var(--colors-muted); color: var(--colors-muted-foreground); } .toggle--variant_default:is(:hover, [data-hover])[data-state=on] { color: var(--colors-accent-foreground); } .toggle--size_default { padding-inline: var(--spacing-3); height: var(--sizes-10); } } @layer panda.recipes.slots{ @layer _base{ .checkbox__root { border: var(--borders-primary); border-radius: var(--radii-sm); flex-shrink: 0; cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-4); width: var(--sizes-4); } .checkbox__root[data-state="checked"] { background: var(--colors-primary); color: primary.foreground; } .checkbox__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .checkbox__root:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .checkbox__indicator { justify-content: center; color: currentColor; } .checkbox__indicator,.select__trigger { display: flex; align-items: center; } .select__trigger { border: var(--borders-input); background: var(--colors-transparent); border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-2); justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-10); width: var(--sizes-full); } .select__trigger::placeholder,.select__trigger[data-placeholder] { color: var(--colors-muted-foreground); } .select__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .select__trigger:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .select__viewport { padding: var(--spacing-1); } .select__viewport[data-position=popper] { height: var(--radix-select-trigger-height); width: var(--sizes-full); min-width: var(--radix-select-trigger-width); } .select__content { border: var(--borders-base); background: var(--colors-popover); overflow: hidden; border-radius: var(--radii-md); position: relative; z-index: 50; color: var(--colors-popover-foreground); box-shadow: var(--shadows-md); min-width: 8rem; } .select__content[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .select__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .select__content[data-side=top] { --shadow-panda-enter-translate-y: var(--spacing-2); } .select__content[data-side=bottom] { --shadow-panda-enter-translate-y: calc(var(--spacing-2) * -1); } .select__content[data-side=left] { --shadow-panda-enter-translate-x: var(--spacing-2); } .select__content[data-side=right] { --shadow-panda-enter-translate-x: calc(var(--spacing-2) * -1); } .select__content[data-position=popper][data-side=top] { --shadow-panda-translate-y: calc(var(--spacing-1) * -1); } .select__content[data-position=popper][data-side=top],.select__content[data-position=popper][data-side=bottom] { transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); } .select__content[data-position=popper][data-side=bottom] { --shadow-panda-translate-y: var(--spacing-1); } .select__content[data-position=popper][data-side=left] { --shadow-panda-translate-x: calc(var(--spacing-1) * -1); } .select__content[data-position=popper][data-side=left],.select__content[data-position=popper][data-side=right] { transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); } .select__content[data-position=popper][data-side=right] { --shadow-panda-translate-x: var(--spacing-1); } .select__label { font-weight: var(--font-weights-semibold); } .select__label,.select__item { padding-block: var(--spacing-1\.5); font-size: 0.875rem; line-height: 1.25rem; padding-left: var(--spacing-8); padding-right: var(--spacing-2); } .select__item { border-radius: var(--radii-sm); outline: 2px solid transparent; position: relative; display: flex; cursor: default; -webkit-user-select: none; user-select: none; align-items: center; } .select__item[data-disabled] { pointer-events: none; opacity: 0.5; } .select__item:is(:focus, [data-focus]) { background: var(--colors-accent); color: var(--colors-accent-foreground); } .select__itemIndicator { position: absolute; display: flex; align-items: center; justify-content: center; left: var(--spacing-2); height: var(--sizes-3\.5); width: var(--sizes-3\.5); } .select__separator { background: var(--colors-muted); margin-inline: calc(var(--spacing-1) * -1); margin-block: var(--spacing-1); height: 1px; } .radioGroup__root { gap: var(--spacing-2); display: grid; } .radioGroup__item { border: var(--borders-primary); border-radius: var(--radii-full); aspect-ratio: square; color: var(--colors-primary); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-4); width: var(--sizes-4); } .radioGroup__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .radioGroup__item:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .radioGroup__indicator { display: flex; align-items: center; justify-content: center; } .radioGroup__icon { fill: var(--colors-current); color: var(--colors-current); height: var(--sizes-2\.5); width: var(--sizes-2\.5); } .dialog__overlay { inset: var(--spacing-0); position: fixed; z-index: 50; --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-background)); background-color: var(--sp-bga, var(--colors-background)); backdrop-filter: blur(4px); } .dialog__overlay[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 1; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .dialog__overlay[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 1; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .dialog__close { background: var(--colors-accent); border-radius: var(--radii-sm); transition-property: var(--transition-prop, opacity); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); position: absolute; opacity: 0.7; --shadow-panda-ring-offset-color: var(--colors-background); cursor: pointer; color: var(--colors-muted-foreground); right: var(--spacing-4); top: var(--spacing-4); } .dialog__close:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; } .dialog__close:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .dialog__close:is(:hover, [data-hover]) { opacity: 1; } .dialog__content { border: var(--borders-base); background: var(--colors-background); padding: var(--spacing-6); gap: var(--spacing-4); position: fixed; z-index: 50; display: grid; transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); --shadow-panda-translate-x: -50%; --shadow-panda-translate-y: -50%; --transition-duration: var(--durations-normal); transition-duration: var(--durations-normal); box-shadow: var(--shadows-lg); left: 50%; top: 50%; width: var(--sizes-full); max-width: var(--sizes-lg); } .dialog__content[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: calc(50% * -1); --shadow-panda-enter-translate-y: calc(48% * -1); } .dialog__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: calc(50% * -1); --shadow-panda-exit-translate-y: calc(48% * -1); } .dialog__header { display: flex; flex-direction: column; } .dialog__header > * + * { margin-top: var(--spacing-1\.5); } .dialog__header { text-align: center; } .dialog__footer { display: flex; flex-direction: column-reverse; } .dialog__title { font-size: 1.125rem; line-height: var(--line-heights-none); font-weight: var(--font-weights-semibold); letter-spacing: var(--letter-spacings-tight); } .dialog__description { color: var(--colors-muted-foreground); } .dialog__description,.tooltip__content { font-size: 0.875rem; line-height: 1.25rem; } .tooltip__content { border: var(--borders-base); background: var(--colors-popover); overflow: hidden; border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-1\.5); z-index: 50; color: var(--colors-popover-foreground); box-shadow: var(--shadows-md); animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .tooltip__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .tooltip__content[data-side=top] { --shadow-panda-enter-translate-y: var(--spacing-2); } .tooltip__content[data-side=bottom] { --shadow-panda-enter-translate-y: calc(var(--spacing-2) * -1); } .tooltip__content[data-side=left] { --shadow-panda-enter-translate-x: var(--spacing-2); } .tooltip__content[data-side=right] { --shadow-panda-enter-translate-x: calc(var(--spacing-2) * -1); } .tabs__list { background: var(--colors-muted); padding: var(--spacing-1); border-radius: var(--radii-md); color: var(--colors-muted-foreground); height: var(--sizes-10); } .tabs__list,.tabs__trigger { display: inline-flex; align-items: center; justify-content: center; } .tabs__trigger { border-radius: var(--radii-sm); padding-inline: var(--spacing-3); padding-block: var(--spacing-1\.5); transition-property: var(--transition-prop, all); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); } .tabs__trigger[data-state=active] { background: var(--colors-background); color: var(--colors-foreground); box-shadow: var(--shadows-sm); } .tabs__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 50%; } .tabs__trigger:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .tabs__content { --shadow-panda-ring-offset-color: var(--colors-background); margin-top: var(--spacing-2); } .tabs__content:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } @media screen and (min-width: 40rem) { .dialog__content { border-radius: var(--radii-lg); } .dialog__header { text-align: left; } .dialog__footer { flex-direction: row; justify-content: flex-end; } .dialog__footer > * + * { margin-left: var(--spacing-2); } } } } @layer panda.utilities{ .\--thickness_1px { --thickness: 1px; } .\--primary-colour_\#f44336 { --primary-colour: #f44336; } .\--padding_32px { --padding: 32px; } .\--primary-active-colour_\#ffa000 { --primary-active-colour: #ffa000; } .\--primary-colour_\#ffc107 { --primary-colour: #ffc107; } .\--primary-hover-colour_\#ffb300 { --primary-hover-colour: #ffb300; } .\--text-colour_black { --text-colour: black; } .\--primary-active-colour_\#0d47a1 { --primary-active-colour: #0d47a1; } .\--primary-colour_\#1976d2 { --primary-colour: #1976d2; } .\--primary-hover-colour_\#1565c0 { --primary-hover-colour: #1565c0; } .\--text-colour_white { --text-colour: white; } .\--primary-active-colour_\#37474f { --primary-active-colour: #37474f; } .\--primary-colour_\#546e7a { --primary-colour: #546e7a; } .\--primary-hover-colour_\#455a64 { --primary-hover-colour: #455a64; } .\--primary-active-colour_\#5d4037 { --primary-active-colour: #5d4037; } .\--primary-colour_\#795548 { --primary-colour: #795548; } .\--primary-hover-colour_\#6d4c41 { --primary-hover-colour: #6d4c41; } .\--primary-active-colour_\#0097a7 { --primary-active-colour: #0097a7; } .\--primary-colour_\#00bcd4 { --primary-colour: #00bcd4; } .\--primary-hover-colour_\#00acc1 { --primary-hover-colour: #00acc1; } .\--primary-active-colour_\#e64a19 { --primary-active-colour: #e64a19; } .\--primary-colour_\#ff5722 { --primary-colour: #ff5722; } .\--primary-hover-colour_\#f4511e { --primary-hover-colour: #f4511e; } .\--primary-active-colour_\#512da8 { --primary-active-colour: #512da8; } .\--primary-colour_\#673ab7 { --primary-colour: #673ab7; } .\--primary-hover-colour_\#5e35b1 { --primary-hover-colour: #5e35b1; } .\--primary-active-colour_\#388e3c { --primary-active-colour: #388e3c; } .\--primary-colour_\#4caf50 { --primary-colour: #4caf50; } .\--primary-hover-colour_\#43a047 { --primary-hover-colour: #43a047; } .\--primary-active-colour_\#303f9f { --primary-active-colour: #303f9f; } .\--primary-colour_\#3f51b5 { --primary-colour: #3f51b5; } .\--primary-hover-colour_\#3949ab { --primary-hover-colour: #3949ab; } .\--primary-active-colour_\#0288d1 { --primary-active-colour: #0288d1; } .\--primary-colour_\#03a9f4 { --primary-colour: #03a9f4; } .\--primary-hover-colour_\#039be5 { --primary-hover-colour: #039be5; } .\--primary-active-colour_\#689f38 { --primary-active-colour: #689f38; } .\--primary-colour_\#8bc34a { --primary-colour: #8bc34a; } .\--primary-hover-colour_\#7cb342 { --primary-hover-colour: #7cb342; } .\--primary-active-colour_\#afb42b { --primary-active-colour: #afb42b; } .\--primary-colour_\#cddc39 { --primary-colour: #cddc39; } .\--primary-hover-colour_\#c0ca33 { --primary-hover-colour: #c0ca33; } .\--primary-active-colour_\#f57c00 { --primary-active-colour: #f57c00; } .\--primary-colour_\#ff9800 { --primary-colour: #ff9800; } .\--primary-hover-colour_\#fb8c00 { --primary-hover-colour: #fb8c00; } .\--primary-active-colour_\#ad1457 { --primary-active-colour: #ad1457; } .\--primary-colour_\#d81b60 { --primary-colour: #d81b60; } .\--primary-hover-colour_\#c2185b { --primary-hover-colour: #c2185b; } .\--primary-active-colour_\#7b1fa2 { --primary-active-colour: #7b1fa2; } .\--primary-colour_\#9c27b0 { --primary-colour: #9c27b0; } .\--primary-hover-colour_\#8e24aa { --primary-hover-colour: #8e24aa; } .\--primary-active-colour_\#b71c1c { --primary-active-colour: #b71c1c; } .\--primary-colour_\#d32f2f { --primary-colour: #d32f2f; } .\--primary-hover-colour_\#c62828 { --primary-hover-colour: #c62828; } .\--primary-active-colour_\#004d40 { --primary-active-colour: #004d40; } .\--primary-colour_\#00796b { --primary-colour: #00796b; } .\--primary-hover-colour_\#00695c { --primary-hover-colour: #00695c; } .\--primary-active-colour_\#fbc02d { --primary-active-colour: #fbc02d; } .\--primary-colour_\#ffeb3b { --primary-colour: #ffeb3b; } .\--primary-hover-colour_\#fdd835 { --primary-hover-colour: #fdd835; } .\--min-opacity_0\.85 { --min-opacity: 0.85; } .\--cell-size_var\(--heatmap-cell-size\,_22px\) { --cell-size: var(--heatmap-cell-size, 22px); } .\--gap_var\(--heatmap-cell-gap\,_2px\) { --gap: var(--heatmap-cell-gap, 2px); } .\--border-thickness_2px { --border-thickness: 2px; } .\--primary-color_\#F44336 { --primary-color: #F44336; } .\--height_28px { --height: 28px; } .\--width_96px { --width: 96px; } .bg_rgb\(240\,_240\,_240\) { background: rgb(240, 240, 240); } .grid-area_config { grid-area: config; } .p_32px { padding: 32px; } .bg_\#e0e0e0 { background: #e0e0e0; } .grid-area_footer { grid-area: footer; } .p_8px { padding: 8px; } .grid-area_logo { grid-area: logo; } .grid-area_subtitle { grid-area: subtitle; } .grid-area_title { grid-area: title; } .bg_var\(--background-color\) { background: var(--background-color); } .grid-area_sidebar { grid-area: sidebar; } .p_32px_0px { padding: 32px 0px; } .bd_0px { border: 0px; } .bg_var\(--tab-item-active-colour\) { background: var(--tab-item-active-colour); } .p_0 { padding: var(--spacing-0); } .m_0 { margin: var(--spacing-0); } .bd_4px_solid_black { border: 4px solid black; } .m_16px { margin: 16px; } .bg_white { background: var(--colors-white); } .m_32px { margin: 32px; } .p_16px { padding: 16px; } .bg_\#ffcdd2 { background: #ffcdd2; } .bd_1px_solid_\#f44336 { border: 1px solid #f44336; } .bg_\#ff5722 { background: #ff5722; } .bd_6px_solid_rgba\(255\,_255\,_255\,_0\.6\) { border: 6px solid rgba(255, 255, 255, 0.6); } .m_auto { margin: auto; } .bg_\#f5f5f5 { background: #f5f5f5; } .p_5px_12px { padding: 5px 12px; } .p_16px_24px { padding: 16px 24px; } .p_4px { padding: 4px; } .p_12px_16px { padding: 12px 16px; } .bg_\#f0f0f0 { background: #f0f0f0; } .p_0_6px { padding: 0 6px; } .bg_\#f8f9fa { background: #f8f9fa; } .p_8px_16px { padding: 8px 16px; } .bg_none { background: none; } .bd_none { border: var(--borders-none); } .p_2px_4px { padding: 2px 4px; } .bg_\#d0d0d0 { background: #d0d0d0; } .bg_\#e3f2fd { background: #e3f2fd; } .p_0_3px { padding: 0 3px; } .p_2px_0 { padding: 2px 0; } .p_1px_6px { padding: 1px 6px; } .bg_rgb\(245\,_245\,_245\) { background: rgb(245, 245, 245); } .bg_linear-gradient\(to_bottom\,_rgba\(0\,_0\,_0\,_0\)_0\%\,_rgba\(0\,_0\,_0\,_0\.5\)_100\%\) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .m_16 { margin: var(--spacing-16); } .bg_\#1976d2 { background: #1976d2; } .m_0px { margin: 0px; } .bg_\#fdfdfd { background: #fdfdfd; } .bg_rgba\(255\,_255\,_255\,_0\.25\) { background: rgba(255, 255, 255, 0.25); } .p_0px { padding: 0px; } .bg_\#ffffff { background: #ffffff; } .m_4px_0px { margin: 4px 0px; } .p_12px { padding: 12px; } .p_0px_8px { padding: 0px 8px; } .bg_\#fafafa { background: #fafafa; } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) { border: 1px solid rgba(0, 0, 0, 0.15); } .m_16px_0px { margin: 16px 0px; } .bg_rgba\(0\,_0\,_0\,_0\.25\) { background: rgba(0, 0, 0, 0.25); } .grid-area_actions { grid-area: actions; } .bg_var\(--background-colour\,_\#f0f0f0\) { background: var(--background-colour, #f0f0f0); } .bg_\#0d47a1 { background: #0d47a1; } .m_8px { margin: 8px; } .bg_\#f44336 { background: #f44336; } .bd_5px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border: 5px solid rgba(0, 0, 0, 0.25); } .m_24px { margin: 24px; } .p_4px_8px { padding: 4px 8px; } .p_4 { padding: var(--spacing-4); } .p_2 { padding: var(--spacing-2); } .p_3 { padding: var(--spacing-3); } .p_6 { padding: var(--spacing-6); } .bg_\#e2e2e2 { background: #e2e2e2; } .grid-area_center { grid-area: center; } .bg_var\(--primary-colour\) { background: var(--primary-colour); } .bg_rgba\(218\,_181\,_79\,_0\.225\) { background: rgba(218, 181, 79, 0.225); } .bg_rgba\(0\,_0\,_0\,_0\.2\)\! { background: rgba(0, 0, 0, 0.2) !important; } .p_8px_0px { padding: 8px 0px; } .bg_rgba\(0\,_0\,_0\,_0\.15\) { background: rgba(0, 0, 0, 0.15); } .bg_rgba\(0\,_0\,_0\,_0\.05\) { background: rgba(0, 0, 0, 0.05); } .bg_var\(--primary-colour-faint\,_\#1976d2\) { background: var(--primary-colour-faint, #1976d2); } .bg_var\(--primary-colour\,_\#1976d2\) { background: var(--primary-colour, #1976d2); } .bg_\#e5e5e5 { background: #e5e5e5; } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border: 1px solid rgba(0, 0, 0, 0.25); } .m_var\(--cell-gap\) { margin: var(--cell-gap); } .p_1 { padding: var(--spacing-1); } .p_2_4 { padding: 2 4; } .bd_1px_dashed { border: 1px dashed; } .p_24px { padding: 24px; } .p_2px_6px { padding: 2px 6px; } .inset_0 { inset: var(--spacing-0); } .p_20px { padding: 20px; } .p_48px_24px { padding: 48px 24px; } .m_0_0_8px_0 { margin: 0 0 8px 0; } .m_0_0_12px_0 { margin: 0 0 12px 0; } .p_8 { padding: var(--spacing-8); } .p_12 { padding: var(--spacing-12); } .p_2_3 { padding: 2 3; } .p_1_2 { padding: 1 2; } .p_1_3 { padding: 1 3; } .m_0_auto { margin: 0 auto; } .bg_transparent { background: var(--colors-transparent); } .p_10px_16px { padding: 10px 16px; } .m_4px_2px { margin: 4px 2px; } .p_6px_16px { padding: 6px 16px; } .p_0\.2em_0\.6em_0\.3em { padding: 0.2em 0.6em 0.3em; } .m_2px { margin: 2px; } .bg_rgba\(0\,_0\,_0\,_0\.26\) { background: rgba(0, 0, 0, 0.26); } .m_32px_16px_16px_8px { margin: 32px 16px 16px 8px; } .bg_black { background: var(--colors-black); } .bg_rgba\(0\,_0\,_0\,_0\.5\) { background: rgba(0, 0, 0, 0.5); } .bg_\#eeeeee { background: #eeeeee; } .p_0px_5px { padding: 0px 5px; } .m_4px { margin: 4px; } .bg_rgb\(60\,_60\,_60\) { background: rgb(60, 60, 60); } .bg_var\(--background-colour\,_white\) { background: var(--background-colour, white); } .anim_fadeIn_0\.3s_ease-in-out { animation: fadeIn 0.3s ease-in-out; } .bg_beedee-card { background: var(--colors-beedee-card); } .p_0_24px { padding: 0 24px; } .anim_fadeIn_\.22s_ease { animation: fadeIn .22s ease; } .p_24px_26px_20px { padding: 24px 26px 20px; } .bd_1\.5px_solid { border: 1.5px solid; } .p_8px_20px { padding: 8px 20px; } .p_12px_15px_9px { padding: 12px 15px 9px; } .p_5px_0 { padding: 5px 0; } .bg_beedee-brand-light { background: var(--colors-beedee-brand-light); } .p_8px_15px { padding: 8px 15px; } .p_14px_26px_18px { padding: 14px 26px 18px; } .p_24px_24px_20px { padding: 24px 24px 20px; } .bg_beedee-border { background: var(--colors-beedee-border); } .bg_beedee-brand { background: var(--colors-beedee-brand); } .p_6px_15px_6px_30px { padding: 6px 15px 6px 30px; } .p_2\.5_6 { padding: 2.5 6; } .anim_fadeIn_0\.2s_ease-out { animation: fadeIn 0.2s ease-out; } .anim_slideUp_0\.3s_ease-out { animation: slideUp 0.3s ease-out; } .bg_blue\.50 { background: var(--colors-blue-50); } .bd_blue\.500 { border: blue.500; } .m_0\! { margin: var(--spacing-0) !important; } .p_0\! { padding: var(--spacing-0) !important; } .anim_slideIn_0\.3s_ease-out { animation: slideIn 0.3s ease-out; } .bg_gray\.100 { background: var(--colors-gray-100); } .m_3px { margin: 3px; } .p_16px_24px_12px { padding: 16px 24px 12px; } .p_6px_14px { padding: 6px 14px; } .bg_\#f7fbfc { background: #f7fbfc; } .p_9px_13px { padding: 9px 13px; } .p_11px_13px { padding: 11px 13px; } .bd_1\.5px_solid_\{colors\.beedee-brand-mid\} { border: 1.5px solid var(--colors-beedee-brand-mid); } .p_2px_9px { padding: 2px 9px; } .p_10px_20px { padding: 10px 20px; } .m_4px_0_0_0 { margin: 4px 0 0 0; } .p_40px { padding: 40px; } .bg_url\(\'\/ga\/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a\.PNG\'\)_center\/cover_no-repeat { background: url('/ga/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a.PNG') center/cover no-repeat; } .p_12px_20px { padding: 12px 20px; } .bg_\#fff { background: #fff; } .bd_1px_solid_\#e0e0e0 { border: 1px solid #e0e0e0; } .bg_\#f4f5f7 { background: #f4f5f7; } .p_3px_8px { padding: 3px 8px; } .bg_linear-gradient\(180deg\,_\#1ba360_0\%\,_\#0f7a47_100\%\) { background: linear-gradient(180deg, #1ba360 0%, #0f7a47 100%); } .p_28px_0 { padding: 28px 0; } .p_10px_24px { padding: 10px 24px; } .bg_rgba\(255\,_255\,_255\,_0\.18\) { background: rgba(255, 255, 255, 0.18); } .bd_1\.5px_dashed_\#c8d6ce { border: 1.5px dashed #c8d6ce; } .bg_\#e8faf0 { background: #e8faf0; } .bg_\#e8f7ee { background: #e8f7ee; } .p_24px_28px { padding: 24px 28px; } .bg_beedee-bg { background: var(--colors-beedee-bg); } .p_8px_12px { padding: 8px 12px; } .bd_1px_solid { border: 1px solid; } .p_2px_3 { padding: 2px 3; } .p_10px_14px { padding: 10px 14px; } .p_4px_0 { padding: 4px 0; } .p_8px_14px_4px { padding: 8px 14px 4px; } .p_9px_14px { padding: 9px 14px; } .m_4px_0_0 { margin: 4px 0 0; } .bg_\#faf5ff { background: #faf5ff; } .p_20px_24px { padding: 20px 24px; } .p_3px_10px { padding: 3px 10px; } .p_4px_12px { padding: 4px 12px; } .p_16px_20px { padding: 16px 20px; } .p_5px_10px { padding: 5px 10px; } .bg_\#f5f7f9 { background: #f5f7f9; } .p_16px_32px { padding: 16px 32px; } .p_28px_24px_72px { padding: 28px 24px 72px; } .anim_fadeIn_0\.22s_ease { animation: fadeIn 0.22s ease; } .m_20px_auto { margin: 20px auto; } .p_3px { padding: 3px; } .p_8px_24px { padding: 8px 24px; } .p_32px_24px { padding: 32px 24px; } .p_16px_22px { padding: 16px 22px; } .p_18px_22px { padding: 18px 22px; } .p_5px_6px { padding: 5px 6px; } .p_6px_0 { padding: 6px 0; } .p_6px_8px { padding: 6px 8px; } .p_14px_22px { padding: 14px 22px; } .bg_beedee-brand-dark { background: var(--colors-beedee-brand-dark); } .bd_2px_solid_var\(--colors-beedee-brand\) { border: 2px solid var(--colors-beedee-brand); } .bd_2px_solid_var\(--colors-beedee-border\) { border: 2px solid var(--colors-beedee-border); } .p_2px_8px { padding: 2px 8px; } .p_1px_5px { padding: 1px 5px; } .bg_rgba\(255\,255\,255\,0\.15\) { background: rgba(255,255,255,0.15); } .p_14px_18px { padding: 14px 18px; } .p_8px_14px { padding: 8px 14px; } .p_6px_10px { padding: 6px 10px; } .p_12px_18px { padding: 12px 18px; } .bd_1px_solid_beedee-border { border: 1px solid beedee-border; } .bd_2px_solid_token\(colors\.beedee-brand\) { border: 2px solid var(--colors-beedee-brand); } .bd_2px_solid_token\(colors\.beedee-brand-mid\) { border: 2px solid var(--colors-beedee-brand-mid); } .bd_2px_solid_token\(colors\.beedee-border\) { border: 2px solid var(--colors-beedee-border); } .p_28px_20px { padding: 28px 20px; } .bd_2px_dashed_token\(colors\.beedee-brand\) { border: 2px dashed var(--colors-beedee-brand); } .bg_green\.50 { background: var(--colors-green-50); } .bd_2px_dashed_token\(colors\.green\.300\) { border: 2px dashed var(--colors-green-300); } .bg_\#fafcfd { background: #fafcfd; } .bd_2px_dashed_token\(colors\.beedee-border\) { border: 2px dashed var(--colors-beedee-border); } .bg_\#c8d5d8 { background: #c8d5d8; } .p_14px_16px { padding: 14px 16px; } .p_18px_20px { padding: 18px 20px; } .p_12px_14px { padding: 12px 14px; } .p_4px_6px { padding: 4px 6px; } .p_9px_0 { padding: 9px 0; } .bg_\#039BE5 { background: #039BE5; } .p_0px_32px { padding: 0px 32px; } .bg_rgb\(3\,_155\,_229\) { background: rgb(3, 155, 229); } .bd_3px_solid { border: 3px solid; } .p_3px_9px { padding: 3px 9px; } .p_6px_4px { padding: 6px 4px; } .p_10px_12px { padding: 10px 12px; } .p_0_12px_8px { padding: 0 12px 8px; } .p_5px_9px { padding: 5px 9px; } .p_5px_11px { padding: 5px 11px; } .p_5px_14px { padding: 5px 14px; } .p_12px_15px { padding: 12px 15px; } .p_8px_10px { padding: 8px 10px; } .p_5px_8px { padding: 5px 8px; } .grid-area_custom-header { grid-area: custom-header; } .grid-area_grid { grid-area: grid; } .grid-area_notes { grid-area: notes; } .bd_1px_solid_transparent { border: 1px solid transparent; } .m_0px_4px { margin: 0px 4px; } .m_0px_8px { margin: 0px 8px; } .bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .p_4px_16px { padding: 4px 16px; } .grid-area_search { grid-area: search; } .p_var\(--base-padding\) { padding: var(--base-padding); } .bg_var\(--accent-background-colour\) { background: var(--accent-background-colour); } .grid-area_header { grid-area: header; } .bg_var\(--heatmap-background-apr\) { background: var(--heatmap-background-apr); } .bg_var\(--heatmap-background-aug\) { background: var(--heatmap-background-aug); } .grid-area_days { grid-area: days; } .bg_var\(--heatmap-background-dec\) { background: var(--heatmap-background-dec); } .bg_var\(--heatmap-background-feb\) { background: var(--heatmap-background-feb); } .bg_red { background: red; } .bg_var\(--heatmap-background-jan\) { background: var(--heatmap-background-jan); } .bg_var\(--heatmap-background-jul\) { background: var(--heatmap-background-jul); } .bg_var\(--heatmap-background-jun\) { background: var(--heatmap-background-jun); } .grid-area_legend { grid-area: legend; } .bg_var\(--heatmap-background-mar\) { background: var(--heatmap-background-mar); } .bg_var\(--heatmap-background-may\) { background: var(--heatmap-background-may); } .grid-area_months { grid-area: months; } .bg_var\(--heatmap-background-nov\) { background: var(--heatmap-background-nov); } .bg_var\(--heatmap-background-oct\) { background: var(--heatmap-background-oct); } .bg_var\(--heatmap-background-sep\) { background: var(--heatmap-background-sep); } .grid-area_year { grid-area: year; } .grid-area_chart { grid-area: chart; } .m_0px_16px { margin: 0px 16px; } .bd_2px_solid_rgb\(102\,_102\,_102\) { border: 2px solid rgb(102, 102, 102); } .bd_4px_solid_var\(--accent-background-colour\) { border: 4px solid var(--accent-background-colour); } .bg_rgba\(0\,_0\,_0\,_0\.35\) { background: rgba(0, 0, 0, 0.35); } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.5\) { border: 1px solid rgba(0, 0, 0, 0.5); } .bg_var\(--background-colour\) { background: var(--background-colour); } .bg_var\(--background-colour\)\! { background: var(--background-colour) !important; } .grid-area_content { grid-area: content; } .bg_\#0d47a1\! { background: #0d47a1 !important; } .bd_calc\(var\(--border-thickness\)_\*_3\)_solid_var\(--accent-background-colour\) { border: calc(var(--border-thickness) * 3) solid var(--accent-background-colour); } .bd_var\(--border-thickness\)_solid_var\(--accent-background-colour\) { border: var(--border-thickness) solid var(--accent-background-colour); } .p_8px_48px { padding: 8px 48px; } .bd_1px_solid_\#5B5B66 { border: 1px solid #5B5B66; } .grid-template_\'code\' { grid-template: 'code'; } .grid-template_\'preview\' { grid-template: 'preview'; } .p_var\(--margin\) { padding: var(--margin); } .bg_\#B71C1C { background: #B71C1C; } .p_var\(--padding\) { padding: var(--padding); } .bg_var\(--sidebar-item-active-colour\) { background: var(--sidebar-item-active-colour); } .bg_var\(--sidebar-header-background-colour\) { background: var(--sidebar-header-background-colour); } .p_2px { padding: 2px; } .bg_rgba\(255\,_255\,_255\,_0\.5\) { background: rgba(255, 255, 255, 0.5); } .m_16px_32px { margin: 16px 32px; } .bd_1px_solid_\#f1f5f9 { border: 1px solid #f1f5f9; } .anim_GEAR-OPEN_400ms { animation: GEAR-OPEN 400ms; } .bg_\#388e3c { background: #388e3c; } .anim_pulse_1\.5s_ease-in-out_infinite { animation: pulse 1.5s ease-in-out infinite; } .flex_1 { flex: 1 1 0%; } .grid-template-areas_\'sidebar_config\'_\'logo_footer\' { grid-template-areas: 'sidebar config' 'logo footer'; } .gap_0px_32px { gap: 0px 32px; } .bg-p_center { background-position: center; } .grid-template-areas_\'config\'_\'footer\' { grid-template-areas: 'config' 'footer'; } .flex_1_1_0\% { flex: 1 1 0%; } .px_\[13px\] { padding-inline: 13px; } .ov_visible { overflow: visible; } .trs_color_150ms { transition: color 150ms; } .grid-template-areas_\'list_record\' { grid-template-areas: 'list record'; } .bdr_4px { border-radius: 4px; } .bdr_50\% { border-radius: 50%; } .trs_width\,_height\,_left\,_top { transition: width, height, left, top; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .columns_2 { columns: 2; } .ov_hidden { overflow: hidden; } .bd-b_1px_solid_\#e0e0e0 { border-bottom: 1px solid #e0e0e0; } .bd-l_3px_solid_\#1976d2 { border-left: 3px solid #1976d2; } .gap_2px { gap: 2px; } .li-s_none { list-style: none; } .flex_0_0_clamp\(150px\,_40\%\,_350px\) { flex: 0 0 clamp(150px, 40%, 350px); } .bd-l_1px_solid_\#eee { border-left: 1px solid #eee; } .flex_1_1_auto { flex: 1 1 auto; } .bd-b_1px_solid_var\(--color-border-default\) { border-bottom: 1px solid var(--color-border-default); } .bdr_8px { border-radius: 8px; } .bd-t_1px_solid_\#e0e0e0 { border-top: 1px solid #e0e0e0; } .td_underline { text-decoration: underline; } .bdr_6px { border-radius: 6px; } .gap_1px { gap: 1px; } .gap_8px { gap: 8px; } .bdr_3px { border-radius: 3px; } .columns_1 { columns: 1; } .trs_transform_300ms { transition: transform 300ms; } .trs_height_200ms { transition: height 200ms; } .flex_unset { flex: unset; } .bdr_32px { border-radius: 32px; } .trs_background-color_0\.3s { transition: background-color 0.3s; } .bdr_2px { border-radius: 2px; } .grid-template-areas_\'sidebar_config\'_\'sidebar_actions\' { grid-template-areas: 'sidebar config' 'sidebar actions'; } .gap_4 { gap: var(--spacing-4); } .bd-c_white { border-color: var(--colors-white); } .bdr_md { border-radius: var(--radii-md); } .border-style_solid { border-style: solid; } .bd-w_1px { border-width: 1px; } .gap_2 { gap: var(--spacing-2); } .td_none { text-decoration: none; } .gap_6 { gap: var(--spacing-6); } .gap_1 { gap: var(--spacing-1); } .bdr_full { border-radius: var(--radii-full); } .px_3 { padding-inline: var(--spacing-3); } .py_1 { padding-block: var(--spacing-1); } .bdr_lg { border-radius: var(--radii-lg); } .gap_3 { gap: var(--spacing-3); } .bd-w_0 { border-width: 0; } .px_4 { padding-inline: var(--spacing-4); } .py_2 { padding-block: var(--spacing-2); } .trs_all_0\.15s { transition: all 0.15s; } .bd-c_brand { border-color: var(--colors-brand); } .grid-template-areas_\"top-panel_top-panel_top-panel\"_\"left-panel_center_right-panel\" { grid-template-areas: "top-panel top-panel top-panel" "left-panel center right-panel"; } .trs_max-width_600ms\,_transform_600ms { transition: max-width 600ms, transform 600ms; } .trs_background-color_300ms { transition: background-color 300ms; } .grid-template-areas_\'sidebar_content\' { grid-template-areas: 'sidebar content'; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .bd-l_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-left: 1px solid rgba(0, 0, 0, 0.25); } .bd-t_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-top: 1px solid rgba(0, 0, 0, 0.25); } .trs_background-color_100ms { transition: background-color 100ms; } .grid-c_span_2 { grid-column: span 2; } .grid-template-areas_\'component-list_editor\' { grid-template-areas: 'component-list editor'; } .gap_var\(--cell-gap\) { gap: var(--cell-gap); } .grid-c_span_3 { grid-column: span 3; } .columns_12 { columns: 12; } .trs_all_0\.2s { transition: all 0.2s; } .ov_auto { overflow: auto; } .bd-c_stories-border { border-color: var(--colors-stories-border); } .bdr_sm { border-radius: var(--radii-sm); } .mx_0\.5 { margin-inline: var(--spacing-0\.5); } .px_2 { padding-inline: var(--spacing-2); } .py_0\.5 { padding-block: var(--spacing-0\.5); } .mx_auto { margin-inline: auto; } .gap_20px { gap: 20px; } .gap_16px { gap: 16px; } .grid-c_1_\/_-1 { grid-column: 1 / -1; } .gap_4px { gap: 4px; } .gap_0\.5 { gap: var(--spacing-0\.5); } .py_0 { padding-block: var(--spacing-0); } .bd-c_stories-accent { border-color: var(--colors-stories-accent); } .my_4 { margin-block: var(--spacing-4); } .bd-c_border-subtle { border-color: var(--colors-border-subtle); } .bd-t_1px_solid_transparent { border-top: 1px solid transparent; } .bd-c_transparent { border-color: var(--colors-transparent); } .ring_none { outline: var(--borders-none); } .py_3 { padding-block: var(--spacing-3); } .bdr_0 { border-radius: 0; } .px_0 { padding-inline: var(--spacing-0); } .bd-c_form-field-border { border-color: var(--colors-form-field-border); } .px_1 { padding-inline: var(--spacing-1); } .bd-c_grey\.lighten-3 { border-color: var(--colors-grey-lighten-3); } .px_6 { padding-inline: var(--spacing-6); } .bd-c_grey\.lighten-2 { border-color: var(--colors-grey-lighten-2); } .trs_background-color_200ms\,_box-shadow_200ms { transition: background-color 200ms, box-shadow 200ms; } .bdr_16px { border-radius: 16px; } .trs_box-shadow_100ms { transition: box-shadow 100ms; } .trs_color_200ms\,_background-color_200ms\,_box-shadow_200ms { transition: color 200ms, background-color 200ms, box-shadow 200ms; } .trs_top_200ms\,_opacity_200ms { transition: top 200ms, opacity 200ms; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.26\) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .trs_border-color_200ms\,_border-width_200ms { transition: border-color 200ms, border-width 200ms; } .trs_opacity_400ms { transition: opacity 400ms; } .trs_transform_400ms\,_box-shadow_400ms { transition: transform 400ms, box-shadow 400ms; } .trs_top_400ms { transition: top 400ms; } .bdr_12px { border-radius: 12px; } .trs_background-color_200ms_ease-in { transition: background-color 200ms ease-in; } .trs_background-color_200ms_ease-in\,_left_200ms_ease-in { transition: background-color 200ms ease-in, left 200ms ease-in; } .trs_margin-top_200ms\,_opacity_200ms { transition: margin-top 200ms, opacity 200ms; } .trs_opacity_200ms { transition: opacity 200ms; } .trs_400ms { transition: 400ms; } .trs_height_400ms { transition: height 400ms; } .flex_2 { flex: 2; } .flex_3 { flex: 3; } .flex_4 { flex: 4; } .flex_5 { flex: 5; } .flex_6 { flex: 6; } .flex_7 { flex: 7; } .flex_8 { flex: 8; } .flex_9 { flex: 9; } .flex_10 { flex: 10; } .flex_11 { flex: 11; } .flex_12 { flex: 12; } .grid-template-areas_\'sidebar_config\' { grid-template-areas: 'sidebar config'; } .trs_font-size_200ms\,_top_200ms\,_color_200ms { transition: font-size 200ms, top 200ms, color 200ms; } .bdr_0px\! { border-radius: 0px !important; } .trs_top\,_left\,_opacity { transition: top, left, opacity; } .trs_width\,_height\,_top\,_left { transition: width, height, top, left; } .trs_color_\.15s { transition: color .15s; } .bdr_beedee { border-radius: var(--radii-beedee); } .gap_24px { gap: 24px; } .flex_0_1_640px { flex: 0 1 640px; } .flex_1_1_0 { flex: 1 1 0; } .gap_14px { gap: 14px; } .bd-c_beedee-border { border-color: var(--colors-beedee-border); } .bd-t_1px_solid { border-top: 1px solid; } .gap_10px { gap: 10px; } .bdr_beedee-sm { border-radius: var(--radii-beedee-sm); } .gap_5px { gap: 5px; } .trs_all_\.15s { transition: all .15s; } .bd-b_1px_solid { border-bottom: 1px solid; } .bd-l_3px_solid { border-left: 3px solid; } .bd-l_3px_solid_transparent { border-left: 3px solid transparent; } .trs_background_\.15s\,_color_\.15s\,_border-color_\.15s { transition: background .15s, color .15s, border-color .15s; } .trs_background_\.15s\,_color_\.15s { transition: background .15s, color .15s; } .bd-b_none { border-bottom: var(--borders-none); } .bd-r_1px_solid { border-right: 1px solid; } .bd-r_none { border-right: var(--borders-none); } .bd-b_2px_solid { border-bottom: 2px solid; } .gap_7px { gap: 7px; } .bd-c_red\.500 { border-color: var(--colors-red-500); } .trs_background_\.15s { transition: background .15s; } .trs_grid-template-rows_\.25s_ease { transition: grid-template-rows .25s ease; } .trs_transform_\.2s_ease { transition: transform .2s ease; } .gap_8 { gap: var(--spacing-8); } .bd-c_gray\.300 { border-color: var(--colors-gray-300); } .trs_color_0\.15s { transition: color 0.15s; } .trs_border-color_0\.15s { transition: border-color 0.15s; } .trs_background-color_0\.15s { transition: background-color 0.15s; } .bdr_xl { border-radius: var(--radii-xl); } .mx_4 { margin-inline: var(--spacing-4); } .gap_6px { gap: 6px; } .bdr_8 { border-radius: 8px; } .gap_12px { gap: 12px; } .bd-b_1\.5px_solid_\{colors\.beedee-border\} { border-bottom: 1.5px solid var(--colors-beedee-border); } .bd-b_1px_solid_\{colors\.beedee-border\} { border-bottom: 1px solid var(--colors-beedee-border); } .trs_background_\.1s { transition: background .1s; } .gap_9px { gap: 9px; } .bdr_999px { border-radius: 999px; } .bd-t_1px_solid_\{colors\.beedee-border\} { border-top: 1px solid var(--colors-beedee-border); } .gap_30px { gap: 30px; } .bdr_45px { border-radius: 45px; } .bdr_10px { border-radius: 10px; } .bdr_5px { border-radius: 5px; } .trs_background_0\.15s { transition: background 0.15s; } .trs_border-color_0\.2s\,_box-shadow_0\.2s { transition: border-color 0.2s, box-shadow 0.2s; } .bd-c_beedee-brand { border-color: var(--colors-beedee-brand); } .bd-l_1px_solid { border-left: 1px solid; } .bd-b_1px_solid_\#e5e7eb { border-bottom: 1px solid #e5e7eb; } .trs_grid-template-columns_0\.3s_ease { transition: grid-template-columns 0.3s ease; } .trs_box-shadow_0\.2s\,_transform_0\.2s { transition: box-shadow 0.2s, transform 0.2s; } .trs_opacity_0\.2s { transition: opacity 0.2s; } .trs_transform_0\.3s_ease { transition: transform 0.3s ease; } .px_12px { padding-inline: 12px; } .py_4px { padding-block: 4px; } .bd-w_1\.5px { border-width: 1.5px; } .px_13px { padding-inline: 13px; } .trs_border-color_0\.15s\,_box-shadow_0\.15s\,_background-color_0\.15s { transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s; } .py_5px { padding-block: 5px; } .px_10px { padding-inline: 10px; } .trs_background-color_0\.2s { transition: background-color 0.2s; } .px_15px { padding-inline: 15px; } .py_8px { padding-block: 8px; } .trs_background-color_0\.15s\,_color_0\.15s\,_border-color_0\.15s { transition: background-color 0.15s, color 0.15s, border-color 0.15s; } .trs_background-color_0\.15s\,_color_0\.15s { transition: background-color 0.15s, color 0.15s; } .px_26px { padding-inline: 26px; } .px_20px { padding-inline: 20px; } .bd-c_beedee-brand-mid { border-color: var(--colors-beedee-brand-mid); } .gap_0 { gap: var(--spacing-0); } .px_8px { padding-inline: 8px; } .py_2px { padding-block: 2px; } .bd-t_1px_solid_\#e5e7eb { border-top: 1px solid #e5e7eb; } .bdr_6px_6px_0_0 { border-radius: 6px 6px 0 0; } .bdr_20px { border-radius: 20px; } .bdr_14px { border-radius: 14px; } .bdr_3 { border-radius: 3px; } .trs_background_0\.15s\,_border-color_0\.15s { transition: background 0.15s, border-color 0.15s; } .bdr_12 { border-radius: 12px; } .bdr_6 { border-radius: 6px; } .gap_10 { gap: var(--spacing-10); } .bdr_10 { border-radius: 10px; } .trs_border-color_0\.15s\,_background_0\.15s { transition: border-color 0.15s, background 0.15s; } .bdr_7 { border-radius: 7px; } .gap_5 { gap: var(--spacing-5); } .bd-t_1px_solid_beedee-border { border-top: 1px solid beedee-border; } .bd-b_2px_solid_token\(colors\.beedee-brand\) { border-bottom: 2px solid var(--colors-beedee-brand); } .bd-b_2px_solid_transparent { border-bottom: 2px solid transparent; } .bdr_9px { border-radius: 9px; } .bd-b_1px_solid_beedee-border { border-bottom: 1px solid beedee-border; } .trs_background_0\.2s { transition: background 0.2s; } .gap_14 { gap: var(--spacing-14); } .bdr_9 { border-radius: 9px; } .gap_0px { gap: 0px; } .bd-r_1px_solid_\#c4c4c4 { border-right: 1px solid #c4c4c4; } .bd-t_1px_solid_\#c4c4c4 { border-top: 1px solid #c4c4c4; } .trs_border-color_0\.15s\,_box-shadow_0\.15s { transition: border-color 0.15s, box-shadow 0.15s; } .bd-c_\#f59e0b { border-color: #f59e0b; } .bd-c_\#3b82f6 { border-color: #3b82f6; } .bd-c_\#a855f7 { border-color: #a855f7; } .trs_background_0\.12s\,_color_0\.12s { transition: background 0.12s, color 0.12s; } .trs_background_0\.15s\,_color_0\.15s { transition: background 0.15s, color 0.15s; } .bd-b_1px_solid_rgba\(0\,0\,0\,0\.07\) { border-bottom: 1px solid rgba(0,0,0,0.07); } .bd-t_1px_solid_rgba\(0\,0\,0\,0\.07\) { border-top: 1px solid rgba(0,0,0,0.07); } .trs_background_0\.12s { transition: background 0.12s; } .trs_transform_0\.3s { transition: transform 0.3s; } .border-style_dashed { border-style: dashed; } .px_16px { padding-inline: 16px; } .bdr_0_6px_6px_0 { border-radius: 0 6px 6px 0; } .gap_calc\(var\(--base-padding\)_\*_2\) { gap: calc(var(--base-padding) * 2); } .grid-template-areas_\"header_header\"_\"sidebar_controls\"_\"sidebar_grid\" { grid-template-areas: "header header" "sidebar controls" "sidebar grid"; } .bdr_18px { border-radius: 18px; } .bdr_var\(--base-padding\) { border-radius: var(--base-padding); } .grid-template-areas_\"title_search_actions\"_\"navigation_navigation_navigation\" { grid-template-areas: "title search actions" "navigation navigation navigation"; } .grid-g_var\(--gap\) { grid-gap: var(--gap); } .trs_transform_200ms\,_box-shadow_200ms { transition: transform 200ms, box-shadow 200ms; } .grid-g_var\(--base-padding\) { grid-gap: var(--base-padding); } .grid-template-areas_\"\._year\"_\"\._months\"_\"days_grid\"_\"\._legend\" { grid-template-areas: ". year" ". months" "days grid" ". legend"; } .grid-g_8px { grid-gap: 8px; } .gap_32px { gap: 32px; } .grid-template-areas_\"sidebar_content\"_\"sidebar_actions\" { grid-template-areas: "sidebar content" "sidebar actions"; } .trs_background-color_200ms { transition: background-color 200ms; } .bd-r_var\(--border-thickness\)_solid_var\(--accent-background-colour\) { border-right: var(--border-thickness) solid var(--accent-background-colour); } .grid-template-areas_\'sidebar_code\'_\'sidebar_preview\' { grid-template-areas: 'sidebar code' 'sidebar preview'; } .grid-r_span_3 { grid-row: span 3; } .bd-t_4px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-top: 4px solid rgba(0, 0, 0, 0.25); } .gap_var\(--margin\) { gap: var(--margin); } .grid-r_span_2 { grid-row: span 2; } .trs_left_400ms\,_width_400ms { transition: left 400ms, width 400ms; } .trs_width_200ms\,_height_200ms { transition: width 200ms, height 200ms; } .bd-c_var\(--primary-colour\,_\#1976d2\) { border-color: var(--primary-colour, #1976d2); } .bdr_24px { border-radius: 24px; } .trs_800ms_cubic-bezier\(0\,_1\,_1\,_1\) { transition: 800ms cubic-bezier(0, 1, 1, 1); } .trs_bottom_400ms { transition: bottom 400ms; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bd-c_red\.200 { border-color: var(--colors-red-200); } .d_inline-block { display: inline-block; } .ta_left { text-align: left; } .pos_absolute { position: absolute; } .c_rgba\(0\,_0\,_0\,_0\.87\) { color: rgba(0, 0, 0, 0.87); } .pos_relative { position: relative; } .bx-s_border-box { box-sizing: border-box; } .d_flex { display: flex; } .flex-d_column { flex-direction: column; } .d_grid\! { display: grid !important; } .ff_Roboto { font-family: Roboto; } .fs_16px { font-size: 16px; } .grid-tc_240px_1fr { grid-template-columns: 240px 1fr; } .grid-tr_1fr_64px { grid-template-rows: 1fr 64px; } .d_grid { display: grid; } .grid-tc_1fr { grid-template-columns: 1fr; } .c_black { color: var(--colors-black); } .c_white { color: var(--colors-white); } .ta_right { text-align: right; } .bg-o_content-box { background-origin: content-box; } .bg-r_no-repeat { background-repeat: no-repeat; } .bg-s_contain { background-size: contain; } .bg-c_\#388e3c { background-color: #388e3c; } .fs_14px { font-size: 14px; } .leading_20px { line-height: 20px; } .op_0\.75 { opacity: 0.75; } .fw_500 { font-weight: 500; } .leading_28px { line-height: 28px; } .c_rgba\(255\,_255\,_255\,_0\.87\) { color: rgba(255, 255, 255, 0.87); } .flex-g_0 { flex-grow: 0; } .flex-d_row { flex-direction: row; } .c_var\(--tab-item-text-active-colour\) { color: var(--tab-item-text-active-colour); } .ff_inherit { font-family: inherit; } .fs_inherit { font-size: inherit; } .resize_vertical { resize: vertical; } .bx-sh_border-box { box-shadow: border-box; } .cursor_pointer { cursor: pointer; } .d_block { display: block; } .ff_monospace { font-family: monospace; } .bg-c_\#fcfcfc { background-color: #fcfcfc; } .grid-tc_1fr_2fr { grid-template-columns: 1fr 2fr; } .jc_flex-end { justify-content: flex-end; } .bx-sh_0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2); } .bg-c_var\(--primary-colour\) { background-color: var(--primary-colour); } .ta_center { text-align: center; } .pos_fixed { position: fixed; } .trs-dur_800ms { --transition-duration: 800ms; transition-duration: 800ms; } .fs_64px { font-size: 64px; } .leading_96px { line-height: 96px; } .tt_uppercase { text-transform: uppercase; } .ff_\'Roboto\'\,_\'RobotoDraft\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'RobotoDraft', 'Helvetica', sans-serif; } .op_0\.7 { opacity: 0.7; } .c_\#555 { color: #555; } .fs_11px { font-size: 11px; } .fw_700 { font-weight: 700; } .tracking_0\.5px { letter-spacing: 0.5px; } .pos_sticky { position: sticky; } .z_1 { z-index: 1; } .ai_center { align-items: center; } .flex-wrap_wrap { flex-wrap: wrap; } .c_\#999 { color: #999; } .fs_13px { font-size: 13px; } .font-style_italic { font-style: italic; } .pos_end { position: end; } .flex-sh_0 { flex-shrink: 0; } .bg-c_var\(--background-colour\,_white\) { background-color: var(--background-colour, white); } .jc_space-between { justify-content: space-between; } .fs_1\.25rem { font-size: 1.25rem; } .bd-be-w_var\(--thickness\) { border-block-end-width: var(--thickness); } .leading_1\.3 { line-height: 1.3; } .tov_ellipsis { text-overflow: ellipsis; } .white-space_nowrap { white-space: nowrap; } .c_\#777 { color: #777; } .leading_1\.6 { line-height: 1.6; } .c_\#666 { color: #666; } .fs_12px { font-size: 12px; } .c_\#1976d2 { color: #1976d2; } .bd-cl_collapse { border-collapse: collapse; } .leading_1\.15 { line-height: 1.15; } .d_none { display: none; } .pointer-events_none { pointer-events: none; } .c_\#333 { color: #333; } .fs_11\.5px { font-size: 11.5px; } .fw_600 { font-weight: 600; } .fw_400 { font-weight: 400; } .c_\#888 { color: #888; } .fs_9px { font-size: 9px; } .leading_1\.4 { line-height: 1.4; } .c_\#757575 { color: #757575; } .ff_\'Roboto_Mono\'\,_monospace { font-family: 'Roboto Mono', monospace; } .c_primary { color: var(--colors-primary); } .pos_start { position: start; } .bg-c_\#2b2b2b { background-color: #2b2b2b; } .c_rgba\(255\,_255\,_255\,_0\.87\)\! { color: rgba(255, 255, 255, 0.87) !important; } .fill_white { fill: var(--colors-white); } .stk-w_1 { stroke-width: 1; } .stk_\#ccc { stroke: #ccc; } .z_8 { z-index: 8; } .bx-sh_0_4px_4px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_2px_-4px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_2px_10px_0_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .trf_none { transform: none; } .trf_translateX\(-100\%\) { transform: translateX(-100%); } .us_none { -webkit-user-select: none; user-select: none; } .will-change_transform { will-change: transform; } .z_9 { z-index: 9; } .ff_\'Roboto\'\,_\'Verdana\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'Verdana', 'Helvetica', sans-serif; } .z_5 { z-index: 5; } .fs_0\.65rem\! { font-size: 0.65rem !important; } .c_\#aaaaaa { color: #aaaaaa; } .c_\#777777 { color: #777777; } .float_right { float: right; } .fs_10px { font-size: 10px; } .c_\#424242 { color: #424242; } .ff_\'Roboto\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'Helvetica', sans-serif; } .fs_1rem { font-size: 1rem; } .fw_bold { font-weight: var(--font-weights-bold); } .leading_16px { line-height: 16px; } .z_4 { z-index: 4; } .fs_1\.5em { font-size: 1.5em; } .z_10 { z-index: 10; } .bg-c_var\(--color-amber\) { background-color: var(--color-amber); } .va_top { vertical-align: top; } .size_8 { size: 8px; } .bx-sh_none { box-shadow: none; } .fs_0\.9em { font-size: 0.9em; } .fs_0\.8rem { font-size: 0.8rem; } .bx-sh_0_2px_4px_rgba\(0\,_0\,_0\,_0\.07\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.1); } .c_rgb\(100\,_100\,_100\) { color: rgb(100, 100, 100); } .fs_0\.85em { font-size: 0.85em; } .fw_300 { font-weight: 300; } .c_var\(--text-colour\) { color: var(--text-colour); } .grid-tr_auto_64px { grid-template-rows: auto 64px; } .fs_0\.875rem { font-size: 0.875rem; } .fs_20px { font-size: 20px; } .ff_\'Roboto\'\,_\'RobotoDraft\'\,_\'Open_Sans\'\,_\'Helvetica\'\,_sans-serif\! { font-family: 'Roboto', 'RobotoDraft', 'Open Sans', 'Helvetica', sans-serif !important; } .grid-tr_auto_auto_1fr_auto { grid-template-rows: auto auto 1fr auto; } .grid-tc_1fr_54px_1fr { grid-template-columns: 1fr 54px 1fr; } .grid-tc_auto_auto_2fr_1fr { grid-template-columns: auto auto 2fr 1fr; } .bg-c_transparent { background-color: var(--colors-transparent); } .jc_center { justify-content: center; } .fs_xs { font-size: var(--font-sizes-xs); } .op_0\.5 { opacity: 0.5; } .op_0\.8 { opacity: 0.8; } .c_gray\.600 { color: var(--colors-gray-600); } .fs_sm { font-size: var(--font-sizes-sm); } .bg-c_brand { background-color: var(--colors-brand); } .bx-sh_header-shadow { box-shadow: var(--shadows-header-shadow); } .z_50 { z-index: 50; } .ff_font-display { font-family: var(--fonts-font-display); } .fs_xl { font-size: var(--font-sizes-xl); } .bg-c_brand-light { background-color: var(--colors-brand-light); } .d_inline-flex { display: inline-flex; } .fw_medium { font-weight: var(--font-weights-medium); } .tracking_wide { letter-spacing: var(--letter-spacings-wide); } .bg-c_blue\.100 { background-color: var(--colors-blue-100); } .c_blue\.700 { color: var(--colors-blue-700); } .bg-c_gray\.200 { background-color: var(--colors-gray-200); } .bg-c_green\.100 { background-color: var(--colors-green-100); } .c_green\.700 { color: var(--colors-green-700); } .bg-c_yellow\.100 { background-color: var(--colors-yellow-100); } .c_yellow\.700 { color: var(--colors-yellow-700); } .bg-c_white { background-color: var(--colors-white); } .bx-sh_card-shadow { box-shadow: var(--shadows-card-shadow); } .c_brand { color: var(--colors-brand); } .c_text-label { color: var(--colors-text-label); } .grid-tr_64px_1fr { grid-template-rows: 64px 1fr; } .grid-tc_320px_1fr_320px { grid-template-columns: 320px 1fr 320px; } .grid-tr_auto_1fr { grid-template-rows: auto 1fr; } .bx-sh_8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15); } .bg-i_url\(\"data\:image\/svg\+xml\,\%0A\%3Csvg_xmlns\=\'http\:\/\/www\.w3\.org\/2000\/svg\'_version\=\'1\.1\'_width\=\'40\'_height\=\'40\'\%3E\%3Cdefs\%3E\%3Cpattern_id\=\'grid\'_width\=\'40\'_height\=\'40\'_patternUnits\=\'userSpaceOnUse\'\%3E\%3Crect_fill\=\'black\'_x\=\'0\'_y\=\'0\'_width\=\'20\'_height\=\'20\'_opacity\=\'0\.05\'\/\%3E\%3Crect_fill\=\'white\'_x\=\'20\'_y\=\'0\'_width\=\'20\'_height\=\'20\'\/\%3E\%3Crect_fill\=\'black\'_x\=\'20\'_y\=\'20\'_width\=\'20\'_height\=\'20\'_opacity\=\'0\.05\'\/\%3E\%3Crect_fill\=\'white\'_x\=\'0\'_y\=\'20\'_width\=\'20\'_height\=\'20\'\/\%3E\%3C\/pattern\%3E\%3C\/defs\%3E\%3Crect_fill\=\'url\(\%23grid\)\'_x\=\'0\'_y\=\'0\'_width\=\'100\%25\'_height\=\'100\%25\'\/\%3E\%3C\/svg\%3E\"\) { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='40' height='40'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='20' height='20' opacity='0.05'/%3E%3Crect fill='white' x='20' y='0' width='20' height='20'/%3E%3Crect fill='black' x='20' y='20' width='20' height='20' opacity='0.05'/%3E%3Crect fill='white' x='0' y='20' width='20' height='20'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E"); } .bg-i_url\(\"data\:image\/svg\+xml\,\%3Csvg_xmlns\=\'http\:\/\/www\.w3\.org\/2000\/svg\'_version\=\'1\.1\'_width\=\'80\'_height\=\'80\'\%3E\%3Cdefs\%3E\%3Cpattern_id\=\'grid\'_width\=\'80\'_height\=\'80\'_patternUnits\=\'userSpaceOnUse\'\%3E\%3Crect_fill\=\'\%23333333\'_x\=\'0\'_y\=\'0\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3Crect_fill\=\'\%231f1f1f\'_x\=\'40\'_y\=\'0\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3Crect_fill\=\'\%23333333\'_x\=\'40\'_y\=\'40\'_width\=\'40\'_height\=\'40\'\/\%3E\%3Crect_fill\=\'\%231f1f1f\'_x\=\'0\'_y\=\'40\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3C\/pattern\%3E\%3C\/defs\%3E\%3Crect_fill\=\'url\(\%23grid\)\'_x\=\'0\'_y\=\'0\'_width\=\'100\%25\'_height\=\'100\%25\'_\/\%3E\%3C\/svg\%3E\"\) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80' height='80'%3E%3Cdefs%3E%3Cpattern id='grid' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Crect fill='%23333333' x='0' y='0' width='40' height='40' /%3E%3Crect fill='%231f1f1f' x='40' y='0' width='40' height='40' /%3E%3Crect fill='%23333333' x='40' y='40' width='40' height='40'/%3E%3Crect fill='%231f1f1f' x='0' y='40' width='40' height='40' /%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25' /%3E%3C/svg%3E"); } .fill_true { fill: true; } .grid-tc_320px_auto { grid-template-columns: 320px auto; } .grid-tr_auto { grid-template-rows: auto; } .c_\#e57373 { color: #e57373; } .grid-tc_1fr_1fr { grid-template-columns: 1fr 1fr; } .grid-tr_40px_40px_1fr { grid-template-rows: 40px 40px 1fr; } .grid-tc_200px_auto { grid-template-columns: 200px auto; } .grid-tc_320px_3fr { grid-template-columns: 320px 3fr; } .grid-tr_100\% { grid-template-rows: 100%; } .content_Outcome_Placeholder { content: Outcome Placeholder; } .c_rgb\(25\,_29\,_31\) { color: rgb(25, 29, 31); } .ff_\"Open_Sans\"\,_sans-serif { font-family: "Open Sans", sans-serif; } .content_Notes_Placeholder { content: Notes Placeholder; } .c_var\(--text-colour-faint\,_white\) { color: var(--text-colour-faint, white); } .c_var\(--text-colour\,_white\) { color: var(--text-colour, white); } .grid-tr_1fr_1fr { grid-template-rows: 1fr 1fr; } .fw_normal { font-weight: var(--font-weights-normal); } .leading_1\.5rem { line-height: 1.5rem; } .asp_3\.5_\/_1 { aspect-ratio: 3.5 / 1; } .bx-sh_2px_2px_4px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .cursor_grab { cursor: grab; } .leading_0\.875rem { line-height: 0.875rem; } .grid-tc_repeat\(var\(--columns-per-row\)\,_1fr\) { grid-template-columns: repeat(var(--columns-per-row), 1fr); } .leading_24px { line-height: 24px; } .bg-c_\#1565c0 { background-color: #1565c0; } .grid-tr_1fr_3fr { grid-template-rows: 1fr 3fr; } .grid-tr_1fr { grid-template-rows: 1fr; } .bg-c_stories-sidebar-hover { background-color: var(--colors-stories-sidebar-hover); } .fs_0\.75rem { font-size: 0.75rem; } .c_stories-muted { color: var(--colors-stories-muted); } .white-space_pre-wrap { white-space: pre-wrap; } .wb_break-word { word-break: break-word; } .bg-c_stories-bg { background-color: var(--colors-stories-bg); } .c_stories-fg { color: var(--colors-stories-fg); } .z_9999 { z-index: 9999; } .cursor_not-allowed { cursor: not-allowed; } .c_stories-accent-primary { color: var(--colors-stories-accent-primary); } .fw_semibold { font-weight: var(--font-weights-semibold); } .tracking_0\.05em { letter-spacing: 0.05em; } .as_flex-start { align-self: flex-start; } .bg-c_stories-code-bg { background-color: var(--colors-stories-code-bg); } .fs_2xl { font-size: var(--font-sizes-2xl); } .fs_lg { font-size: var(--font-sizes-lg); } .fs_md { font-size: var(--font-sizes-md); } .leading_1\.7 { line-height: 1.7; } .tracking_1 { letter-spacing: 1px; } .bg-c_stories-card { background-color: var(--colors-stories-card); } .c_stories-code-fg { color: var(--colors-stories-code-fg); } .ff_\'SF_Mono\'\,_\'Monaco\'\,_\'Inconsolata\'\,_\'Fira_Code\'\,_\'Droid_Sans_Mono\'\,_\'Source_Code_Pro\'\,_monospace { font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', monospace; } .ov-wrap_break-word { overflow-wrap: break-word; } .leading_1\.5 { line-height: 1.5; } .bd-sp_0 { border-spacing: var(--spacing-0); } .ff_var\(--font-family-base\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_Roboto\,_Oxygen\,_Ubuntu\,_Cantarell\,_sans-serif\) { font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif); } .bg-c_stories-sidebar-bg { background-color: var(--colors-stories-sidebar-bg); } .z_1300 { z-index: 1300; } .flex-g_1 { flex-grow: 1; } .z_1400 { z-index: 1400; } .bg-c_rgba\(0\,_0\,_0\,_0\.5\) { background-color: rgba(0, 0, 0, 0.5); } .bx-sh_lg { box-shadow: var(--shadows-lg); } .ff_system-ui\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_sans-serif\! { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } .ai_initial { align-items: initial; } .jc_initial { justify-content: initial; } .grid-tc_repeat\(auto-fill\,_minmax\(300px\,_1fr\)\) { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .ff_system-ui\,_-apple-system\,_sans-serif { font-family: system-ui, -apple-system, sans-serif; } .ff_Monaco\,_Consolas\,_monospace { font-family: Monaco, Consolas, monospace; } .bg-c_stories-accent-primary { background-color: var(--colors-stories-accent-primary); } .bg-c_stories-sidebar-active { background-color: var(--colors-stories-sidebar-active); } .grid-tc_280px_1fr { grid-template-columns: 280px 1fr; } .grid-tc_280px_1fr_400px { grid-template-columns: 280px 1fr 400px; } .bg-c_stories-preview-bg { background-color: var(--colors-stories-preview-bg); } .leading_1 { line-height: 1; } .c_stories-accent-fg { color: var(--colors-stories-accent-fg); } .bg-c_stories-badge-bg { background-color: var(--colors-stories-badge-bg); } .c_stories-badge-fg { color: var(--colors-stories-badge-fg); } .bg-c_stories-border { background-color: var(--colors-stories-border); } .ap_none { appearance: none; -webkit-appearance: none; } .bg-c_form-background { background-color: var(--colors-form-background); } .z_modal { z-index: modal; } .bg-c_form-section-bg { background-color: var(--colors-form-section-bg); } .ff_font-body { font-family: var(--fonts-font-body); } .c_grey\.darken-4 { color: var(--colors-grey-darken-4); } .trf_translateY\(-50\%\) { transform: translateY(-50%); } .fs_2xs { font-size: var(--font-sizes-2xs); } .c_error { color: var(--colors-error); } .c_success { color: var(--colors-success); } .c_warning { color: var(--colors-warning); } .bx-sh_sm { box-shadow: var(--shadows-sm); } .grid-tc_repeat\(2\,_1fr\) { grid-template-columns: repeat(2, 1fr); } .grid-tc_repeat\(3\,_1fr\) { grid-template-columns: repeat(3, 1fr); } .leading_normal { line-height: var(--line-heights-normal); } .break-inside_avoid { break-inside: avoid; } .bg-c_error { background-color: var(--colors-error); } .bg-c_grey\.lighten-3 { background-color: var(--colors-grey-lighten-3); } .c_grey\.darken-2 { color: var(--colors-grey-darken-2); } .bg-c_red\.lighten-4 { background-color: var(--colors-red-lighten-4); } .c_red\.darken-2 { color: var(--colors-red-darken-2); } .bg-c_blue\.lighten-4 { background-color: var(--colors-blue-lighten-4); } .c_blue\.darken-2 { color: var(--colors-blue-darken-2); } .bg-c_green\.lighten-4 { background-color: var(--colors-green-lighten-4); } .c_green\.darken-2 { color: var(--colors-green-darken-2); } .bg-c_amber\.lighten-4 { background-color: var(--colors-amber-lighten-4); } .c_amber\.darken-3 { color: var(--colors-amber-darken-3); } .leading_tight { line-height: var(--line-heights-tight); } .c_form-heading { color: var(--colors-form-heading); } .c_header-foreground { color: var(--colors-header-foreground); } .bg-c_nav-background { background-color: var(--colors-nav-background); } .c_nav-foreground { color: var(--colors-nav-foreground); } .pos_absolute\! { position: absolute !important; } .bg-c_rgba\(0\,0\,0\,0\.16\) { background-color: rgba(0,0,0,0.16); } .bx-sh_0px_0px_4px_rgba\(0\,0\,0\,0\.14\)\,_0px_3px_4px_rgba\(0\,0\,0\,0\.12\)\,_0px_1px_5px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0px 0px 4px rgba(0,0,0,0.14), 0px 3px 4px rgba(0,0,0,0.12), 0px 1px 5px rgba(0,0,0,0.2); } .c_var\(--color-text-primary\,_\#444\) { color: var(--color-text-primary, #444); } .ff_\'Roboto\'\,_\'RobotoDraft\' { font-family: 'Roboto', 'RobotoDraft'; } .fs_1em { font-size: 1em; } .leading_1em { line-height: 1em; } .\-webkit-tap-highlight-color_rgba\(255\,255\,255\,0\) { -webkit-tap-highlight-color: rgba(255,255,255,0); } .c_var\(--text-colour\,_black\) { color: var(--text-colour, black); } .d_inline { display: inline; } .ff_\'Roboto\' { font-family: 'Roboto'; } .bg-c_var\(--primary-colour\,_\#1e88e5\) { background-color: var(--primary-colour, #1e88e5); } .bx-sh_0_6px_10px_rgba\(0\,0\,0\,0\.14\)\,_0_1px_18px_rgba\(0\,0\,0\,0\.12\)\,_0_3px_5px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12), 0 3px 5px rgba(0,0,0,0.2); } .z_11 { z-index: 11; } .bx-sh_0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2); } .z_0 { z-index: 0; } .\-moz-appearance_none { -moz-appearance: none; } .\-webkit-appearance_none { -webkit-appearance: none; } .z_2 { z-index: 2; } .leading_40px { line-height: 40px; } .op_0 { opacity: 0; } .leading_32px { line-height: 32px; } .z_9000 { z-index: 9000; } .vis_visible { visibility: visible; } .bx-sh_-3px_0px_5px_2px_rgba\(0\,0\,0\,0\) { box-shadow: -3px 0px 5px 2px rgba(0,0,0,0); } .vis_hidden { visibility: hidden; } .z_9001 { z-index: 9001; } .ff_\'Roboto\'\,_\'Open-Sans\' { font-family: 'Roboto', 'Open-Sans'; } .c_gold { color: gold; } .va_middle { vertical-align: middle; } .bx-sh_0px_1px_3px_rgba\(0\,_0\,_0\,_0\.5\) { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .bx-s_content-box { box-sizing: content-box; } .bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 5px 2px rgba(0, 0, 0, 0.12); } .fs_0\.85rem { font-size: 0.85rem; } .z_9002 { z-index: 9002; } .bx-sh_0_2px_4px_rgba\(0\,0\,0\,0\.14\)\,_0_4px_5px_rgba\(0\,0\,0\,0\.12\)\,_0_1px_10px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0 2px 4px rgba(0,0,0,0.14), 0 4px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.2); } .\-webkit-tap-highlight-color_transparent { -webkit-tap-highlight-color: transparent; } .leading_18px { line-height: 18px; } .bx-sh_0_2px_2px_0_rgba\(0\,0\,0\,0\.14\)\,_0_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,_0_1px_5px_0_rgba\(0\,0\,0\,0\.12\) { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); } .bx-sh_0_1px_1px_rgba\(0\,0\,0\,0\.15\) { box-shadow: 0 1px 1px rgba(0,0,0,0.15); } .bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0px_0px_5px_rgba\(0\,_0\,_0\,_0\.1\)\,_-2px_-2px_3px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1); } .z_100 { z-index: 100; } .c_\#f44336 { color: #f44336; } .leading_12px { line-height: 12px; } .c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\) { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\-webkit-tap-highlight-color_rgba\(255\,_255\,_255\,_0\) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .bx-sh_2px_2px_2px_rgba\(0\,0\,0\,0\.14\)\,_0px_0px_5px_2px_rgba\(0\,0\,0\,0\.12\) { box-shadow: 2px 2px 2px rgba(0,0,0,0.14), 0px 0px 5px 2px rgba(0,0,0,0.12); } .trs-dur_400ms { --transition-duration: 400ms; transition-duration: 400ms; } .bx-sh_0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_-3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px -3px rgba(0, 0, 0, 0.2); } .c_gray\.900 { color: var(--colors-gray-900); } .c_gray\.400 { color: var(--colors-gray-400); } .c_beedee-label { color: var(--colors-beedee-label); } .fs_\.69rem { font-size: .69rem; } .tracking_\.05em { letter-spacing: .05em; } .c_beedee-red { color: var(--colors-beedee-red); } .bg-c_beedee-bg { background-color: var(--colors-beedee-bg); } .bx-sh_beedee-card { box-shadow: var(--shadows-beedee-card); } .ai_start { align-items: start; } .bg-c_beedee-brand-light { background-color: var(--colors-beedee-brand-light); } .c_beedee-brand { color: var(--colors-beedee-brand); } .ff_\'DM_Sans\'\,_sans-serif { font-family: 'DM Sans', sans-serif; } .fs_\.76rem { font-size: .76rem; } .tracking_\.09em { letter-spacing: .09em; } .bg-c_beedee-brand { background-color: var(--colors-beedee-brand); } .c_beedee-card { color: var(--colors-beedee-card); } .as_start { align-self: start; } .fs_\.65rem { font-size: .65rem; } .tracking_\.13em { letter-spacing: .13em; } .c_beedee-text { color: var(--colors-beedee-text); } .fs_\.8rem { font-size: .8rem; } .bg-c_beedee-green { background-color: var(--colors-beedee-green); } .bg-c_beedee-border { background-color: var(--colors-beedee-border); } .fs_\.75rem { font-size: .75rem; } .tracking_\.04em { letter-spacing: .04em; } .fs_\.78rem { font-size: .78rem; } .tracking_\.12em { letter-spacing: .12em; } .c_red\.500 { color: var(--colors-red-500); } .c_inherit { color: inherit; } .grid-tr_0fr { grid-template-rows: 0fr; } .trf_rotate\(0deg\) { transform: rotate(0deg); } .trf_rotate\(90deg\) { transform: rotate(90deg); } .c_gray\.800 { color: var(--colors-gray-800); } .c_gray\.700 { color: var(--colors-gray-700); } .bg-c_gray\.50 { background-color: var(--colors-gray-50); } .bg-c_gray\.100 { background-color: var(--colors-gray-100); } .grid-tc_repeat\(1\,_1fr\) { grid-template-columns: repeat(1, 1fr); } .bg-c_green\.500 { background-color: var(--colors-green-500); } .ai_flex-end { align-items: flex-end; } .z_1000 { z-index: 1000; } .bx-sh_0_-4px_20px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); } .cursor_default { cursor: default; } .text_blue\.800 { text: blue.800; } .bg-c_transparent\! { background-color: var(--colors-transparent) !important; } .bx-sh_none\! { box-shadow: none !important; } .trf_translateX\(-50\%\)\! { transform: translateX(-50%) !important; } .bx-sh_-4px_0_20px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15); } .ac-c_brand { accent-color: var(--colors-brand); } .fs_3xl { font-size: var(--font-sizes-3xl); } .grid-tc_auto_1fr_1fr_auto_auto { grid-template-columns: auto 1fr 1fr auto auto; } .obj-f_cover { object-fit: cover; } .bg-c_rgba\(0\,_0\,_0\,_0\.75\) { background-color: rgba(0, 0, 0, 0.75); } .bx-sh_xl { box-shadow: var(--shadows-xl); } .asp_1 { aspect-ratio: 1; } .cursor_move { cursor: move; } .tch-a_none { touch-action: none; } .bx-sh_0_0_0_9999px_rgba\(0\,_0\,_0\,_0\.5\) { box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); } .as_center { align-self: center; } .tch-a_manipulation { touch-action: manipulation; } .bg-i_url\(\'ga_backdrop\/BeeDeeHeaderLogo\'\) { background-image: url('ga_backdrop/BeeDeeHeaderLogo'); } .ff_var\(--font-family-app\) { font-family: var(--font-family-app); } .bg-c_rgba\(0\,0\,0\,0\.1\) { background-color: rgba(0,0,0,0.1); } .c_\#1a1a2e { color: #1a1a2e; } .ff_\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif { font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif; } .ff_\'DM_Sans\'\,_\'Inter\'\,_sans-serif { font-family: 'DM Sans', 'Inter', sans-serif; } .fs_\.82rem { font-size: .82rem; } .tracking_0 { letter-spacing: 0; } .tt_none { text-transform: none; } .bx-sh_0_2px_8px_rgba\(26\,122\,150\,\.25\) { box-shadow: 0 2px 8px rgba(26,122,150,.25); } .fs_\.72rem { font-size: .72rem; } .fs_\.64rem { font-size: .64rem; } .tracking_\.1em { letter-spacing: .1em; } .fs_\.86rem { font-size: .86rem; } .fs_\.68rem { font-size: .68rem; } .tracking_\.02em { letter-spacing: .02em; } .fs_\.71rem { font-size: .71rem; } .fs_1\.15rem { font-size: 1.15rem; } .fs_0\.78rem { font-size: 0.78rem; } .c_beedee-border { color: var(--colors-beedee-border); } .z_400 { z-index: 400; } .ai_stretch { align-items: stretch; } .bg-c_rgb\(0\,_113\,_140\) { background-color: rgb(0, 113, 140); } .tracking_1px { letter-spacing: 1px; } .fs_0\.9rem { font-size: 0.9rem; } .c_\#fff { color: #fff; } .fs_1\.5rem { font-size: 1.5rem; } .c_rgba\(255\,_255\,_255\,_0\.7\) { color: rgba(255, 255, 255, 0.7); } .c_rgba\(255\,_255\,_255\,_0\.9\) { color: rgba(255, 255, 255, 0.9); } .c_\#1ba360 { color: #1ba360; } .fs_0\.65rem { font-size: 0.65rem; } .c_\#1a1a1a { color: #1a1a1a; } .leading_1\.45 { line-height: 1.45; } .bx-sh_0_20px_60px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_4px_16px_rgba\(0\,_0\,_0\,_0\.06\) { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06); } .c_beedee-brand-dark { color: var(--colors-beedee-brand-dark); } .bx-sh_0_2px_10px_rgba\(13\,122\,138\,0\.07\) { box-shadow: 0 2px 10px rgba(13,122,138,0.07); } .ai_flex-start { align-items: flex-start; } .tracking_wider { letter-spacing: var(--letter-spacings-wider); } .fw_extrabold { font-weight: var(--font-weights-extrabold); } .tracking_tight { letter-spacing: var(--letter-spacings-tight); } .fv-num_tabular-nums { font-variant-numeric: tabular-nums; } .fs_8px { font-size: 8px; } .fw_800 { font-weight: 800; } .tracking_0\.12em { letter-spacing: 0.12em; } .grid-tc_repeat\(auto-fill\,_minmax\(130px\,_1fr\)\) { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .alignitems_start { alignitems: start; } .grid-tc_190px_1fr { grid-template-columns: 190px 1fr; } .bg-c_beedee-card { background-color: var(--colors-beedee-card); } .grid-tc_210px_1fr { grid-template-columns: 210px 1fr; } .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .bg-c_rgba\(0\,_0\,_0\,_0\.4\) { background-color: rgba(0, 0, 0, 0.4); } .op_1 { opacity: 1; } .bx-sh_-4px_0_16px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15); } .trf_translateX\(100\%\) { transform: translateX(100%); } .z_401 { z-index: 401; } .trf_translateX\(0\) { transform: translateX(0); } .z_500 { z-index: 500; } .fs_0\.72rem { font-size: 0.72rem; } .tracking_0\.06em { letter-spacing: 0.06em; } .c_gray\.500 { color: var(--colors-gray-500); } .bg-c_amber\.100 { background-color: var(--colors-amber-100); } .c_amber\.700 { color: var(--colors-amber-700); } .bg-c_red\.100 { background-color: var(--colors-red-100); } .c_red\.700 { color: var(--colors-red-700); } .bg-c_currentColor { background-color: currentColor; } .bg-c_beedee\.50 { background-color: var(--colors-beedee-50); } .fs_0\.69rem { font-size: 0.69rem; } .bg-c_beedee-label { background-color: var(--colors-beedee-label); } .cp-path_polygon\(0_0\,_100\%_0\,_50\%_100\%\) { clip-path: polygon(0 0, 100% 0, 50% 100%); -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); } .bg-c_rgba\(255\,_255\,_255\,_0\.15\) { background-color: rgba(255, 255, 255, 0.15); } .c_rgba\(255\,_255\,_255\,_0\.75\) { color: rgba(255, 255, 255, 0.75); } .tracking_0\.07em { letter-spacing: 0.07em; } .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); } .bg-c_rgba\(255\,_255\,_255\,_0\.13\) { background-color: rgba(255, 255, 255, 0.13); } .c_rgba\(255\,_255\,_255\,_0\.8\) { color: rgba(255, 255, 255, 0.8); } .fs_0\.7rem { font-size: 0.7rem; } .tracking_0\.13em { letter-spacing: 0.13em; } .tracking_0\.04em { letter-spacing: 0.04em; } .fs_0\.76rem { font-size: 0.76rem; } .tracking_0\.09em { letter-spacing: 0.09em; } .bg-c_beedee-red { background-color: var(--colors-beedee-red); } .bx-sh_0_2px_8px_rgba\(26\,_122\,_150\,_0\.25\) { box-shadow: 0 2px 8px rgba(26, 122, 150, 0.25); } .bx-sh_0_2px_8px_rgba\(76\,_175\,_135\,_0\.3\) { box-shadow: 0 2px 8px rgba(76, 175, 135, 0.3); } .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.18\) { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); } .z_300 { z-index: 300; } .tracking_0\.08em { letter-spacing: 0.08em; } .fs_0\.82rem { font-size: 0.82rem; } .bg-c_orange\.100 { background-color: var(--colors-orange-100); } .c_orange\.700 { color: var(--colors-orange-700); } .bg-c_beedee-brand-mid { background-color: var(--colors-beedee-brand-mid); } .bg-c_\#e99151 { background-color: #e99151; } .z_2000 { z-index: 2000; } .c_rgba\(255\,255\,255\,0\.55\) { color: rgba(255,255,255,0.55); } .tracking_0\.1em { letter-spacing: 0.1em; } .ai_end { align-items: end; } .z_3000 { z-index: 3000; } .fs_20 { font-size: 20px; } .fs_10 { font-size: 10px; } .fs_11 { font-size: 11px; } .c_\#c8d8db { color: #c8d8db; } .c_\#6a9199 { color: #6a9199; } .stk_beedee-brand { stroke: var(--colors-beedee-brand); } .bx-sh_-8px_0_40px_rgba\(9\,95\,109\,0\.18\) { box-shadow: -8px 0 40px rgba(9,95,109,0.18); } .fs_18 { font-size: 18px; } .fs_16 { font-size: 16px; } .fs_14 { font-size: 14px; } .fs_2rem { font-size: 2rem; } .fs_24px { font-size: 24px; } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, Arial, "Noto Sans", "Liberation Sans", sans-serif; } .ff_Roboto\,_Montserrat\,_\"Open_Sans\"\,_ui-sans-serif\,_system-ui\,_sans-serif { font-family: Roboto, Montserrat, "Open Sans", ui-sans-serif, system-ui, sans-serif; } .bx-sh_0_4px_24px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); } .fs_1\.1rem { font-size: 1.1rem; } .fs_2\.5rem { font-size: 2.5rem; } .bg-c_\#fffdf5 { background-color: #fffdf5; } .bg-c_\#f0f7ff { background-color: #f0f7ff; } .bg-c_\#fdf6ff { background-color: #fdf6ff; } .bg-c_\#fef3c7 { background-color: #fef3c7; } .c_\#d97706 { color: #d97706; } .bg-c_\#dbeafe { background-color: #dbeafe; } .c_\#2563eb { color: #2563eb; } .bg-c_\#ede9fe { background-color: #ede9fe; } .c_\#7c3aed { color: #7c3aed; } .bg-c_\#f59e0b { background-color: #f59e0b; } .bg-c_\#3b82f6 { background-color: #3b82f6; } .bg-c_\#a855f7 { background-color: #a855f7; } .bg-c_rgba\(245\,158\,11\,0\.15\) { background-color: rgba(245,158,11,0.15); } .c_rgba\(180\,83\,9\,0\.5\) { color: rgba(180,83,9,0.5); } .fs_0\.68rem { font-size: 0.68rem; } .fs_0\.84rem { font-size: 0.84rem; } .resize_none { resize: none; } .bg-c_rgba\(0\,0\,0\,0\.02\) { background-color: rgba(0,0,0,0.02); } .trf_scaleX\(-1\) { transform: scaleX(-1); } .jc_flex-start { justify-content: flex-start; } .fs_1\.2rem { font-size: 1.2rem; } .grid-tc_90px_1fr_1fr_1fr { grid-template-columns: 90px 1fr 1fr 1fr; } .grid-tc_auto_1fr { grid-template-columns: auto 1fr; } .grid-tr_auto_auto_1fr { grid-template-rows: auto auto 1fr; } .scr-bar-w_thin { scrollbar-width: thin; } .bx-sh_2px_2px_4px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .op_var\(--min-opacity\) { opacity: var(--min-opacity); } .leading_30px { line-height: 30px; } .va_bottom { vertical-align: bottom; } .justify-self_center { justify-self: center; } .bx-sh_4px_4px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.15); } .c_var\(--accent-text-colour\) { color: var(--accent-text-colour); } .grid-tc_1fr_auto_1fr { grid-template-columns: 1fr auto 1fr; } .grid-tr_64px_32px { grid-template-rows: 64px 32px; } .grid-tr_repeat\(7\,_var\(--cell-size\)\) { grid-template-rows: repeat(7, var(--cell-size)); } .grid-ac_var\(--cell-size\) { grid-auto-columns: var(--cell-size); } .grid-af_column { grid-auto-flow: column; } .fs_0\.8125rem { font-size: 0.8125rem; } .stk-dsh_3_3 { stroke-dasharray: 3 3; } .fill-opacity_1 { fill-opacity: 1; } .stk_\#8884d8 { stroke: #8884d8; } .cx_50\% { cx: 50%; } .cy_50\% { cy: 50%; } .bg-c_var\(--background-colour\) { background-color: var(--background-colour); } .order_1 { order: 1; } .bx-sh_2px_2px_3px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .bx-sh_0px_0px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_4px_4px_8px_rgba\(0\,_0\,_0\,_0\.25\) { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 4px 4px 8px rgba(0, 0, 0, 0.25); } .c_var\(--text-colour\)\! { color: var(--text-colour) !important; } .c_white\! { color: var(--colors-white) !important; } .d_block\! { display: block !important; } .grid-tc_240px_auto { grid-template-columns: 240px auto; } .grid-tr_1fr_auto { grid-template-rows: 1fr auto; } .grid-tc_1fr_1fr_1fr { grid-template-columns: 1fr 1fr 1fr; } .d_inline-grid { display: inline-grid; } .grid-tc_3fr_1fr { grid-template-columns: 3fr 1fr; } .leading_1rem { line-height: 1rem; } .bx-sh_2px_2px_4px_1px_rgba\(0\,_0\,_0\,_0\.3\) { box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3); } .ff_var\(--font-family-sans\,_\"Montserrat\"\) { font-family: var(--font-family-sans, "Montserrat"); } .grid-tr_60\%_40\% { grid-template-rows: 60% 40%; } .bg-c_var\(--sidebar-background-colour\) { background-color: var(--sidebar-background-colour); } .bg-c_\#eeeeee { background-color: #eeeeee; } .bg-c_var\(--config-action-background-colour\) { background-color: var(--config-action-background-colour); } .bx-sh_0_2px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2); } .c_var\(--config-action-item-text-colour\) { color: var(--config-action-item-text-colour); } .c_var\(--sidebar-header-text-colour\) { color: var(--sidebar-header-text-colour); } .c_var\(--sidebar-item-text-active-colour\) { color: var(--sidebar-item-text-active-colour); } .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.07\)\,_0_2px_5px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_5px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07), 0 2px 5px rgba(0, 0, 0, 0.06), 0 1px 5px rgba(0, 0, 0, 0.1); } .bg-c_var\(--tab-item-active-colour\) { background-color: var(--tab-item-active-colour); } .z_3 { z-index: 3; } .label_extrava-core-theme-rowColumn { label: extrava-core-theme-rowColumn; } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Arial { font-family: "Montserrat", "Open Sans", Arial; } .trf_translateX\(-136px\) { transform: translateX(-136px); } .flex-d_row-reverse { flex-direction: row-reverse; } .bx-sh_0px_0px_4px_1px_rgba\(0\,0\,0\,0\.1\) { box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1); } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_-apple-system\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif { font-family: "Montserrat", "Open Sans", -apple-system, Arial, "Noto Sans", "Liberation Sans", sans-serif; } .c_rgb\(68\,_100\,_161\) { color: rgb(68, 100, 161); } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\" { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bx-sh_0px_0px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_3px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0px_1px_5px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); } .c_\#444 { color: #444; } .bx-sh_0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2); } .anim-tmf_cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\) { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .bx-sh_-3px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\) { box-shadow: -3px 0px 5px 2px rgba(0, 0, 0, 0); } .bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .bx-sh_0_1px_1px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .c_rgba\(0\,_0\,_0\,_0\.7\) { color: rgba(0, 0, 0, 0.7); } .bg-c_rgba\(0\,_0\,_0\,_0\.16\) { background-color: rgba(0, 0, 0, 0.16); } .d_-webkit-box { display: -webkit-box; } .leading_14px { line-height: 14px; } .\-webkit-box-orient_vertical { -webkit-box-orient: vertical; } .\-webkit-line-clamp_2 { -webkit-line-clamp: 2; } .fs_2em { font-size: 2em; } .fs_1\.25em { font-size: 1.25em; } .leading_76px { line-height: 76px; } .bg-c_green\.600 { background-color: var(--colors-green-600); } .c_red\.600 { color: var(--colors-red-600); } .bg-c_red\.600 { background-color: var(--colors-red-600); } .c_orange\.600 { color: var(--colors-orange-600); } .bg-c_orange\.600 { background-color: var(--colors-orange-600); } .bg-c_red\.50 { background-color: var(--colors-red-50); } .trunc_true { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tt_capitalize { text-transform: capitalize; } .c_gray\.300 { color: var(--colors-gray-300); } .right_32px { right: 32px; } .top_32px { top: 32px; } .ov-y_auto { overflow-y: auto; } .h_100\% { height: 100%; } .min-h_640px { min-height: 640px; } .w_100\% { width: 100%; } .pt_48px { padding-top: 48px; } .h_600 { height: 600px; } .h_700 { height: 700px; } .w_1500 { width: 1500px; } .h_500 { height: 500px; } .h_150 { height: 150px; } .min-h_500 { min-height: 500px; } .h_200 { height: 200px; } .h_600px { height: 600px; } .min-h_60 { min-height: var(--sizes-60); } .bd-t-c_hsl\(0\,_0\%\,_80\%\) { border-top-color: hsl(0, 0%, 80%); } .border-top-style_solid { border-top-style: solid; } .bd-t-w_1 { border-top-width: 1px; } .pb_8 { padding-bottom: var(--spacing-8); } .pl_12 { padding-left: var(--spacing-12); } .pr_12 { padding-right: var(--spacing-12); } .pt_8 { padding-top: var(--spacing-8); } .h_360px { height: 360px; } .min-h_100vh { min-height: 100vh; } .h_100vh { height: 100vh; } .w_100vw { width: 100vw; } .mt_0px { margin-top: 0px; } .h_150vmax { height: 150vmax; } .left_calc\(50\%_-_75vmax\) { left: calc(50% - 75vmax); } .top_calc\(50\%_-_75vmax\) { top: calc(50% - 75vmax); } .w_150vmax { width: 150vmax; } .mb_16px { margin-bottom: 16px; } .h_0 { height: var(--sizes-0); } .left_50\% { left: 50%; } .top_50\% { top: 50%; } .w_0 { width: var(--sizes-0); } .h_96px { height: 96px; } .mt_16px { margin-top: 16px; } .w_96px { width: 96px; } .max-h_700px { max-height: 700px; } .min-h_0 { min-height: var(--sizes-0); } .top_0 { top: var(--spacing-0); } .max-h_640px { max-height: 640px; } .min-w_0 { min-width: var(--sizes-0); } .h_80vh { height: 80vh; } .max-w_1200px { max-width: 1200px; } .w_90vw { width: 90vw; } .min-w_auto { min-width: auto; } .ml_6px { margin-left: 6px; } .min-w_20px { min-width: 20px; } .ml_8px { margin-left: 8px; } .mt_4px { margin-top: 4px; } .min-h_18px { min-height: 18px; } .bottom_50\% { bottom: 50%; } .bottom_0 { bottom: var(--spacing-0); } .w_1px { width: 1px; } .h_1px { height: 1px; } .w_10px { width: 10px; } .ml_4px { margin-left: 4px; } .min-w_14px { min-width: 14px; } .w_1 { width: var(--sizes-1); } .min-h_200px { min-height: 200px; } .w_20 { width: var(--sizes-20); } .h_10 { height: var(--sizes-10); } .left_0 { left: var(--spacing-0); } .right_0 { right: var(--spacing-0); } .h_calc\(100vh_-_64px\) { height: calc(100vh - 64px); } .w_280px { width: 280px; } .bottom_0px { bottom: 0px; } .h_54px { height: 54px; } .right_0px { right: 0px; } .top_0px { top: 0px; } .bottom_10px { bottom: 10px; } .left_16px { left: 16px; } .h_160px { height: 160px; } .mr_0px { margin-right: 0px; } .mt_2px { margin-top: 2px; } .w_24px { width: 24px; } .ov-y_hidden { overflow-y: hidden; } .h_48px { height: 48px; } .h_28px { height: 28px; } .left_-14px { left: -14px; } .pl_7px { padding-left: 7px; } .top_8px { top: 8px; } .w_28px { width: 28px; } .w_48px { width: 48px; } .mb_56px { margin-bottom: 56px; } .max-h_calc\(100vh_-_256px\) { max-height: calc(100vh - 256px); } .min-w_1200px { min-width: 1200px; } .min-w_400px { min-width: 400px; } .pb_16px { padding-bottom: 16px; } .h_64px { height: 64px; } .w_500px { width: 500px; } .h_40px { height: 40px; } .pt_5\.5px { padding-top: 5.5px; } .w_40px { width: 40px; } .mr_8px { margin-right: 8px; } .h_calc\(100vh_-_160px\) { height: calc(100vh - 160px); } .min-h_600px { min-height: 600px; } .w_calc\(100vw_-_64px\) { width: calc(100vw - 64px); } .right_-8px { right: -8px; } .h_calc\(24px_\+_8px_\*_2\) { height: calc(24px + 8px * 2); } .h_24px { height: 24px; } .min-w_var\(--yAxisWidth\) { min-width: var(--yAxisWidth); } .w_calc\(100\%_-_48px\) { width: calc(100% - 48px); } .left_calc\(50\%_-_176px\) { left: calc(50% - 176px); } .pb_32px { padding-bottom: 32px; } .top_calc\(50\%_-_64px\) { top: calc(50% - 64px); } .w_320px { width: 320px; } .h_calc\(100\%_-_48px\) { height: calc(100% - 48px); } .pt_1px { padding-top: 1px; } .left_168px { left: 168px; } .top_1px { top: 1px; } .pt_24px { padding-top: 24px; } .w_95\% { width: 95%; } .left_54px { left: 54px; } .top_-2px { top: -2px; } .pl_48px { padding-left: 48px; } .h_calc\(100\%_-_80px\) { height: calc(100% - 80px); } .w_32px { width: 32px; } .w_10 { width: var(--sizes-10); } .mb_1 { margin-bottom: var(--spacing-1); } .ml_auto { margin-left: auto; } .max-w_full { max-width: var(--sizes-full); } .max-w_800px { max-width: 800px; } .max-w_100\% { max-width: 100%; } .max-w_640px { max-width: 640px; } .mt_6 { margin-top: var(--spacing-6); } .mb_50vh { margin-bottom: 50vh; } .h_calc\(100vh_-_64px\)\! { height: calc(100vh - 64px) !important; } .pt_20 { padding-top: var(--spacing-20); } .mr_auto { margin-right: auto; } .mt_32 { margin-top: var(--spacing-32); } .pb_20 { padding-bottom: var(--spacing-20); } .ov-y_scroll { overflow-y: scroll; } .mb_calc\(2_\*_var\(--cell-gap\)\) { margin-bottom: calc(2 * var(--cell-gap)); } .h_500px { height: 500px; } .ov-x_scroll { overflow-x: scroll; } .pl_4 { padding-left: var(--spacing-4); } .ml_4 { margin-left: var(--spacing-4); } .mt_1 { margin-top: var(--spacing-1); } .bd-t-c_stories-border { border-top-color: var(--colors-stories-border); } .bd-t-w_1px { border-top-width: 1px; } .max-h_50vh { max-height: 50vh; } .h_7 { height: var(--sizes-7); } .w_7 { width: var(--sizes-7); } .max-h_calc\(50vh_-_40px\) { max-height: calc(50vh - 40px); } .h_36px { height: 36px; } .mb_4 { margin-bottom: var(--spacing-4); } .ml_1 { margin-left: var(--spacing-1); } .mt_2 { margin-top: var(--spacing-2); } .mt_8 { margin-top: var(--spacing-8); } .mt_0 { margin-top: var(--spacing-0); } .bd-l-c_stories-accent-primary { border-left-color: var(--colors-stories-accent-primary); } .border-left-style_solid { border-left-style: solid; } .bd-l-w_4 { border-left-width: 4px; } .mb_2 { margin-bottom: var(--spacing-2); } .pb_1 { padding-bottom: var(--spacing-1); } .pl_2 { padding-left: var(--spacing-2); } .pt_1 { padding-top: var(--spacing-1); } .mt_4 { margin-top: var(--spacing-4); } .mt_3 { margin-top: var(--spacing-3); } .mb_3 { margin-bottom: var(--spacing-3); } .mb_0\.5 { margin-bottom: var(--spacing-0\.5); } .pl_3 { padding-left: var(--spacing-3); } .bd-b-c_stories-border { border-bottom-color: var(--colors-stories-border); } .border-bottom-style_solid { border-bottom-style: solid; } .bd-b-w_1px { border-bottom-width: 1px; } .max-w_800 { max-width: 800px; } .ov-x_auto { overflow-x: auto; } .bd-b-w_2px { border-bottom-width: 2px; } .min-w_120px { min-width: 120px; } .w_15\% { width: 15%; } .min-w_200px { min-width: 200px; } .w_40\% { width: 40%; } .min-w_80px { min-width: 80px; } .w_10\% { width: 10%; } .min-w_150px { min-width: 150px; } .w_20\% { width: 20%; } .ml_2px { margin-left: 2px; } .h_8 { height: var(--sizes-8); } .w_8 { width: var(--sizes-8); } .ml_3 { margin-left: var(--spacing-3); } .bd-r-c_stories-border { border-right-color: var(--colors-stories-border); } .border-right-style_solid { border-right-style: solid; } .bd-r-w_1px { border-right-width: 1px; } .top_49px { top: 49px; } .w_280 { width: 280px; } .mb_0 { margin-bottom: var(--spacing-0); } .w_320 { width: 320px; } .bd-l-w_1px { border-left-width: 1px; } .bd-l-c_stories-border { border-left-color: var(--colors-stories-border); } .max-h_400px { max-height: 400px; } .mb_8px { margin-bottom: 8px; } .mb_4px { margin-bottom: 4px; } .lc_2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .h_8px { height: 8px; } .w_8px { width: 8px; } .bd-l-c_transparent { border-left-color: var(--colors-transparent); } .bd-b-w_0 { border-bottom-width: 0; } .bd-l-w_3px { border-left-width: 3px; } .bd-r-w_0 { border-right-width: 0; } .bd-t-w_0 { border-top-width: 0; } .pl_5 { padding-left: var(--spacing-5); } .w_240px { width: 240px; } .min-h_300px { min-height: 300px; } .min-h_150px { min-height: 150px; } .bd-b-c_transparent { border-bottom-color: var(--colors-transparent); } .pr_10 { padding-right: var(--spacing-10); } .h_5 { height: var(--sizes-5); } .w_9 { width: var(--sizes-9); } .h_4 { height: var(--sizes-4); } .left_0\.5 { left: var(--spacing-0\.5); } .top_0\.5 { top: var(--spacing-0\.5); } .w_4 { width: var(--sizes-4); } .left_4\.5 { left: 4.5px; } .h_6 { height: var(--sizes-6); } .w_6 { width: var(--sizes-6); } .h_9 { height: var(--sizes-9); } .h_auto { height: auto; } .min-h_auto { min-height: auto; } .mr_3 { margin-right: var(--spacing-3); } .min-w_24 { min-width: var(--sizes-24); } .w_full { width: var(--sizes-full); } .pb_2 { padding-bottom: var(--spacing-2); } .pt_6 { padding-top: var(--spacing-6); } .bd-b-c_form-field-border { border-bottom-color: var(--colors-form-field-border); } .left_3 { left: var(--spacing-3); } .bd-b-c_brand-mid { border-bottom-color: var(--colors-brand-mid); } .h_full { height: var(--sizes-full); } .bd-t-c_form-field-border { border-top-color: var(--colors-form-field-border); } .max-w_210mm { max-width: 210mm; } .max-w_560px { max-width: 560px; } .max-h_calc\(100vh_-_0px\) { max-height: calc(100vh - 0px); } .right_-4px { right: -4px; } .mt_-48px { margin-top: -48px; } .top_64px { top: 64px; } .w_calc\(100\%_-_4px\) { width: calc(100% - 4px); } .h_2\.5em { height: 2.5em; } .mr_4px { margin-right: 4px; } .bottom_24px { bottom: 24px; } .h_56px { height: 56px; } .right_24px { right: 24px; } .w_56px { width: 56px; } .left_calc\(50\%_-_20px\) { left: calc(50% - 20px); } .h_42px { height: 42px; } .h_4px { height: 4px; } .left_0px { left: 0px; } .top_10px { top: 10px; } .w_calc\(100\%_-_16px\) { width: calc(100% - 16px); } .top_-28px { top: -28px; } .left_-2px { left: -2px; } .top_2px { top: 2px; } .min-w_240px { min-width: 240px; } .ml_-10px { margin-left: -10px; } .top_-56px { top: -56px; } .h_32px { height: 32px; } .right_4px { right: 4px; } .top_-6px { top: -6px; } .top_100\% { top: 100%; } .h_calc\(100\%_-_24px\) { height: calc(100% - 24px); } .ml_12px { margin-left: 12px; } .mr_12px { margin-right: 12px; } .w_calc\(100\%_-_24px\) { width: calc(100% - 24px); } .left_4px { left: 4px; } .left_64px { left: 64px; } .right_64px { right: 64px; } .pr_32px { padding-right: 32px; } .pt_8px { padding-top: 8px; } .ml_16px\! { margin-left: 16px !important; } .pb_24px { padding-bottom: 24px; } .pl_32px { padding-left: 32px; } .h_52px { height: 52px; } .h_calc\(16px_\*_2\) { height: calc(16px * 2); } .h_calc\(100vh_-_256px\) { height: calc(100vh - 256px); } .max-w_1000px { max-width: 1000px; } .mb_26px { margin-bottom: 26px; } .h_76px { height: 76px; } .h_0px { height: 0px; } .pb_8px { padding-bottom: 8px; } .w_0px { width: 0px; } .h_0\% { height: 0%; } .w_0\% { width: 0%; } .left_13px { left: 13px; } .top_9px { top: 9px; } .w_200px { width: 200px; } .w_220px { width: 220px; } .top_110px { top: 110px; } .bd-l-c_beedee-brand { border-left-color: var(--colors-beedee-brand); } .h_20px { height: 20px; } .w_20px { width: 20px; } .bd-r-c_beedee-border { border-right-color: var(--colors-beedee-border); } .mb_2px { margin-bottom: 2px; } .pb_9px { padding-bottom: 9px; } .max-h_calc\(100vh_-_130px\) { max-height: calc(100vh - 130px); } .h_5px { height: 5px; } .w_5px { width: 5px; } .w_4px { width: 4px; } .bd-b-c_brand { border-bottom-color: var(--colors-brand); } .mb_6 { margin-bottom: var(--spacing-6); } .pb_4 { padding-bottom: var(--spacing-4); } .mb_8 { margin-bottom: var(--spacing-8); } .bd-t-c_border-subtle { border-top-color: var(--colors-border-subtle); } .mt_12 { margin-top: var(--spacing-12); } .bd-b-c_gray\.400 { border-bottom-color: var(--colors-gray-400); } .h_12 { height: var(--sizes-12); } .pt_4 { padding-top: var(--spacing-4); } .bd-l-c_brand-mid { border-left-color: var(--colors-brand-mid); } .bd-l-w_4px { border-left-width: 4px; } .min-h_6 { min-height: var(--sizes-6); } .bd-b-c_border-subtle { border-bottom-color: var(--colors-border-subtle); } .max-h_calc\(100vh_-_140px\) { max-height: calc(100vh - 140px); } .top_28 { top: var(--spacing-28); } .w_64 { width: var(--sizes-64); } .max-w_md { max-width: var(--sizes-md); } .h_16 { height: var(--sizes-16); } .w_16 { width: var(--sizes-16); } .max-w_sm { max-width: var(--sizes-sm); } .bd-b-c_gray\.100 { border-bottom-color: var(--colors-gray-100); } .bdr-tl_xl { border-top-left-radius: var(--radii-xl); } .bdr-tr_xl { border-top-right-radius: var(--radii-xl); } .max-h_80vh { max-height: 80vh; } .max-w_768px { max-width: 768px; } .min-w_80 { min-width: var(--sizes-80); } .min-h_auto\! { min-height: auto !important; } .bottom_16px\! { bottom: 16px !important; } .left_50\%\! { left: 50% !important; } .max-w_400px\! { max-width: 400px !important; } .w_auto\! { width: auto !important; } .max-w_96 { max-width: var(--sizes-96); } .h_24 { height: var(--sizes-24); } .w_24 { width: var(--sizes-24); } .max-w_2xl { max-width: var(--sizes-2xl); } .min-w_48 { min-width: var(--sizes-48); } .pl_10 { padding-left: var(--spacing-10); } .max-w_72 { max-width: var(--sizes-72); } .h_2 { height: var(--sizes-2); } .min-h_60px { min-height: 60px; } .h_30px { height: 30px; } .min-w_70px { min-width: 70px; } .mr_4 { margin-right: var(--spacing-4); } .w_fit-content { width: fit-content; } .mt_32px { margin-top: 32px; } .h_6px { height: 6px; } .w_6px { width: 6px; } .w_30px { width: 30px; } .bd-b-c_beedee-border { border-bottom-color: var(--colors-beedee-border); } .bd-b-c_beedee-brand { border-bottom-color: var(--colors-beedee-brand); } .mb_-1px { margin-bottom: -1px; } .min-h_400px { min-height: 400px; } .max-w_780px { max-width: 780px; } .h_250px { height: 250px; } .ml_-32px { margin-left: -32px; } .mr_-32px { margin-right: -32px; } .mt_-32px { margin-top: -32px; } .pb_100px { padding-bottom: 100px; } .pl_10px { padding-left: 10px; } .pr_10px { padding-right: 10px; } .mb_30px { margin-bottom: 30px; } .mt_30px { margin-top: 30px; } .mb_28px { margin-bottom: 28px; } .right_12px { right: 12px; } .top_12px { top: 12px; } .h_44px { height: 44px; } .w_44px { width: 44px; } .max-w_900px { max-width: 900px; } .min-h_500px { min-height: 500px; } .h_400 { height: 400px; } .w_190px { width: 190px; } .h_22px { height: 22px; } .w_22px { width: 22px; } .mb_20px { margin-bottom: 20px; } .mb_6px { margin-bottom: 6px; } .mb_10px { margin-bottom: 10px; } .h_34px { height: 34px; } .w_34px { width: 34px; } .mb_1px { margin-bottom: 1px; } .ml_5px { margin-left: 5px; } .mt_1px { margin-top: 1px; } .mb_3px { margin-bottom: 3px; } .mt_3px { margin-top: 3px; } .bd-l-c_beedee-border { border-left-color: var(--colors-beedee-border); } .bd-l-c_beedee-green { border-left-color: var(--colors-beedee-green); } .min-h_297mm { min-height: 297mm; } .max-w_100vw { max-width: 100vw; } .w_400px { width: 400px; } .bd-b-c_beedee-brand-mid { border-bottom-color: var(--colors-beedee-brand-mid); } .h_7px { height: 7px; } .w_7px { width: 7px; } .pt_26px { padding-top: 26px; } .pr_38px { padding-right: 38px; } .min-h_84px { min-height: 84px; } .right_11px { right: 11px; } .right_13px { right: 13px; } .w_9px { width: 9px; } .bd-l-c_beedee-status-archived { border-left-color: var(--colors-beedee-status-archived); } .bd-l-c_beedee-status-awaiting { border-left-color: var(--colors-beedee-status-awaiting); } .bd-l-c_beedee-status-draft { border-left-color: var(--colors-beedee-status-draft); } .bd-l-c_beedee-status-revisions { border-left-color: var(--colors-beedee-status-revisions); } .bd-l-c_beedee-status-submitted { border-left-color: var(--colors-beedee-status-submitted); } .w_36px { width: 36px; } .top_80px { top: 80px; } .bd-t-c_beedee-border { border-top-color: var(--colors-beedee-border); } .pb_18px { padding-bottom: 18px; } .pt_14px { padding-top: 14px; } .pt_20px { padding-top: 20px; } .pb_20px { padding-bottom: 20px; } .mb_-32px { margin-bottom: -32px; } .mt_48px { margin-top: 48px; } .max-h_90vh { max-height: 90vh; } .w_min\(860px\,_96vw\) { width: min(860px, 96vw); } .mb_14px { margin-bottom: 14px; } .pl_6px { padding-left: 6px; } .h_14 { height: var(--sizes-14); } .w_14 { width: var(--sizes-14); } .w_min\(680px\,96vw\) { width: min(680px,96vw); } .h_32 { height: var(--sizes-32); } .w_32 { width: var(--sizes-32); } .max-h_60vh { max-height: 60vh; } .min-w_110 { min-width: 110px; } .w_3px { width: 3px; } .h_20 { height: var(--sizes-20); } .w_36 { width: var(--sizes-36); } .w_300 { width: 300px; } .mb_12 { margin-bottom: var(--spacing-12); } .h_28 { height: var(--sizes-28); } .w_28 { width: var(--sizes-28); } .h_26 { height: 26px; } .w_26 { width: 26px; } .w_60 { width: var(--sizes-60); } .min-h_43 { min-height: 43px; } .h_164px { height: 164px; } .min-w_max\(160px\,_66\%\) { min-width: max(160px, 66%); } .max-w_690px { max-width: 690px; } .pt_25px { padding-top: 25px; } .w_64px { width: 64px; } .mt_20px { margin-top: 20px; } .mb_12px { margin-bottom: 12px; } .mb_24px { margin-bottom: 24px; } .w_80px { width: 80px; } .h_80px { height: 80px; } .pt_16px { padding-top: 16px; } .min-w_600px { min-width: 600px; } .mt_12px { margin-top: 12px; } .max-w_400px { max-width: 400px; } .w_90\% { width: 90%; } .w_120px { width: 120px; } .h_120px { height: 120px; } .mt_8px { margin-top: 8px; } .bdr-tl_7 { border-top-left-radius: 7px; } .bdr-tl_0 { border-top-left-radius: 0; } .bdr-tr_7 { border-top-right-radius: 7px; } .bdr-tr_0 { border-top-right-radius: 0; } .min-h_72px { min-height: 72px; } .right_16px { right: 16px; } .mt_24px { margin-top: 24px; } .pr_20px { padding-right: 20px; } .pl_20px { padding-left: 20px; } .pt_7px { padding-top: 7px; } .pb_7px { padding-bottom: 7px; } .pt_5px { padding-top: 5px; } .pb_5px { padding-bottom: 5px; } .pl_8px { padding-left: 8px; } .pr_8px { padding-right: 8px; } .mb_0px { margin-bottom: 0px; } .max-h_calc\(100vh_-_96px\) { max-height: calc(100vh - 96px); } .h_26px { height: 26px; } .mr_2px { margin-right: 2px; } .pr_6px { padding-right: 6px; } .w_50\% { width: 50%; } .pl_0px { padding-left: 0px; } .pr_0px { padding-right: 0px; } .pl_5px { padding-left: 5px; } .pr_5px { padding-right: 5px; } .max-h_75vh { max-height: 75vh; } .w_480px { width: 480px; } .ml_16px { margin-left: 16px; } .pr_36px { padding-right: 36px; } .pr_16px { padding-right: 16px; } .ml_32px { margin-left: 32px; } .w_640px { width: 640px; } .mt_10px { margin-top: 10px; } .h_var\(--cell-size\) { height: var(--cell-size); } .min-h_24px { min-height: 24px; } .h_30 { height: 30px; } .w_360px { width: 360px; } .w_1000px { width: 1000px; } .pt_0px { padding-top: 0px; } .min-w_900px { min-width: 900px; } .pb_0px { padding-bottom: 0px; } .min-w_320px { min-width: 320px; } .max-h_922px { max-height: 922px; } .min-h_75vh { min-height: 75vh; } .w_1242px { width: 1242px; } .pt_32px { padding-top: 32px; } .h_180px { height: 180px; } .h_calc\(100\%_-_32px\) { height: calc(100% - 32px); } .w_16px { width: 16px; } .left_calc\(100\%_-_4px\) { left: calc(100% - 4px); } .top_-4px { top: -4px; } .h_calc\(var\(--icon-height\)_\*_0\.75\)\! { height: calc(var(--icon-height) * 0.75) !important; } .pl_var\(--padding\) { padding-left: var(--padding); } .w_calc\(var\(--icon-height\)_\*_0\.75\)\! { width: calc(var(--icon-height) * 0.75) !important; } .h_var\(--icon-height\)\! { height: var(--icon-height) !important; } .h_16px { height: 16px; } .right_6px { right: 6px; } .top_6px { top: 6px; } .h_calc\(48px_\+_4px\) { height: calc(48px + 4px); } .pt_4px { padding-top: 4px; } .w_calc\(100vw_-_320px\) { width: calc(100vw - 320px); } .left_20px { left: 20px; } .ml_28px { margin-left: 28px; } .h_350px { height: 350px; } .w_450px { width: 450px; } .mb_32px { margin-bottom: 32px; } .ml_9px { margin-left: 9px; } .max-w_1400px { max-width: 1400px; } .min-h_480px { min-height: 480px; } .h_800px { height: 800px; } .w_800px { width: 800px; } .h_400px { height: 400px; } .left_calc\(50\%_-_70px\) { left: calc(50% - 70px); } .top_calc\(50\%_-_70px\) { top: calc(50% - 70px); } .h_calc\(var\(--height\)_\+_8\) { height: calc(var(--height) + 8); } .w_calc\(var\(--width\)_\+_8\) { width: calc(var(--width) + 8); } .left_-12px { left: -12px; } .top_-12px { top: -12px; } .bottom_-88px { bottom: -88px; } .h_112px { height: 112px; } .top_18px { top: 18px; } .pl_16px { padding-left: 16px; } .top_16px { top: 16px; } .max-h_29px { max-height: 29px; } .w_calc\(100\%_-_128px\) { width: calc(100% - 128px); } .left_24px { left: 24px; } .top_20px { top: 20px; } .max-w_64rem { max-width: 64rem; } .pl_9 { padding-left: var(--spacing-9); } .pr_8 { padding-right: var(--spacing-8); } .max-w_1280px { max-width: 1280px; } .\[\&_\.config\]\:--backgroundColor_rgb\(240\,_240\,_240\) .config { --backgroundColor: rgb(240, 240, 240); } .\[\&\.is-editing\]\:--min-opacity_1.is-editing { --min-opacity: 1; } .\[\&_\>_a\]\:p_8px > a { padding: 8px; } .\[\&_\>_a\.active\]\:bg_\#f0f0f0 > a.active { background: #f0f0f0; } .\[\&_h6\]\:m_16px_32px h6 { margin: 16px 32px; } .\[\&_hr\]\:bg_rgba\(255\,_255\,_255\,_0\.25\) hr { background: rgba(255, 255, 255, 0.25); } .\[\&_hr\]\:bd_none hr { border: var(--borders-none); } .\[\&_hr\]\:m_12px_32px hr { margin: 12px 32px; } .\[\&_\>_ul\]\:bg_var\(--tab-background-colour\) > ul { background: var(--tab-background-colour); } .\[\&_\>_ul\]\:m_0px > ul { margin: 0px; } .\[\&_\>_ul\]\:p_0px > ul { padding: 0px; } .\[\&_\>_ul_li\]\:p_8px_16px > ul li { padding: 8px 16px; } .\[\&_h1\]\:m_0 h1 { margin: var(--spacing-0); } .\[\&_h1\]\:p_16px h1 { padding: 16px; } .\[\&_\>_div_\>_img\]\:m_auto > div > img { margin: auto; } .\[\&_\.logo\]\:bg_\#ff5722 .logo { background: #ff5722; } .\[\&_\.logo\]\:bd_6px_solid_rgba\(255\,_255\,_255\,_0\.6\) .logo { border: 6px solid rgba(255, 255, 255, 0.6); } .\[\&_\.logo\]\:m_auto .logo { margin: auto; } .\[\&_\.item\]\:p_16px .item { padding: 16px; } .\[\&_mark\]\:bg_none mark { background: none; } .\[\&_td\]\:p_2px_8px td { padding: 2px 8px; } .\[\&_pre\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) pre { background: rgba(0, 0, 0, 0.25); } .\[\&_pre\]\:p_16px pre { padding: 16px; } .\[\&_\>_span\]\:bg_rgba\(0\,_0\,_0\,_0\.4\) > span { background: rgba(0, 0, 0, 0.4); } .\[\&_\>_span\]\:p_8px > span { padding: 8px; } .\[\&_\.button-container\]\:bg_\#616161 .button-container { background: #616161; } .\[\&_\.button-container\]\:p_8px_16px .button-container { padding: 8px 16px; } .\[\&_span\]\:bg_white span { background: var(--colors-white); } .\[\&_h1\]\:m_0px h1 { margin: 0px; } .\[\&_h1\]\:p_0px h1 { padding: 0px; } .\[\&_\.notification-area-container\]\:m_0px .notification-area-container { margin: 0px; } .\[\&_\.notification-area-container\]\:p_0px .notification-area-container { padding: 0px; } .\[\&_\.counter\]\:p_2px .counter { padding: 2px; } .\[\&_\.child-note-area\]\:bg_\#f0f0f0 .child-note-area { background: #f0f0f0; } .\[\&_\.child-note-area\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .child-note-area { border: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\.child-note-area\]\:m_8px_-16px .child-note-area { margin: 8px -16px; } .\[\&_\.child-note-area\]\:p_8px_16px .child-note-area { padding: 8px 16px; } .\[\&_\.note-message\]\:m_4px_0px .note-message { margin: 4px 0px; } .\[\&_hr\]\:m_4px_32px hr { margin: 4px 32px; } .\[\&_li\]\:m_0px li { margin: 0px; } .\[\&_li\]\:p_8px li,.\[\&_ul\.file-list-contents\]\:p_8px ul.file-list-contents { padding: 8px; } .\[\&_ul\]\:m_0px ul { margin: 0px; } .\[\&_ul\]\:p_0px ul { padding: 0px; } .\[\&_h3\,_\&_h4\]\:m_0px h3,.\[\&_h3\,_\&_h4\]\:m_0px h4 { margin: 0px; } .\[\&_h3\,_\&_h4\]\:p_0px h3,.\[\&_h3\,_\&_h4\]\:p_0px h4 { padding: 0px; } .\[\&_ul\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) ul { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&\:\:before\]\:bg_\#bdbdbd::before { background: #bdbdbd; } .\[\&_svg\]\:bg_\#fdfdfd svg { background: #fdfdfd; } .\[\&_\>_button\]\:bg_none > button { background: none; } .\[\&_\>_button\]\:bd_none > button { border: var(--borders-none); } .\[\&_\>_button\]\:p_0px > button { padding: 0px; } .\[\&_\>_input\]\:bd_1px_solid_\#cccccc > input { border: 1px solid #cccccc; } .\[\&_\>_input\]\:p_6px_12px > input { padding: 6px 12px; } .\[\&\:\:after\]\:bg_\#bdbdbd::after { background: #bdbdbd; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:m_0px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:m_0px > button.duplicate { margin: 0px; } .\[\&_\>_\*\]\:p_6px_8px > * { padding: 6px 8px; } .\[\&_span\.input\]\:m_0px span.input { margin: 0px; } .\[\&_\>_ul\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_h3\]\:m_0px h3 { margin: 0px; } .\[\&_h3\]\:p_0px h3 { padding: 0px; } .\[\&_\.frame-container\]\:bg_\#e2e2e2 .frame-container { background: #e2e2e2; } .\[\&_\.frame-container\]\:m_auto .frame-container { margin: auto; } .\[\&_\.options\]\:p_16px .options { padding: 16px; } .\[\&_\>_\.monaco-editor\]\:grid-area_content > .monaco-editor { grid-area: content; } .\[\&\.drag-over\]\:bg_rgba\(0\,_0\,_0\,_0\.15\).drag-over { background: rgba(0, 0, 0, 0.15); } .\[\&_\>_span\]\:p_2px_4px > span { padding: 2px 4px; } .\[\&_input\]\:bg_none input { background: none; } .\[\&_input\]\:bd_none input { border: var(--borders-none); } .\[\&_\>_div\]\:p_32px > div { padding: 32px; } .\[\&_\.component-container\]\:grid-area_component-list .component-container { grid-area: component-list; } .\[\&_\.template-data\]\:grid-area_data .template-data { grid-area: data; } .\[\&_\.template-editor\]\:grid-area_code .template-editor { grid-area: code; } .\[\&_\>_\*\]\:p_4px > * { padding: 4px; } .\[\&_\>_svg\]\:m_0px_auto > svg { margin: 0px auto; } .\[\&_h3\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) h3 { background: rgba(0, 0, 0, 0.1); } .\[\&_h3\]\:m_calc\(var\(--cell-gap\)_\*_-1\) h3 { margin: calc(var(--cell-gap) * -1); } .\[\&_h3\]\:p_8px h3 { padding: 8px; } .\[\&_label\]\:m_0px label { margin: 0px; } .\[\&_button\]\:p_8px_8px button { padding: 8px 8px; } .\[\&_\.ColorPicker-MuiButtonBase-root\]\:m_0px .ColorPicker-MuiButtonBase-root { margin: 0px; } .\[\&_\>_div\]\:p_4px_8px > div { padding: 4px 8px; } .\[\&_button\]\:bd_none button { border: var(--borders-none); } .\[\&_h4\]\:m_0px h4 { margin: 0px; } .\[\&_h4\]\:p_4px h4 { padding: 4px; } .\[\&_li\]\:m_auto li { margin: auto; } .\[\&_\>_div\]\:bd_2px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.5\) > div { border: 2px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.5); } .\[\&_input\]\:m_0px input { margin: 0px; } .\[\&_\>_span\.title\]\:p_8px_12px > span.title { padding: 8px 12px; } .\[\&_\>_svg\]\:bg_\#2196f3 > svg { background: #2196f3; } .\[\&\.disabled\]\:bg_rgba\(0\,_0\,_0\,_0\.13\).disabled { background: rgba(0, 0, 0, 0.13); } .\[\&\:\:-moz-range-track\]\:bg_none::-moz-range-track { background: none; } .\[\&\:after\]\:bg_rgb\(224\,_224\,_224\):after { background: rgb(224, 224, 224); } .\[\&\:after\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.26\):after { border: 4px solid rgba(0, 0, 0, 0.26); } .\[\&\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.5\):before { background: rgba(0, 0, 0, 0.5); } .\[\&\:before\]\:bg_rgb\(156\,_156\,_156\):before { background: rgb(156, 156, 156); } .\[\&_\.snackbar\]\:m_auto .snackbar { margin: auto; } .\[\&_\.snackbar\]\:p_14px_24px .snackbar { padding: 14px 24px; } .\[\&_\.back\]\:bg_var\(--primary-colour\,_\#1565c0\) .back,.\[\&_\.front\]\:bg_var\(--primary-colour\,_\#1565c0\) .front { background: var(--primary-colour, #1565c0); } .\[\&_\>_div\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > div { background: rgba(0, 0, 0, 0.5); } .\[\&_i\]\:bg_white i { background: var(--colors-white); } .\[\&_i\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) i { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_textarea\]\:bg_none textarea { background: none; } .\[\&_textarea\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.87\) textarea { border: 1px solid rgba(0, 0, 0, 0.87); } .\[\&_textarea\]\:m_1px textarea { margin: 1px; } .\[\&_textarea\]\:p_16px textarea { padding: 16px; } .\[\&_p\]\:m_0px p { margin: 0px; } .\[\&_\.loading-bar\]\:bg_rgba\(255\,255\,255\,0\.25\) .loading-bar { background: rgba(255,255,255,0.25); } .\[\&\.searching\]\:bg_white.searching { background: var(--colors-white); } .\[\&\.transparent\]\:bg_transparent.transparent { background: var(--colors-transparent); } .\[\&_\>_i\,_\&_\>_svg\]\:m_16px > i,.\[\&_\>_i\,_\&_\>_svg\]\:m_16px > svg { margin: 16px; } .\[\&_i\,_\&_svg\]\:m_8px i,.\[\&_i\,_\&_svg\]\:m_8px svg { margin: 8px; } .\[\&_i\,_\&_svg\]\:p_8px i,.\[\&_i\,_\&_svg\]\:p_8px svg { padding: 8px; } .\[\&\:after\]\:bg_rgba\(255\,255\,255\,0\):after { background: rgba(255,255,255,0); } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:p_0 .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:p_0 .back-button { padding: var(--spacing-0); } .\[\&_button\]\:bg_var\(--primary-colour\,_\#1976d2\) button { background: var(--primary-colour, #1976d2); } .\[\&_button\]\:bd_1px_solid_rgba\(0\,0\,0\,0\.075\) button { border: 1px solid rgba(0,0,0,0.075); } .\[\&_button\]\:m_0px button { margin: 0px; } .\[\&_button\]\:p_4px button { padding: 4px; } .\[\&_\.config\]\:bg_rgb\(240\,_240\,_240\) .config { background: rgb(240, 240, 240); } .\[\&_\.config\]\:grid-area_config .config { grid-area: config; } .\[\&_\.sidebar\]\:bg_\#0d47a1 .sidebar { background: #0d47a1; } .\[\&_\.sidebar\]\:grid-area_sidebar .sidebar { grid-area: sidebar; } .\[\&_\.sidebar\]\:p_32px_0px .sidebar { padding: 32px 0px; } .\[\&_\.datepicker-input\]\:bd_1px_solid_\#cccccc .datepicker-input { border: 1px solid #cccccc; } .\[\&_\.datepicker-input\]\:m_0px .datepicker-input { margin: 0px; } .\[\&_\.datepicker-input\]\:p_6px_12px .datepicker-input { padding: 6px 12px; } .\[\&_\>_\.arrow\:\:before\]\:bg_var\(--month-color\) > .arrow::before { background: var(--month-color); } .\[\&_input\]\:p_0 input { padding: var(--spacing-0); } .\[\&_\.action-back\]\:bg_var\(--color-action-primary\,_\#388e3c\) .action-back { background: var(--color-action-primary, #388e3c); } .\[\&_\.content\]\:bg_var\(--color-bg-surface\,_\#fafafa\) .content { background: var(--color-bg-surface, #fafafa); } .\[\&\.polyfill\]\:bg_black.polyfill { background: var(--colors-black); } .\[\&_\#modalContainer_\.backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) #modalContainer .backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&\.polyfill\]\:m_0px.polyfill { margin: 0px; } .\[\&\.react-modal-container\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\).react-modal-container::backdrop { background: rgba(0, 0, 0, 0); } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_beedee-border::-webkit-scrollbar-thumb { background: var(--colors-beedee-border); } .\[\&\.w-form-control\]\:bd_1px_solid_\#ced4da.w-form-control { border: 1px solid #ced4da; } input.\[input\&\,_textarea\&\]\:p_0\.6em_1\.5em,textarea.\[input\&\,_textarea\&\]\:p_0\.6em_1\.5em { padding: 0.6em 1.5em; } .\[\&_input\]\:bg_\#f4f9fb input { background: #f4f9fb; } .\[\&_input\]\:bd_1\.5px_solid_transparent input { border: 1.5px solid transparent; } .\[\&_input\]\:p_6px_10px_6px_30px input { padding: 6px 10px 6px 30px; } .selected\:bg_beedee-brand-light:is([aria-selected=true], [data-selected]) { background: var(--colors-beedee-brand-light); } .\[\&_\.overlay\]\:bg_rgba\(0\,_0\,_0\,_0\.3\) .overlay { background: rgba(0, 0, 0, 0.3); } .\[\&_\.footer-main-standard\]\:p_30px_0_10px .footer-main-standard { padding: 30px 0 10px; } .\[\&_\.footer-main-standard-after\]\:bg_rgb\(2\,3\,3\) .footer-main-standard-after { background: rgb(2,3,3); } .\[\&_\.footer-main-standard-after\]\:p_10px_30px .footer-main-standard-after { padding: 10px 30px; } .\[\&_\.btn\]\:p_12px_20px .btn { padding: 12px 20px; } .\[\&_\.footer-contact\]\:m_0 .footer-contact { margin: var(--spacing-0); } .\[\&_\.footer-divider\]\:bg_\#039BE5 .footer-divider { background: #039BE5; } .\[\&_\.footer-divider\]\:m_8px_0 .footer-divider { margin: 8px 0; } .\[\&_\.footer-title\]\:m_0 .footer-title { margin: var(--spacing-0); } .\[\&_input\.w-form-control\]\:p_8px input.w-form-control { padding: 8px; } .\[\&_\>_\*\]\:bd_1px_solid_\#c4c4c4 > * { border: 1px solid #c4c4c4; } .\[\&_span_\>_span\]\:p_16px span > span { padding: 16px; } .\[\&_\>_\*\]\:p_16px\! > * { padding: 16px !important; } .\[\&_table\.data-grid\]\:bd_none table.data-grid { border: var(--borders-none); } .\[\&_p\]\:p_0px p { padding: 0px; } .\[\&_ul\]\:p_8px_0px ul { padding: 8px 0px; } .\[\&\.is-editing\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\).is-editing { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&\.is-editing\]\:p_0px.is-editing { padding: 0px; } .\[\&_p\]\:p_0px_32px p { padding: 0px 32px; } .\[\&_input\]\:bg_transparent input { background: var(--colors-transparent); } .\[\&_svg\.fa-times\]\:m_0px svg.fa-times { margin: 0px; } .\[\&_svg\.fa-times\]\:p_4px svg.fa-times { padding: 4px; } .\[\&_\>_span\.filter-name\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > span.filter-name { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_span\.filter-name\]\:m_4px > span.filter-name { margin: 4px; } .\[\&_\>_span\.filter-name\]\:p_4px_12px > span.filter-name { padding: 4px 12px; } .\[\&_\>_svg\,_\&_\>_div\]\:m_4px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:m_4px > div { margin: 4px; } .\[\&_\>_svg\,_\&_\>_div\]\:p_8px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:p_8px > div { padding: 8px; } .\[\&_div\.title\]\:grid-area_title div.title { grid-area: title; } .\[\&_div\.title\]\:p_0px_16px div.title { padding: 0px 16px; } .\[\&_ul\]\:grid-area_navigation ul { grid-area: navigation; } .\[\&_\>_div\]\:m_var\(--gap\) > div { margin: var(--gap); } .\[\&_\>_button\]\:bg_transparent > button { background: var(--colors-transparent); } .\[\&_\>_button\]\:m_0px_4px > button { margin: 0px 4px; } .\[\&_table_tr\]\:bd_none\! table tr,.\[\&_table_tr_td\]\:bd_none\! table tr td { border: var(--borders-none) !important; } .\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px p { margin: 0px; } .\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px p { padding: 0px; } .\[\&_pre\]\:bg_rgba\(0\,_0\,_0\,_0\.9\) pre { background: rgba(0, 0, 0, 0.9); } .\[\&_\>_li\]\:p_8px > li { padding: 8px; } .\[\&_\>_ul_\>_li\]\:p_8px_12px > ul > li { padding: 8px 12px; } .\[\&\.active\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.25\).active { background: rgba(var(--accent-background-colour-rgb), 0.25); } .\[\&_h2\]\:m_0px h2 { margin: 0px; } .\[\&_h2\]\:p_0px h2 { padding: 0px; } .\[\&_\>_div\]\:bd_var\(--border-thickness\)_solid_var\(--accent-background-colour\) > div { border: var(--border-thickness) solid var(--accent-background-colour); } .\[\&_fieldset\]\:bd_1px_solid_black fieldset { border: 1px solid black; } .\[\&_fieldset\]\:p_16px fieldset { padding: 16px; } .\[\&_fieldset_legend\]\:p_0px_8px fieldset legend { padding: 0px 8px; } .\[\&_fieldset_p\]\:m_0px fieldset p { margin: 0px; } .\[\&_\>_ul_\>_li\]\:p_4px_8px > ul > li { padding: 4px 8px; } .\[\&_\>_ul_\>_li_button\]\:m_0px > ul > li button { margin: 0px; } .\[\&_\>_ul_\>_li_button\]\:p_0px\! > ul > li button { padding: 0px !important; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:p_var\(--padding\) > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:p_var\(--padding\) > svg { padding: var(--padding); } .\[\&_span\]\:bg_rgba\(255\,_255\,_255\,_0\) span { background: rgba(255, 255, 255, 0); } .\[\&_\.action-container_\>_svg\]\:p_4px .action-container > svg { padding: 4px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:p_2px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:p_2px li svg.unsaved { padding: 2px; } .\[\&_div\.content\]\:p_16px div.content { padding: 16px; } .\[\&_div\.content_\>_label\]\:p_0px div.content > label { padding: 0px; } .\[\&_header\]\:bg_\#455a64 header { background: #455a64; } .\[\&_\>_label\]\:p_0px > label { padding: 0px; } .\[\&_\.tooltip\]\:bg_white .tooltip { background: var(--colors-white); } .\[\&_\.tooltip\]\:m_0px_8px\! .tooltip { margin: 0px 8px !important; } .\[\&_\.tooltip\]\:p_16px .tooltip { padding: 16px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:p_32px_64px > div > div > .nav-item { padding: 32px 64px; } .\[\&\.full\]\:bg_white.full { background: var(--colors-white); } .\[\&_\.info-panel\]\:bg_\#e1f5fe .info-panel { background: #e1f5fe; } .\[\&_blockquote\]\:bg_\#e8f5f6 blockquote { background: #e8f5f6; } .\[\&_blockquote\]\:p_16px blockquote { padding: 16px; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_zoomIn svg#freepik_stories-high-five.animated #freepik--background-complete--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomIn; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--character-1--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideRight svg#freepik_stories-high-five.animated #freepik--character-2--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--Floor--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideUp svg#freepik_stories-high-five.animated #freepik--Lines--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideUp; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--Plant--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_\>_\.icon\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) > .icon { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\>_\.icon\]\:p_8px > .icon { padding: 8px; } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white .wysiwyg-editor,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white .wf-lookup__control { background: var(--colors-white); } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc .wysiwyg-editor,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc .wf-lookup__control { border: 1px solid #ccc; } .\[\&_\>_div_\>_div_\.nav-item\]\:p_32px > div > div .nav-item { padding: 32px; } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white .wysiwyg-editor { background: var(--colors-white); } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc .wysiwyg-editor { border: 1px solid #ccc; } .\[\&\.coloured\:not\(\.flat\)\]\:bg_var\(--primary-colour\,_\#1976d2\).coloured:not(.flat) { background: var(--primary-colour, #1976d2); } .\[\&\.flat\]\:bg_transparent.flat { background: var(--colors-transparent); } .\[\&\.no-icon\]\:p_10px_16px.no-icon { padding: 10px 16px; } .\[\&\.no-title\]\:p_8px.no-title { padding: 8px; } .\[\&\.animated_\.part\]\:anim_ANI_600ms_linear_infinite.animated .part { animation: ANI 600ms linear infinite; } .\[\&_\>_div\]\:bd_2px_solid_rgba\(0\,_0\,_0\,_0\.5\) > div { border: 2px solid rgba(0, 0, 0, 0.5); } .\[\&_\.active-plane\]\:bg_var\(--primary-colour\,_\#1976d2\) .active-plane { background: var(--primary-colour, #1976d2); } .\[\&_\.back-plane\]\:bg_rgba\(0\,_0\,_0\,_0\.26\) .back-plane { background: rgba(0, 0, 0, 0.26); } .\[\&_\.input\]\:bg_none .input { background: none; } .\[\&_\.input\]\:m_0px .input { margin: 0px; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:bg_\#4caf50.complete:not(.disabled) .submit-loader { background: #4caf50; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bg_transparent.loading:not(.disabled) .submit-loader { background: var(--colors-transparent); } .\[\&_\.submit-loader\]\:bg_\#1976d2 .submit-loader { background: #1976d2; } .\[\&_\.submit-loader\]\:bd_4px_solid_transparent .submit-loader { border: 4px solid transparent; } .\[\&_\.submit-overlay\]\:anim_SPIN_400ms_linear_infinite .submit-overlay { animation: SPIN 400ms linear infinite; } .\[\&_\.submit-overlay\]\:bd_4px_solid_transparent .submit-overlay { border: 4px solid transparent; } .\[\&_\.back\]\:bg_var\(--primary-colour\,_\#1976d2\) .back,.\[\&_\.front\]\:bg_var\(--primary-colour\,_\#1976d2\) .front,.\[\&_\>_div\.active_\.back\]\:bg_var\(--primary-colour\,_\#1976d2\) > div.active .back,.\[\&_\>_div\.active_\.front\]\:bg_var\(--primary-colour\,_\#1976d2\) > div.active .front { background: var(--primary-colour, #1976d2); } .\[\&_\.toast\]\:bg_\#4caf50 .toast { background: #4caf50; } .\[\&_\.toast\]\:p_16px .toast { padding: 16px; } .\[\&_button\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.075\) button { border: 1px solid rgba(0, 0, 0, 0.075); } .\[\&_\.card-actions\]\:p_16px .card-actions { padding: 16px; } .\[\&_\.fab\]\:bg_white .fab { background: var(--colors-white); } .\[\&\.small_\>_ul_li\]\:p_2px.small > ul li { padding: 2px; } .\[\&\.no-padding\]\:m_0px.no-padding { margin: 0px; } .\[\&\.no-padding\]\:p_0px.no-padding { padding: 0px; } .\[\&_\.spacer\]\:m_0px .spacer { margin: 0px; } .\[\&_\>_\*\]\:m_16px > * { margin: 16px; } .\[\&_\.label\]\:p_0px .label { padding: 0px; } .\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\).skeleton { background: rgba(0, 0, 0, 0.15); } .\[\&\.active\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).active::backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\)::backdrop { background: rgba(0, 0, 0, 0); } .\[\&_\>_a\]\:ring_none > a { outline: var(--borders-none); } .\[\&_\>_a\]\:td_none\! > a { text-decoration: none !important; } .\[\&_\>_div\]\:flex_1 > div,.\[\&_\>_ul\]\:flex_1 > ul { flex: 1 1 0%; } .\[\&_\>_ul\]\:li-s_none > ul { list-style: none; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs_left .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs_left .transition-enter { transition: left; } .\[\&_\>_div\]\:trs_top > div { transition: top; } .\[\&_\.logo\]\:bdr_50\% .logo { border-radius: 50%; } .\[\&_\.item\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .item { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_a\:not\(\.single-item\)\]\:td_none\! a:not(.single-item) { text-decoration: none !important; } .\[\&_\>_div\]\:trs_transform_200ms > div { transition: transform 200ms; } .\[\&_span\]\:bdr_1px span { border-radius: 1px; } .\[\&_span\]\:trs_0\.4s span { transition: 0.4s; } .\[\&_\.notification-area-container\]\:ov_hidden .notification-area-container { overflow: hidden; } .\[\&_\.counter\]\:bdr_50\% .counter { border-radius: 50%; } .\[\&_p\]\:ov_hidden p { overflow: hidden; } .\[\&_a\]\:td_none a { text-decoration: none; } .\[\&_\.child-note-area\]\:bd-l_none .child-note-area { border-left: var(--borders-none); } .\[\&_\.child-note-area\]\:bd-r_none .child-note-area { border-right: var(--borders-none); } .\[\&_ul\]\:li-s_none ul { list-style: none; } .\[\&_svg\]\:bdr_50\% svg { border-radius: 50%; } .\[\&_\>_div\]\:flex_3 > div,.\[\&_\>_input\]\:flex_3 > input { flex: 3; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:flex_unset > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:flex_unset > button.duplicate { flex: unset; } .\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms > :not(div),.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms::before,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms::after,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms > div > :not(.delete-group) { transition: opacity 400ms; } .\[\&_\>_\*\]\:flex_1 > * { flex: 1 1 0%; } .\[\&_\>_\:nth-of-type\(2\)\]\:flex_unset > :nth-of-type(2) { flex: unset; } .\[\&_\>_\:nth-of-type\(3\)\]\:flex_2 > :nth-of-type(3) { flex: 2; } .\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_\.frame-container\]\:ov_hidden .frame-container { overflow: hidden; } .\[\&_\.frame-container\]\:trs_max-width_600ms\,_transform_600ms .frame-container { transition: max-width 600ms, transform 600ms; } .\[\&_input\]\:bd-b_1px_solid_rgba\(255\,_255\,_255\,_0\.75\) input { border-bottom: 1px solid rgba(255, 255, 255, 0.75); } .\[\&_ul\]\:flex_1 ul,.\[\&_\>_\:nth-child\(2\)\]\:flex_1 > :nth-child(2) { flex: 1 1 0%; } .\[\&_\>_span\]\:ov_hidden > span { overflow: hidden; } .\[\&_h3\]\:grid-c_span_var\(--columns-per-row\) h3,.\[\&_h2\]\:grid-c_span_var\(--columns-per-row\) h2 { grid-column: span var(--columns-per-row); } .\[\&_button\]\:bd-l_1px_solid_\#8f8f9d button { border-left: 1px solid #8f8f9d; } .invalid\:bd-c_error:is(:invalid, [data-invalid], [aria-invalid=true]) { border-color: var(--colors-error); } .\[\&_li\]\:bd-b_4px_solid_transparent li { border-bottom: 4px solid transparent; } .\[\&_li\]\:flex_1 li { flex: 1 1 0%; } .\[\&_li\]\:ring_none li { outline: var(--borders-none); } .\[\&_li\]\:trs_border-bottom-color_200ms li { transition: border-bottom-color 200ms; } .\[\&_\>_div\]\:bdr_2px > div { border-radius: 2px; } .\[\&_\>_div\]\:trs_background-color_200ms\,_border-color_200ms > div { transition: background-color 200ms, border-color 200ms; } .\[\&_\>_span\.close\]\:trs_color_100ms > span.close { transition: color 100ms; } .\[\&_\>_svg\]\:bdr_50\% > svg { border-radius: 50%; } .\[\&_svg\]\:trs_color_200ms svg { transition: color 200ms; } .\[\&_\>_div\]\:bdr_50\% > div { border-radius: 50%; } .\[\&_\>_div\]\:trs_background-color_200ms\,_border-color_200ms\,_border-width_200ms > div { transition: background-color 200ms, border-color 200ms, border-width 200ms; } .\[\&\:after\]\:bdr_50\%:after { border-radius: 50%; } .\[\&\:after\]\:trs_width\,_height\,_left\,_top\,_background-color\,_border-color:after { transition: width, height, left, top, background-color, border-color; } .\[\&\:before\]\:bdr_50\%:before { border-radius: 50%; } .\[\&\:before\]\:trs_width\,_height\,_left\,_top:before { transition: width, height, left, top; } .\[\&\:before\]\:bdr_50\%_50\%_0\%_50\%:before { border-radius: 50% 50% 0% 50%; } .\[\&\:before\]\:trs_background-color_200ms:before { transition: background-color 200ms; } .\[\&\.focus\]\:bd-b_2px_solid.focus { border-bottom: 2px solid; } .\[\&_\.snackbar\]\:bdr_4px .snackbar { border-radius: 4px; } .\[\&_\>_div\]\:bdr_0px > div { border-radius: 0px; } .\[\&_div\.ripple\]\:bdr_24px div.ripple { border-radius: 24px; } .\[\&_div\.ripple\]\:trs_800ms_cubic-bezier\(0\,_1\,_1\,_1\) div.ripple { transition: 800ms cubic-bezier(0, 1, 1, 1); } .\[\&_i\]\:bdr_50\% i { border-radius: 50%; } .\[\&_textarea\]\:bdr_4px textarea { border-radius: 4px; } .\[\&_textarea\]\:ring_none textarea { outline: var(--borders-none); } .\[\&_\.loading-bar\]\:ov_hidden .loading-bar { overflow: hidden; } .\[\&_i\,_\&_svg\]\:ring_none i,.\[\&_i\,_\&_svg\]\:ring_none svg { outline: var(--borders-none); } .\[\&\:after\]\:trs_background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms:after { transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms; } .\[\&_button\]\:ring_none button { outline: var(--borders-none); } .\[\&_button\]\:trs_background-color_200ms button { transition: background-color 200ms; } .\[\&\.mini-mobile\]\:grid-template-areas_\'content\'.mini-mobile { grid-template-areas: 'content'; } .\[\&_\.datepicker-ani-above-enter-active\]\:trs_opacity_0\.2s\,_transform_0\.2s .datepicker-ani-above-enter-active { transition: opacity 0.2s, transform 0.2s; } .\[\&_\.datepicker-ani-above-leave-active\]\:trs_opacity_0\.2s\,_transform_0\.4s .datepicker-ani-above-leave-active { transition: opacity 0.2s, transform 0.4s; } .\[\&_\.datepicker-ani-enter-active\]\:trs_opacity_0\.2s\,_transform_0\.2s .datepicker-ani-enter-active { transition: opacity 0.2s, transform 0.2s; } .\[\&_\.datepicker-ani-exit-active\]\:trs_opacity_0\.2s\,_transform_0\.4s .datepicker-ani-exit-active { transition: opacity 0.2s, transform 0.4s; } .\[\&_input\]\:bd-b_1px_solid_\#aaa input { border-bottom: 1px solid #aaa; } .\[\&_input\]\:bdr_0 input { border-radius: 0; } .\[\&_input\]\:ring_none input { outline: var(--borders-none); } .\[\&_input\]\:trs_border-color_200ms input { transition: border-color 200ms; } .\[\&_\.content\]\:bd-b_1px_solid_var\(--color-border-default\,_rgba\(0\,_0\,_0\,_0\.1\)\) .content { border-bottom: 1px solid var(--color-border-default, rgba(0, 0, 0, 0.1)); } .\[\&_\.ripple\]\:bdr_50\% .ripple { border-radius: 50%; } .\[\&\.polyfill\]\:trs_opacity_400ms.polyfill { transition: opacity 400ms; } .\[\&_\#modalContainer_\.backdrop\]\:trs_background-color_400ms #modalContainer .backdrop,.\[\&\.react-modal-container\:\:backdrop\]\:trs_background-color_400ms.react-modal-container::backdrop { transition: background-color 400ms; } .\[\&_\.timepicker\]\:grid-template-areas_\"header\"\"picker\"\"actions\" .timepicker { grid-template-areas: "header""picker""actions"; } .before\:bdr_50\%::before { border-radius: 50%; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_2px::-webkit-scrollbar-thumb { border-radius: 2px; } .\[\&\:\:-webkit-slider-thumb\]\:bdr_full::-webkit-slider-thumb { border-radius: var(--radii-full); } .\[\&\.w-form-control\]\:bdr_0\.25rem.w-form-control { border-radius: 0.25rem; } .\[\&\.w-form-control\]\:trs_border-color_0\.15s_ease-in-out\,_box-shadow_0\.15s_ease-in-out.w-form-control { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .\[\&_input\]\:bdr_beedee-sm input { border-radius: var(--radii-beedee-sm); } .\[\&_input\]\:trs_border-color_\.15s\,_box-shadow_\.15s\,_background_\.15s input { transition: border-color .15s, box-shadow .15s, background .15s; } .\[\&\:last-child\]\:bd-b_none:last-child { border-bottom: var(--borders-none); } .\[\&_\.footer-col\]\:flex_1 .footer-col { flex: 1 1 0%; } .\[\&_img\.profile-pic\]\:bdr_50\% img.profile-pic { border-radius: 50%; } .\[\&_li\]\:li-s_none li { list-style: none; } .\[\&_\.btn\]\:bdr_45px .btn { border-radius: 45px; } .\[\&_\.footer-content\]\:gap_16px .footer-content { gap: 16px; } .\[\&_\.footer-divider\]\:bdr_2px .footer-divider { border-radius: 2px; } .\[\&_\.footer-link\]\:td_none .footer-link { text-decoration: none; } .\[\&_\.footer-links\]\:gap_24px .footer-links { gap: 24px; } .\[\&_\>_\*\]\:bd-r_none > * { border-right: var(--borders-none); } .\[\&_\>_\*\]\:bd-t_none > * { border-top: var(--borders-none); } .\[\&_\>_\*\]\:bd-b_none > * { border-bottom: var(--borders-none); } .\[\&_\.WF_Table__Grid\]\:bd-b_1px_solid_\#c4c4c4 .WF_Table__Grid { border-bottom: 1px solid #c4c4c4; } .last\:bd-b_none:last-child { border-bottom: var(--borders-none); } .\[\&\.has-chart\]\:grid-template-areas_\"header_header_header\"_\"sidebar_controls_controls\"_\"sidebar_grid_chart\".has-chart { grid-template-areas: "header header header" "sidebar controls controls" "sidebar grid chart"; } .\[\&\.active\,_\&\.is-editing\]\:bdr_16px.active,.\[\&\.active\,_\&\.is-editing\]\:bdr_16px.is-editing,.\[\&_\>_span\.filter-name\]\:bdr_16px > span.filter-name { border-radius: 16px; } .\[\&_div\.title\]\:gap_16px div.title { gap: 16px; } .\[\&_div\.title\]\:ov_hidden div.title { overflow: hidden; } .\[\&_\>_button\]\:bdr_50\% > button { border-radius: 50%; } .\[\&_\.action-container\]\:grid-g_8px .action-container { grid-gap: 8px; } .\[\&_input\]\:flex_1 input { flex: 1 1 0%; } .\[\&_table_tr\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\)\,_0\.25\) table tr { border-bottom: 1px solid rgba(var(--text-colour-rgb), 0.25); } .\[\&_\>_div\]\:grid-g_16px > div { grid-gap: 16px; } .\[\&_\>_div_\>_label\:first-child\]\:grid-c_span_2 > div > label:first-child { grid-column: span 2; } .\[\&_\>_ul_\>_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul > li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_h2\]\:grid-c_span_3 h2,.\[\&_h1\]\:grid-c_span_3 h1 { grid-column: span 3; } .\[\&_\>_div\]\:bd-l_none > div { border-left: var(--borders-none); } .\[\&_\>_div\]\:bd-t_none > div { border-top: var(--borders-none); } .\[\&_\>_div\]\:bd-b_var\(--border-thickness\)_solid_var\(--accent-background-colour\) > div { border-bottom: var(--border-thickness) solid var(--accent-background-colour); } .\[\&_fieldset\]\:bd-c_rgba\(var\(--text-colour-rgb\)\,_0\.5\) fieldset { border-color: rgba(var(--text-colour-rgb), 0.5); } .\[\&_\>_ul_\>_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) > ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bdr_4px > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bdr_4px > svg { border-radius: 4px; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:trs_color_100ms\,_background-color_100ms > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:trs_color_100ms\,_background-color_100ms > svg { transition: color 100ms, background-color 100ms; } .\[\&_span\]\:bdr_50\% span { border-radius: 50%; } .\[\&_span\]\:trs_background-color_100ms span { transition: background-color 100ms; } .\[\&_\.action-container_\>_svg\]\:bdr_50\% .action-container > svg { border-radius: 50%; } .\[\&_\.action-container_\>_svg\]\:trs_background-color_100ms\,_color_100ms .action-container > svg { transition: background-color 100ms, color 100ms; } .\[\&_li\]\:bd-r_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) li { border-right: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_li\]\:ov_hidden li { overflow: hidden; } .\[\&_li\]\:trs_color_100ms\,_background-color_100ms li { transition: color 100ms, background-color 100ms; } .\[\&_li_div\.name-container_span\]\:ov_hidden li div.name-container span,.\[\&_span\]\:ov_hidden span { overflow: hidden; } .\[\&_\.tooltip\]\:bdr_4px .tooltip { border-radius: 4px; } .\[\&_\.double-fields\]\:gap_16px .double-fields,.\[\&_\.quintuple-fields\]\:gap_16px .quintuple-fields,.\[\&_\.triple-fields\]\:gap_16px .triple-fields { gap: 16px; } .\[\&\.full\]\:gap_64px.full { gap: 64px; } .\[\&_\.svg-container\]\:trs_transform_200ms\,_right_200ms\,_top_200ms .svg-container { transition: transform 200ms, right 200ms, top 200ms; } .\[\&_blockquote\]\:bd-l_4px_solid_rgb\(3\,_155\,_229\) blockquote { border-left: 4px solid rgb(3, 155, 229); } .\[\&_\>_\.icon\]\:bdr_50\% > .icon { border-radius: 50%; } .\[\&_\>_\.icon\]\:trs_background-color_200ms > .icon { transition: background-color 200ms; } .\[\&\.active\:not\(\.disabled\)_\>_div\]\:bd-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div { border-color: var(--primary-colour, #1976d2); } .\[\&\.active_\>_div\:after\]\:trs_width_400ms\,_height_400ms\,_left_100ms\,_top_100ms.active > div:after { transition: width 400ms, height 400ms, left 100ms, top 100ms; } .\[\&_\.back-plane\]\:ring_none .back-plane,.\[\&_\.input\]\:ring_none .input { outline: var(--borders-none); } .\[\&_\.tooltip\]\:trs_top_200ms\,_opacity_200ms .tooltip { transition: top 200ms, opacity 200ms; } .\[\&_\.value-label\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.26\) .value-label { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .\[\&_\.value-label\]\:trs_border-color_200ms\,_border-width_200ms .value-label { transition: border-color 200ms, border-width 200ms; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:bd-c_transparent.complete:not(.disabled) .submit-loader { border-color: var(--colors-transparent); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bd-c_\#ccc.loading:not(.disabled) .submit-loader { border-color: #ccc; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bdr_24px.loading:not(.disabled) .submit-loader { border-radius: 24px; } .\[\&_\.submit-loader\]\:bdr_2px .submit-loader { border-radius: 2px; } .\[\&_\.submit-loader\]\:trs_400ms .submit-loader { transition: 400ms; } .\[\&_\.submit-overlay\]\:bdr_50\% .submit-overlay { border-radius: 50%; } .\[\&_\.button-container\]\:trs_margin-top_200ms\,_opacity_200ms .button-container { transition: margin-top 200ms, opacity 200ms; } .\[\&_\.toast\]\:trs_opacity_400ms\,_top_400ms\,_filter_400ms .toast { transition: opacity 400ms, top 400ms, filter 400ms; } .\[\&_\.fab\]\:bdr_50\% .fab { border-radius: 50%; } .\[\&_\.fab\]\:ring_1px_solid_transparent .fab { outline: 1px solid transparent; } .\[\&_\.fab\]\:trs_300ms .fab { transition: 300ms; } .\[\&_\.card-tabs-content\]\:trs_height_400ms .card-tabs-content { transition: height 400ms; } .\[\&_\.fb-1\]\:flex_1 .fb-1 { flex: 1 1 0%; } .\[\&_\.fb-2\]\:flex_2 .fb-2 { flex: 2; } .\[\&_\.fb-3\]\:flex_3 .fb-3 { flex: 3; } .\[\&_\.fb-4\]\:flex_4 .fb-4 { flex: 4; } .\[\&_\.fb-5\]\:flex_5 .fb-5 { flex: 5; } .\[\&_\.fb-6\]\:flex_6 .fb-6 { flex: 6; } .\[\&_\.fb-7\]\:flex_7 .fb-7 { flex: 7; } .\[\&_\.fb-8\]\:flex_8 .fb-8 { flex: 8; } .\[\&_\.fb-9\]\:flex_9 .fb-9 { flex: 9; } .\[\&_\.fb-10\]\:flex_10 .fb-10 { flex: 10; } .\[\&_\.fb-11\]\:flex_11 .fb-11 { flex: 11; } .\[\&_\.fb-12\]\:flex_12 .fb-12 { flex: 12; } .\[\&_\.label\]\:trs_font-size_200ms\,_top_200ms\,_color_200ms .label { transition: font-size 200ms, top 200ms, color 200ms; } .\[\&\.non-swiping\]\:trs_left_400ms_ease-in.non-swiping { transition: left 400ms ease-in; } .\[\&\.swiped-away\]\:trs_left_400ms_ease-out.swiped-away { transition: left 400ms ease-out; } .\[\&\.showMenu\]\:ov_hidden.showMenu { overflow: hidden; } .\[\&\.showMenu\]\:trs_height_500ms\,_width_300ms\,_left_300ms.showMenu { transition: height 500ms, width 300ms, left 300ms; } .\[\&_\>_div\]\:trs_left_300ms > div { transition: left 300ms; } .\[\&\:\:backdrop\]\:trs_background-color_400ms::backdrop { transition: background-color 400ms; } .\[\&_\.slide-right-back-enter\]\:trs_left_400ms .slide-right-back-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs_left_400ms .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs_left_400ms .slide-right-back-leave,.\[\&_\.slide-right-exit\]\:trs_left_400ms .slide-right-exit { transition: left 400ms; } .\[\&_\>_a\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > a { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_\>_a\]\:cursor_pointer > a { cursor: pointer; } .\[\&_\>_a\]\:d_block > a { display: block; } .\[\&_\>_a\]\:us_none > a { -webkit-user-select: none; user-select: none; } .\[\&_\>_a\.active\]\:c_black\! > a.active { color: var(--colors-black) !important; } .\[\&_\>_a\.active\]\:fw_500 > a.active { font-weight: 500; } .\[\&_h6\]\:c_rgba\(255\,_255\,_255\,_0\.75\) h6 { color: rgba(255, 255, 255, 0.75); } .\[\&_h6\]\:fs_14px h6 { font-size: 14px; } .\[\&_h6\]\:fw_500 h6 { font-weight: 500; } .\[\&_h6\]\:tracking_0\.08rem h6 { letter-spacing: 0.08rem; } .\[\&_h6\]\:tt_uppercase h6 { text-transform: uppercase; } .\[\&_\>_ul_li\]\:bx-s_border-box > ul li { box-sizing: border-box; } .\[\&_\>_ul_li\]\:c_var\(--tab-item-text-colour\) > ul li { color: var(--tab-item-text-colour); } .\[\&_\>_ul_li\]\:cursor_pointer > ul li { cursor: pointer; } .\[\&_\>_ul_li\]\:d_inline-block > ul li { display: inline-block; } .\[\&_\>_ul_li\]\:leading_16px > ul li { line-height: 16px; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:bg-c_rgb\(252\,_252\,_252\) .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:bg-c_rgb\(252\,_252\,_252\) .transition-enter { background-color: rgb(252, 252, 252); } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:pos_fixed .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:pos_fixed .transition-enter { position: fixed; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs-dur_400ms .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs-dur_400ms .transition-enter { --transition-duration: 400ms; transition-duration: 400ms; } .\[\&_h1\]\:fs_20px h1 { font-size: 20px; } .\[\&_h1\]\:fw_normal h1 { font-weight: var(--font-weights-normal); } .\[\&_\>_div\]\:pos_fixed > div { position: fixed; } .\[\&_\>_div\]\:trs-dur_600ms > div { --transition-duration: 600ms; transition-duration: 600ms; } .\[\&_\>_div\]\:trs-tmf_cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\) > div { --transition-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .\[\&_\>_div_\>_img\]\:d_block > div > img { display: block; } .\[\&_\.logo\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .logo { color: rgba(255, 255, 255, 0.87); } .\[\&_\.logo\]\:d_block .logo { display: block; } .\[\&_\.logo\]\:fs_64px .logo { font-size: 64px; } .\[\&_\.logo\]\:leading_96px .logo { line-height: 96px; } .\[\&_\.logo\]\:ta_center .logo { text-align: center; } .\[\&_\.logo\]\:tt_uppercase .logo { text-transform: uppercase; } .\[\&_\.title\]\:d_block .title { display: block; } .\[\&_\.title\]\:fs_24px .title { font-size: 24px; } .\[\&_\.title\]\:fw_300 .title { font-weight: 300; } .\[\&_\.title\]\:tracking_0\.15rem .title { letter-spacing: 0.15rem; } .\[\&_\.title\]\:ta_center .title { text-align: center; } .\[\&_\.item\]\:bg-c_\#fcfcfc .item { background-color: #fcfcfc; } .\[\&_\.item\]\:pos_relative .item { position: relative; } .\[\&_mark\]\:c_\#1976d2 mark { color: #1976d2; } .\[\&_mark\]\:fw_600 mark { font-weight: 600; } .\[\&_td\]\:fs_12px td { font-size: 12px; } .\[\&_td\]\:va_top td { vertical-align: top; } .\[\&_td\:first-of-type\]\:c_\#1976d2 td:first-of-type { color: #1976d2; } .\[\&_td\:first-of-type\]\:ff_\'Roboto_Mono\'\,_monospace td:first-of-type { font-family: 'Roboto Mono', monospace; } .\[\&_td\:first-of-type\]\:fw_600 td:first-of-type { font-weight: 600; } .\[\&_td\:first-of-type\]\:white-space_nowrap td:first-of-type { white-space: nowrap; } .\[\&_td\:last-of-type\]\:c_\#666 td:last-of-type { color: #666; } .\[\&_mark\]\:c_\#1e88e5 mark { color: #1e88e5; } .\[\&_mark\]\:fw_inherit mark { font-weight: inherit; } .\[\&_\.diff-added\]\:bg-c_\#B9F6CA .diff-added { background-color: #B9F6CA; } .\[\&_\.diff-bold\]\:fw_900 .diff-bold { font-weight: 900; } .\[\&_\.diff-removed\]\:bg-c_\#FF9E80 .diff-removed { background-color: #FF9E80; } .\[\&_\.diff-unbold\]\:c_\#999999 .diff-unbold { color: #999999; } .\[\&_pre\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! pre { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_pre\]\:ff_monospace pre { font-family: monospace; } .\[\&_pre\]\:fs_1rem pre { font-size: 1rem; } .\[\&_pre\]\:leading_1rem pre { line-height: 1rem; } .\[\&_\>_span\]\:d_inline-block > span { display: inline-block; } .\[\&_\>_span\]\:va_middle > span { vertical-align: middle; } .\[\&_a\:not\(\.single-item\)\]\:c_\#424242 a:not(.single-item) { color: #424242; } .\[\&_\>_div\]\:z_3 > div { z-index: 3; } .\[\&_\.button-container\]\:pos_absolute .button-container { position: absolute; } .\[\&_\.button-container\]\:ta_right .button-container { text-align: right; } .\[\&_\.filter-inputs\]\:d_flex .filter-inputs { display: flex; } .\[\&_\.filter-inputs\]\:pos_relative .filter-inputs { position: relative; } .\[\&_span\]\:trf_rotate\(180deg\) span { transform: rotate(180deg); } .\[\&_span\]\:d_block span { display: block; } .\[\&_span\]\:pos_absolute span { position: absolute; } .\[\&_\.action-container\]\:c_white .action-container { color: var(--colors-white); } .\[\&_\.action-container\]\:d_inline-block .action-container { display: inline-block; } .\[\&_\.action-container\]\:pos_absolute .action-container { position: absolute; } .\[\&_\.dev-message\]\:c_white .dev-message { color: var(--colors-white); } .\[\&_\.dev-message\]\:d_inline-block .dev-message { display: inline-block; } .\[\&_\.dev-message\]\:leading_64px .dev-message { line-height: 64px; } .\[\&_\.dev-message\]\:pos_absolute .dev-message { position: absolute; } .\[\&_\.dev-message\]\:ta_center .dev-message { text-align: center; } .\[\&_h1\]\:c_white h1 { color: var(--colors-white); } .\[\&_h1\]\:d_inline-block h1 { display: inline-block; } .\[\&_h1\]\:pos_relative h1 { position: relative; } .\[\&_\.notification-area-container\]\:bx-s_border-box .notification-area-container { box-sizing: border-box; } .\[\&_\.notification-area-container\]\:d_flex .notification-area-container { display: flex; } .\[\&_\.notification-area-container\]\:flex-d_column .notification-area-container { flex-direction: column; } .\[\&_\.notification-area-container\]\:leading_unset .notification-area-container { line-height: unset; } .\[\&_\.counter\]\:anim-dur_2000ms .counter { animation-duration: 2000ms; } .\[\&_\.counter\]\:anim-ic_infinite .counter { animation-iteration-count: infinite; } .\[\&_\.counter\]\:anim-n_inout .counter { animation-name: inout; } .\[\&_\.counter\]\:d_inline-block .counter { display: inline-block; } .\[\&_\.counter\]\:ff_Roboto .counter { font-family: Roboto; } .\[\&_\.counter\]\:fs_11px .counter { font-size: 11px; } .\[\&_\.counter\]\:pos_absolute .counter { position: absolute; } .\[\&_\.counter\]\:trf_scale\(1\) .counter { transform: scale(1); } .\[\&_i\]\:cursor_pointer i { cursor: pointer; } .\[\&_i\]\:fs_16px i { font-size: 16px; } .\[\&_i\]\:leading_24px i { line-height: 24px; } .\[\&_i\]\:va_top i { vertical-align: top; } .\[\&_p\]\:tov_ellipsis p { text-overflow: ellipsis; } .\[\&_p\]\:white-space_nowrap p { white-space: nowrap; } .\[\&_a\]\:c_rgba\(0\,_0\,_0\,_0\.87\) a { color: rgba(0, 0, 0, 0.87); } .\[\&_a\]\:us_none a { -webkit-user-select: none; user-select: none; } .\[\&_\.note-message\]\:d_block .note-message { display: block; } .\[\&_button\:not\(\.coloured\)\]\:c_var\(--text-colour\) button:not(.coloured) { color: var(--text-colour); } .\[\&_\>_h4\]\:fw_normal > h4 { font-weight: var(--font-weights-normal); } .\[\&_li\]\:d_block li { display: block; } .\[\&_li\]\:us_none li { -webkit-user-select: none; user-select: none; } .\[\&_ul\.file-list-contents\]\:d_block ul.file-list-contents { display: block; } .\[\&_ul\.file-list-contents\]\:li-t_none ul.file-list-contents { list-style-type: none; } .\[\&_ul\.file-list-contents\]\:tt_none ul.file-list-contents { text-transform: none; } .\[\&_\.perspective-overlay\]\:pos_absolute .perspective-overlay { position: absolute; } .\[\&_\.mdl-checkbox_\.mdl-checkbox__label\]\:fs_14px .mdl-checkbox .mdl-checkbox__label { font-size: 14px; } .\[\&_\.terms-description\]\:ff_sans-serif .terms-description { font-family: sans-serif; } .\[\&_button\]\:fs_1rem button { font-size: 1rem; } .\[\&\:\:before\]\:content_\'\'::before { content: ''; } .\[\&\:\:before\]\:d_block::before { display: block; } .\[\&\:\:before\]\:pos_absolute::before { position: absolute; } .\[\&_svg\]\:fs_28px svg { font-size: 28px; } .\[\&_svg\]\:pos_relative svg { position: relative; } .\[\&_\>_button\]\:c_\#1976d2 > button { color: #1976d2; } .\[\&_\>_button\]\:cursor_pointer > button { cursor: pointer; } .\[\&_\>_button\]\:d_block > button { display: block; } .\[\&_\>_button\]\:fw_500 > button { font-weight: 500; } .\[\&_\>_button\]\:leading_32px > button { line-height: 32px; } .\[\&_\>_button\]\:tt_uppercase > button { text-transform: uppercase; } .\[\&_\>_input\]\:bx-s_border-box > input { box-sizing: border-box; } .\[\&_\>_input\]\:c_\#555 > input { color: #555; } .\[\&_\>_div\]\:d_inline-block > div { display: inline-block; } .\[\&_\>_div\]\:pos_relative > div,.\[\&_\>_div_\.filter-group\]\:pos_relative > div .filter-group { position: relative; } .\[\&\:\:after\]\:content_\'\'::after { content: ''; } .\[\&\:\:after\]\:d_block::after { display: block; } .\[\&\:\:after\]\:pos_absolute::after { position: absolute; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:fs_1\.5em > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:fs_1\.5em > button.duplicate { font-size: 1.5em; } .\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 > :not(div),.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25::before,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25::after,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 > div > :not(.delete-group) { opacity: 0.25; } .\[\&_li\]\:d_flex li { display: flex; } .\[\&_h3\]\:fw_normal h3 { font-weight: var(--font-weights-normal); } .\[\&_h3\]\:as_center h3 { align-self: center; } .\[\&_h3\]\:fs_1rem h3 { font-size: 1rem; } .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; } .disabled\:op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; } .\[\&_\.frame-container\]\:bx-sh_8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\) .frame-container { box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15); } .\[\&_\.frame-container\]\:pos_relative .frame-container { position: relative; } .\[\&_\.options\]\:bx-s_border-box .options { box-sizing: border-box; } .\[\&_\>_span\]\:d_block > span { display: block; } .\[\&_input\]\:bx-s_border-box input { box-sizing: border-box; } .\[\&_input\]\:c_white input { color: var(--colors-white); } .\[\&_input\]\:fs_16px input { font-size: 16px; } .\[\&_svg\]\:c_white svg,.\[\&_\>_div\]\:c_white > div,.\[\&_ul\]\:c_white ul { color: var(--colors-white); } .\[\&_ul\]\:cursor_pointer ul { cursor: pointer; } .\[\&_\>_ul\]\:bx-s_border-box > ul { box-sizing: border-box; } .\[\&_\>_ul\]\:d_block > ul { display: block; } .\[\&_\>_ul\]\:flex-d_column > ul { flex-direction: column; } .\[\&_\>_\*\]\:leading_1\.5rem > * { line-height: 1.5rem; } .\[\&_\>_\*\]\:pos_absolute > * { position: absolute; } .\[\&_\>_span\]\:ta_left > span { text-align: left; } .\[\&_\>_span\]\:tov_ellipsis > span { text-overflow: ellipsis; } .\[\&_\>_svg\]\:op_0\.8 > svg { opacity: 0.8; } .\[\&_h3\]\:fs_0\.875rem h3 { font-size: 0.875rem; } .\[\&_h3\]\:leading_1rem h3 { line-height: 1rem; } .\[\&_h3\]\:ta_center h3 { text-align: center; } .\[\&_h3\]\:tt_uppercase h3 { text-transform: uppercase; } .\[\&_\>_div\:first-child\]\:leading_24px > div:first-child { line-height: 24px; } .\[\&_button\]\:pos_absolute button { position: absolute; } .\[\&_h4\]\:bg-c_rgba\(0\,_0\,_0\,_0\.15\) h4 { background-color: rgba(0, 0, 0, 0.15); } .\[\&_ul\]\:ta_left ul { text-align: left; } .\[\&\.codeless\]\:grid-tr_1fr.codeless { grid-template-rows: 1fr; } .\[\&\:nth-child\(even\)\]\:bg-c_stories-bg:nth-child(even) { background-color: var(--colors-stories-bg); } .\[\&\:nth-child\(odd\)\]\:bg-c_stories-card:nth-child(odd) { background-color: var(--colors-stories-card); } .\[\&\[data-state\=active\]\]\:c_stories-fg[data-state=active] { color: var(--colors-stories-fg); } .\[\&\[data-state\=active\]\]\:bg-c_zinc\.100[data-state=active] { background-color: var(--colors-zinc-100); } .placeholder\:c_stories-muted::placeholder,.placeholder\:c_stories-muted[data-placeholder] { color: var(--colors-stories-muted); } .after\:c_error::after { color: var(--colors-error); } .after\:content_\"_\*\"::after { content: " *"; } .disabled\:bg-c_grey\.lighten-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { background-color: var(--colors-grey-lighten-4); } .placeholder\:c_grey\.lighten-1::placeholder,.placeholder\:c_grey\.lighten-1[data-placeholder] { color: grey.lighten-1; } .readOnly\:op_0\.7:is(:read-only, [data-read-only], [aria-readonly=true]) { opacity: 0.7; } .before\:c_brand::before { color: var(--colors-brand); } .before\:content_\"•\"::before { content: "•"; } .disabled\:pointer-events_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; } .\[\&\.disabled\]\:op_0\.5.disabled { opacity: 0.5; } .\[\&\.smart-scroll\]\:pos_relative.smart-scroll { position: relative; } .\[\&\:\:-webkit-scrollbar\]\:d_none::-webkit-scrollbar { display: none; } .\[\&_li\]\:bx-s_border-box li { box-sizing: border-box; } .\[\&_li\]\:cursor_pointer li { cursor: pointer; } .\[\&_li\]\:d_inline-block li { display: inline-block; } .\[\&_li\]\:fs_14px li { font-size: 14px; } .\[\&_li\]\:fw_500 li { font-weight: 500; } .\[\&_li\]\:leading_48px li { line-height: 48px; } .\[\&_li\]\:ta_center li { text-align: center; } .\[\&_li\]\:tt_uppercase li { text-transform: uppercase; } .\[\&_li\]\:tch-a_manipulation li { touch-action: manipulation; } .\[\&\.disabled\]\:op_0\.38.disabled { opacity: 0.38; } .\[\&\:not\(\.disabled\)\]\:cursor_pointer:not(.disabled) { cursor: pointer; } .\[\&_\>_div\]\:bx-s_content-box > div { box-sizing: content-box; } .\[\&_\>_div\]\:va_middle > div { vertical-align: middle; } .\[\&_input\]\:d_block input { display: block; } .\[\&_input\]\:op_0 input { opacity: 0; } .\[\&_input\]\:pos_absolute input { position: absolute; } .\[\&_\*\]\:cursor_pointer * { cursor: pointer; } .\[\&_\*\]\:us_none * { -webkit-user-select: none; user-select: none; } .\[\&_\>_span\.close\]\:c_\#a6a6a6 > span.close { color: #a6a6a6; } .\[\&_\>_span\.close\]\:d_inline-block > span.close { display: inline-block; } .\[\&_\>_span\.close\]\:op_1 > span.close { opacity: 1; } .\[\&_\>_span\.close\]\:tsh_none > span.close { text-shadow: none; } .\[\&_\>_span\.title\]\:c_rgba\(0\,_0\,_0\,_0\.87\) > span.title { color: rgba(0, 0, 0, 0.87); } .\[\&_\>_span\.title\]\:d_inline-block > span.title { display: inline-block; } .\[\&_\>_span\.title\]\:fs_13px > span.title { font-size: 13px; } .\[\&_\>_span\.title\]\:leading_15px > span.title { line-height: 15px; } .\[\&_\>_span\.title\]\:va_top > span.title { vertical-align: top; } .\[\&_\>_svg\]\:c_white > svg { color: var(--colors-white); } .\[\&_\>_svg\]\:d_inline-block > svg { display: inline-block; } .\[\&_\>_svg\]\:font-style_normal > svg { font-style: normal; } .\[\&_\>_svg\]\:ta_center > svg { text-align: center; } .\[\&_svg\]\:fs_24px\! svg { font-size: 24px !important; } .\[\&_svg\]\:fs_24px svg { font-size: 24px; } .\[\&_\>_div\]\:bx-s_border-box > div { box-sizing: border-box; } .\[\&\.disabled\]\:op_0.disabled { opacity: 0; } .\[\&\:\:-moz-range-thumb\]\:op_0::-moz-range-thumb { opacity: 0; } .\[\&\:\:-moz-range-track\]\:d_none::-moz-range-track { display: none; } .\[\&\:\:-moz-range-track\]\:-moz-appearance_none::-moz-range-track { -moz-appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:op_0::-webkit-slider-thumb { opacity: 0; } .\[\&\:\:-webkit-slider-thumb\]\:-webkit-appearance_none::-webkit-slider-thumb { -webkit-appearance: none; } .\[\&\:after\]\:bx-s_border-box:after { box-sizing: border-box; } .\[\&\:after\]\:content_\'\':after { content: ''; } .\[\&\:after\]\:d_block:after { display: block; } .\[\&\:after\]\:pos_relative:after { position: relative; } .\[\&\:after\]\:trs-dur_200ms:after { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&\:before\]\:content_\'\':before { content: ''; } .\[\&\:before\]\:d_block:before { display: block; } .\[\&\:before\]\:op_0\.2:before { opacity: 0.2; } .\[\&\:before\]\:pos_absolute:before { position: absolute; } .\[\&\:before\]\:trs-dur_200ms:before { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&\.focus\]\:op_1.focus { opacity: 1; } .\[\&\:before\]\:trf_rotate\(45deg\):before { transform: rotate(45deg); } .\[\&\:before\]\:z_0:before { z-index: 0; } .\[\&_\>_span\]\:c_white > span { color: var(--colors-white); } .\[\&_\>_span\]\:pos_relative > span { position: relative; } .\[\&_\>_span\]\:z_1 > span { z-index: 1; } .\[\&_\.snackbar\]\:bg-c_\#212121 .snackbar { background-color: #212121; } .\[\&_\.snackbar\]\:bx-sh_rgba\(0\,_0\,_0\,_0\.2\)_0px_3px_5px_-1px\,_rgba\(0\,_0\,_0\,_0\.14\)_0px_6px_10px_0px\,_rgba\(0\,_0\,_0\,_0\.12\)_0px_1px_18px_0px .snackbar { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; } .\[\&_\.snackbar\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .snackbar { color: rgba(255, 255, 255, 0.87); } .\[\&_\.snackbar\]\:fs_1rem .snackbar { font-size: 1rem; } .\[\&_\.snackbar\]\:fw_500 .snackbar { font-weight: 500; } .\[\&\.form_li\]\:fs_2em.form li { font-size: 2em; } .\[\&_li\]\:d_inline li { display: inline; } .\[\&_\>_div\]\:op_0\.85 > div { opacity: 0.85; } .\[\&_div\.ripple\]\:op_0 div.ripple { opacity: 0; } .\[\&_\*\]\:bx-s_content-box * { box-sizing: content-box; } .\[\&_i\]\:fs_24px i { font-size: 24px; } .\[\&_label\]\:fs_12px label { font-size: 12px; } .\[\&_label\]\:pos_absolute label { position: absolute; } .\[\&_textarea\]\:bx-s_border-box textarea { box-sizing: border-box; } .\[\&_textarea\]\:resize_both textarea { resize: both; } .\[\&_\>_div\]\:fw_normal > div { font-weight: var(--font-weights-normal); } .\[\&_\>_div\]\:leading_1rem > div { line-height: 1rem; } .\[\&_\.loading-bar\]\:pos_absolute .loading-bar { position: absolute; } .\[\&_\.loading-bar\]\:z_9 .loading-bar { z-index: 9; } .\[\&\.no-shadow\]\:bx-sh_none.no-shadow { box-shadow: none; } .\[\&_\.search-button\,_\&_\.close-button\]\:c_rgba\(255\,255\,255\,0\.7\) .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:c_rgba\(255\,255\,255\,0\.7\) .close-button { color: rgba(255,255,255,0.7); } .\[\&_\.search-button\,_\&_\.close-button\]\:cursor_pointer .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:cursor_pointer .close-button { cursor: pointer; } .\[\&_\.search-button\,_\&_\.close-button\]\:fs_1\.5em .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:fs_1\.5em .close-button { font-size: 1.5em; } .\[\&_\.search-button\,_\&_\.close-button\]\:pos_absolute .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:pos_absolute .close-button { position: absolute; } .\[\&_\.search-button\,_\&_\.close-button\]\:z_1 .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:z_1 .close-button { z-index: 1; } .\[\&\.searching\]\:c_black.searching { color: var(--colors-black); } .\[\&\.transparent\]\:bx-sh_none.transparent { box-shadow: none; } .\[\&\.transparent\]\:c_\#444.transparent { color: #444; } .\[\&_span\.input\]\:pos_absolute span.input { position: absolute; } .\[\&_i\,_\&_svg\]\:bx-s_border-box i,.\[\&_i\,_\&_svg\]\:bx-s_border-box svg { box-sizing: border-box; } .\[\&_i\,_\&_svg\]\:cursor_pointer i,.\[\&_i\,_\&_svg\]\:cursor_pointer svg { cursor: pointer; } .\[\&_i\,_\&_svg\]\:pos_relative i,.\[\&_i\,_\&_svg\]\:pos_relative svg { position: relative; } .\[\&_i\,_\&_svg\]\:us_none i,.\[\&_i\,_\&_svg\]\:us_none svg { -webkit-user-select: none; user-select: none; } .\[\&_i\,_\&_svg\]\:va_top i,.\[\&_i\,_\&_svg\]\:va_top svg { vertical-align: top; } .\[\&_i\,_\&_svg\]\:-webkit-tap-highlight-color_transparent i,.\[\&_i\,_\&_svg\]\:-webkit-tap-highlight-color_transparent svg { -webkit-tap-highlight-color: transparent; } .\[\&_i\,_\&_svg\]\:z_0 i,.\[\&_i\,_\&_svg\]\:z_0 svg { z-index: 0; } .\[\&\:after\]\:pos_absolute:after { position: absolute; } .\[\&\:after\]\:z_-1:after { z-index: -1; } .\[\&\:after\]\:content_\'\\25BC\':after { content: '\25BC'; } .\[\&\:after\]\:fs_12px:after { font-size: 12px; } .\[\&_span\.filter\]\:fs_13px span.filter { font-size: 13px; } .\[\&_span\.filter\]\:leading_18px span.filter { line-height: 18px; } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:fs_40px .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:fs_40px .back-button { font-size: 40px; } .\[\&_button\]\:c_var\(--text-colour\,_white\) button { color: var(--text-colour, white); } .\[\&_button\]\:cursor_pointer button { cursor: pointer; } .\[\&_button\]\:us_none button { -webkit-user-select: none; user-select: none; } .\[\&\:disabled\]\:op_0\.5:disabled { opacity: 0.5; } .\[\&\:not\(\.disabled\)_\*\]\:cursor_pointer:not(.disabled) * { cursor: pointer; } .\[\&_\.config\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .config { color: rgba(0, 0, 0, 0.87); } .\[\&_\.config\]\:pos_relative .config { position: relative; } .\[\&\.mini-mobile\]\:grid-tc_1fr.mini-mobile { grid-template-columns: 1fr; } .\[\&_\.sidebar\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .sidebar { color: rgba(255, 255, 255, 0.87); } .\[\&_\*\]\:-webkit-touch-callout_none * { -webkit-touch-callout: none; } .\[\&_\*\]\:-webkit-user-select_none * { -webkit-user-select: none; } .\[\&_\.component-container\]\:d_flex .component-container { display: flex; } .\[\&_\.datepicker-ani-above-enter\]\:op_0 .datepicker-ani-above-enter { opacity: 0; } .\[\&_\.datepicker-ani-above-enter\]\:trf_translate\(245px\,_150px\)_scale\(0\) .datepicker-ani-above-enter { transform: translate(245px, 150px) scale(0); } .\[\&_\.datepicker-ani-above-enter-active\]\:op_1 .datepicker-ani-above-enter-active { opacity: 1; } .\[\&_\.datepicker-ani-above-enter-active\]\:trf_translate\(0\,_0\%\)_scale\(1\) .datepicker-ani-above-enter-active { transform: translate(0, 0%) scale(1); } .\[\&_\.datepicker-ani-above-leave\]\:op_1 .datepicker-ani-above-leave { opacity: 1; } .\[\&_\.datepicker-ani-above-leave\]\:trf_translate\(0\,_0\)_scale\(1\) .datepicker-ani-above-leave { transform: translate(0, 0) scale(1); } .\[\&_\.datepicker-ani-above-leave-active\]\:op_0 .datepicker-ani-above-leave-active { opacity: 0; } .\[\&_\.datepicker-ani-above-leave-active\]\:trf_translate\(245px\,_150px\)_scale\(0\) .datepicker-ani-above-leave-active { transform: translate(245px, 150px) scale(0); } .\[\&_\.datepicker-ani-enter\]\:op_0 .datepicker-ani-enter { opacity: 0; } .\[\&_\.datepicker-ani-enter\]\:trf_translate\(245px\,_-150px\)_scale\(0\) .datepicker-ani-enter { transform: translate(245px, -150px) scale(0); } .\[\&_\.datepicker-ani-enter-active\]\:op_1 .datepicker-ani-enter-active { opacity: 1; } .\[\&_\.datepicker-ani-enter-active\]\:trf_translate\(0\,_0\%\)_scale\(1\) .datepicker-ani-enter-active { transform: translate(0, 0%) scale(1); } .\[\&_\.datepicker-ani-exit\]\:op_1 .datepicker-ani-exit { opacity: 1; } .\[\&_\.datepicker-ani-exit\]\:trf_translate\(0\,_0\)_scale\(1\) .datepicker-ani-exit { transform: translate(0, 0) scale(1); } .\[\&_\.datepicker-ani-exit-active\]\:op_0 .datepicker-ani-exit-active { opacity: 0; } .\[\&_\.datepicker-ani-exit-active\]\:trf_translate\(245px\,_-150px\)_scale\(0\) .datepicker-ani-exit-active { transform: translate(245px, -150px) scale(0); } .\[\&_\.datepicker-input\]\:bx-s_border-box .datepicker-input { box-sizing: border-box; } .\[\&_\.datepicker-input\]\:c_\#555 .datepicker-input { color: #555; } .\[\&_\.datepicker-input-container\]\:ff_\'Roboto\' .datepicker-input-container { font-family: 'Roboto'; } .\[\&_\.datepicker-input-container\]\:pos_relative .datepicker-input-container { position: relative; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:c_black > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:c_black > .arrow::before { color: var(--colors-black); } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:pos_absolute > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:pos_absolute > .arrow::before { position: absolute; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow::before { z-index: -1; } .\[\&_\>_\.arrow\:\:before\]\:content_\'\' > .arrow::before { content: ''; } .\[\&_\>_\.arrow\:\:before\]\:trf_rotate\(45deg\) > .arrow::before { transform: rotate(45deg); } .\[\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow::before { z-index: -1; } .\[\&_i\]\:c_\#999 i { color: #999; } .\[\&_i\]\:fs_1\.5em i { font-size: 1.5em; } .\[\&_input\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.87\) input { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.87); } .\[\&_input\]\:ff_Roboto input { font-family: Roboto; } .\[\&_input\]\:leading_16px input { line-height: 16px; } .\[\&_input\]\:pos_relative input { position: relative; } .\[\&_input\]\:-webkit-appearance_none input { -webkit-appearance: none; } .\[\&\.active\]\:fs_12px.active { font-size: 12px; } .\[\&\.focus\]\:c_var\(--primary-colour\,_\#1976d2\).focus { color: var(--primary-colour, #1976d2); } .\[\&_\.content\]\:bx-s_border-box .content { box-sizing: border-box; } .\[\&_\.content\]\:d_inline-block .content { display: inline-block; } .\[\&_\.content\]\:pos_absolute .content { position: absolute; } .\[\&_\.content\]\:-webkit-tap-highlight-color_rgba\(255\,_255\,_255\,_0\) .content { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .\[\&_\.content\]\:z_1 .content { z-index: 1; } .\[\&_\.ripple\]\:bg-c_rgba\(0\,_0\,_0\,_0\.16\) .ripple { background-color: rgba(0, 0, 0, 0.16); } .\[\&_\.ripple\]\:d_block .ripple { display: block; } .\[\&_\.ripple\]\:pos_absolute .ripple { position: absolute; } .\[\&_\.ripple\]\:z_2 .ripple { z-index: 2; } .\[\&\.polyfill\]\:pos_fixed.polyfill { position: fixed; } .\[\&\.polyfill\]\:z_300.polyfill { z-index: 300; } .\[\&_\#modalContainer_\.backdrop\]\:pos_fixed #modalContainer .backdrop { position: fixed; } .\[\&\.polyfill\]\:d_block.polyfill { display: block; } .\[\&\.polyfill\]\:z_3000.polyfill { z-index: 3000; } .\[\&_\.timepicker\]\:d_grid .timepicker { display: grid; } .\[\&_\.timepicker\]\:grid-tr_auto_auto_auto .timepicker { grid-template-rows: auto auto auto; } .before\:bg-c_beedee-brand::before { background-color: var(--colors-beedee-brand); } .before\:content_\"\"::before { content: ""; } .before\:d_block::before { display: block; } .before\:flex-sh_0::before { flex-shrink: 0; } .placeholder\:c_gray\.400::placeholder,.placeholder\:c_gray\.400[data-placeholder] { color: var(--colors-gray-400); } .\[\&\:\:-webkit-slider-thumb\]\:ap_none::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:bg-c_brand::-webkit-slider-thumb { background-color: var(--colors-brand); } .\[\&\:\:-webkit-slider-thumb\]\:cursor_pointer::-webkit-slider-thumb { cursor: pointer; } .\[\&\.w-form-control\]\:bg-cp_padding-box.w-form-control { background-clip: padding-box; -webkit-background-clip: padding-box; } .\[\&\.w-form-control\]\:bg-c_\#fff.w-form-control { background-color: #fff; } .\[\&\.w-form-control\]\:c_\#495057.w-form-control { color: #495057; } .\[\&\.w-form-control\]\:fw_400.w-form-control { font-weight: 400; } .\[\&\.w-form-control\]\:leading_1\.2.w-form-control { line-height: 1.2; } .\[\&\.w-form-control\]\:z_0.w-form-control { z-index: 0; } .\[\&_\.svg-inline--fa\]\:fs_30px .svg-inline--fa { font-size: 30px; } .\[\&_\.mdc-top-app-bar__title_\>_a\]\:d_none .mdc-top-app-bar__title > a { display: none; } .\[\&_input\]\:c_beedee-text input { color: var(--colors-beedee-text); } .\[\&_input\]\:ff_\'DM_Sans\'\,_sans-serif input { font-family: 'DM Sans', sans-serif; } .\[\&_input\]\:fs_\.8rem input { font-size: .8rem; } .\[\&_svg\]\:c_beedee-label svg { color: var(--colors-beedee-label); } .\[\&_svg\]\:pointer-events_none svg { pointer-events: none; } .\[\&_svg\]\:pos_absolute svg { position: absolute; } .\[\&\:last-child\]\:ta_right:last-child { text-align: right; } .\[\&_\.overlay\]\:pointer-events_none .overlay { pointer-events: none; } .\[\&_\.overlay\]\:pos_absolute .overlay { position: absolute; } .\[\&_img\]\:pos_relative img { position: relative; } .\[\&_img\]\:z_1 img { z-index: 1; } .\[\&_\.footer-link\]\:c_white .footer-link { color: var(--colors-white); } .\[\&_\.footer-main-standard\]\:bg-c_rgb\(25\,_29\,_31\) .footer-main-standard { background-color: rgb(25, 29, 31); } .\[\&_\.footer-main-standard\]\:c_rgb\(210\,_204\,_212\) .footer-main-standard { color: rgb(210, 204, 212); } .\[\&_\.footer-main-standard\]\:fs_14px .footer-main-standard { font-size: 14px; } .\[\&_\.footer-main-standard-copy\]\:c_rgb\(210\,_204\,_212\) .footer-main-standard-copy { color: rgb(210, 204, 212); } .\[\&_\.footer-main-standard-copy\]\:fs_12px .footer-main-standard-copy { font-size: 12px; } .\[\&_\.footer-main-standard-copy\]\:leading_25px .footer-main-standard-copy { line-height: 25px; } .\[\&_\.row\]\:d_flex .row { display: flex; } .\[\&_img\.profile-pic\]\:obj-f_cover img.profile-pic { object-fit: cover; } .\[\&_\.btn\]\:bg-c_\#e99151 .btn { background-color: #e99151; } .\[\&_\.btn\]\:c_white .btn { color: var(--colors-white); } .\[\&_\.btn\]\:cursor_pointer .btn { cursor: pointer; } .\[\&_\.btn\]\:fs_14px .btn { font-size: 14px; } .\[\&_\.btn\]\:fw_500 .btn { font-weight: 500; } .\[\&_\.btn\]\:tracking_1px .btn { letter-spacing: 1px; } .\[\&_\.btn\]\:leading_1em .btn { line-height: 1em; } .\[\&_\.btn\.approve\]\:bg-c_rgb\(0\,_113\,_140\) .btn.approve { background-color: rgb(0, 113, 140); } .\[\&_\.ref\]\:c_rgb\(0\,_113\,_140\) .ref { color: rgb(0, 113, 140); } .\[\&_\.ref\]\:fs_20px .ref { font-size: 20px; } .\[\&_svg\]\:c_\#999 svg { color: #999; } .\[\&_svg\]\:flex-sh_0 svg { flex-shrink: 0; } .placeholder\:c_\#aaa::placeholder,.placeholder\:c_\#aaa[data-placeholder] { color: #aaa; } .\[\&_svg\]\:op_0\.9 svg { opacity: 0.9; } .\[\&_svg\]\:c_\#1ba360 svg { color: #1ba360; } .\[\&_\>_\:first-child\]\:order_2 > :first-child { order: 2; } .\[\&_\>_\:last-child\]\:order_1 > :last-child { order: 1; } .placeholder\:c_beedee-label::placeholder,.placeholder\:c_beedee-label[data-placeholder] { color: var(--colors-beedee-label); } .disabled\:op_0\.35:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.35; } .\[\&_\.section-header\]\:fw_bold .section-header { font-weight: var(--font-weights-bold); } .\[\&\.approve\]\:bg-c_rgb\(0\,_113\,_140\).approve { background-color: rgb(0, 113, 140); } .\[\&_\.footer-contact\]\:c_\#1a1a2e .footer-contact { color: #1a1a2e; } .\[\&_\.footer-contact\]\:ff_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-contact { font-family: 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-contact\]\:fs_14px .footer-contact { font-size: 14px; } .\[\&_\.footer-contact\]\:leading_1\.6 .footer-contact { line-height: 1.6; } .\[\&_\.footer-content\]\:ai_center .footer-content { align-items: center; } .\[\&_\.footer-content\]\:d_flex .footer-content { display: flex; } .\[\&_\.footer-content\]\:flex-d_column .footer-content { flex-direction: column; } .\[\&_\.footer-content\]\:ta_center .footer-content { text-align: center; } .\[\&_\.footer-link\]\:c_\#039BE5 .footer-link { color: #039BE5; } .\[\&_\.footer-link\]\:ff_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-link { font-family: 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-link\]\:fs_13px .footer-link { font-size: 13px; } .\[\&_\.footer-links\]\:d_flex .footer-links { display: flex; } .\[\&_\.footer-title\]\:c_\#1a1a2e .footer-title { color: #1a1a2e; } .\[\&_\.footer-title\]\:ff_\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-title { font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-title\]\:fs_18px .footer-title { font-size: 18px; } .\[\&_\.footer-title\]\:fw_600 .footer-title { font-weight: 600; } .\[\&_h1\]\:fs_14px h1 { font-size: 14px; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:c_\#F68C29\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:c_\#F68C29\! .nav-item > h1 { color: #F68C29 !important; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:d_none .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:d_none .nav-item > h1 { display: none; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:fs_14px\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:fs_14px\! .nav-item > h1 { font-size: 14px !important; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:tt_uppercase .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:tt_uppercase .nav-item > h1 { text-transform: uppercase; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:c_\#3B7189\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:c_\#3B7189\! .nav-item .nav-item > h2 { color: #3B7189 !important; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:d_none .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:d_none .nav-item .nav-item > h2 { display: none; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:fs_2rem\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:fs_2rem\! .nav-item .nav-item > h2 { font-size: 2rem !important; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:tt_unset\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:tt_unset\! .nav-item .nav-item > h2 { text-transform: unset !important; } .\[\&_span_\>_span\]\:fs_1rem span > span { font-size: 1rem; } .\[\&_span_\>_span\]\:fw_bold span > span { font-weight: var(--font-weights-bold); } .\[\&_\.WF_Table__Grid\]\:fs_1rem .WF_Table__Grid { font-size: 1rem; } .\[\&_\.form-page-form\]\:flex-g_1 .form-page-form { flex-grow: 1; } .\[\&\.has-chart\]\:grid-tc_auto_auto_1fr.has-chart { grid-template-columns: auto auto 1fr; } .\[\&_\.extended-link-icon\]\:white-space_nowrap .extended-link-icon { white-space: nowrap; } .\[\&_\.group-icon\]\:cursor_pointer .group-icon { cursor: pointer; } .\[\&_\.group-icon\]\:pos_relative .group-icon { position: relative; } .\[\&_table_\.fa-filter\]\:d_none table .fa-filter { display: none; } .\[\&_h1\]\:c_unset h1 { color: unset; } .\[\&_\>_svg\]\:d_block > svg { display: block; } .\[\&_\>_svg\]\:pos_relative > svg { position: relative; } .\[\&\.active\]\:fw_600.active { font-weight: 600; } .\[\&\.active\,_\&\.is-editing\]\:op_1.active,.\[\&\.active\,_\&\.is-editing\]\:op_1.is-editing { opacity: 1; } .\[\&\.can-click\,_\&\.is-editing\]\:cursor_pointer.can-click,.\[\&\.can-click\,_\&\.is-editing\]\:cursor_pointer.is-editing { cursor: pointer; } .\[\&\.active\]\:d_block.active { display: block; } .\[\&\.field-value\]\:d_grid.field-value { display: grid; } .\[\&\.field-value\]\:grid-tr_24px_1fr.field-value { grid-template-rows: 24px 1fr; } .\[\&_input\]\:c_var\(--accent-text-colour\) input { color: var(--accent-text-colour); } .\[\&_svg\.fa-times\]\:pos_absolute svg.fa-times { position: absolute; } .\[\&_\>_div\]\:va_top > div { vertical-align: top; } .\[\&_\>_span\.filter-name\]\:d_inline-block > span.filter-name { display: inline-block; } .\[\&_\>_span\.filter-name\]\:va_top > span.filter-name { vertical-align: top; } .\[\&_\>_svg\,_\&_\>_div\]\:bx-s_border-box > svg,.\[\&_\>_svg\,_\&_\>_div\]\:bx-s_border-box > div { box-sizing: border-box; } .\[\&_\>_svg\,_\&_\>_div\]\:cursor_pointer > svg,.\[\&_\>_svg\,_\&_\>_div\]\:cursor_pointer > div { cursor: pointer; } .\[\&_div\.title\]\:as_center div.title { align-self: center; } .\[\&_div\.title\]\:d_flex div.title { display: flex; } .\[\&_ul\]\:as_end ul { align-self: end; } .\[\&_\>_svg\]\:cursor_pointer > svg { cursor: pointer; } .\[\&_\>_div\]\:ta_right > div { text-align: right; } .\[\&_\>_div\]\:trf-o_center > div { transform-origin: center; } .\[\&_\>_div\]\:ta_center > div { text-align: center; } .\[\&_\>_button\]\:c_var\(--text-colour\) > button { color: var(--text-colour); } .\[\&_\.action-container\]\:d_grid .action-container { display: grid; } .\[\&_\.action-container\]\:fs_0\.8125rem .action-container { font-size: 0.8125rem; } .\[\&_\.action-container\]\:grid-tc_auto_1fr .action-container { grid-template-columns: auto 1fr; } .\[\&_\.custom-select\]\:d_inline-block .custom-select { display: inline-block; } .\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-bar,.\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-area,.\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-line { cursor: pointer; } .\[\&_table_tr_td\:first-child\]\:ta_left table tr td:first-child { text-align: left; } .\[\&_table_tr_td\:last-child\]\:fw_bold table tr td:last-child { font-weight: var(--font-weights-bold); } .\[\&_table_tr_td\:last-child\]\:ta_right table tr td:last-child { text-align: right; } .\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center p { text-align: center; } .\[\&_pre\]\:fs_0\.875rem pre { font-size: 0.875rem; } .\[\&_a\]\:c_inherit a { color: inherit; } .\[\&_a\]\:d_block a { display: block; } .\[\&_a\]\:leading_18px a { line-height: 18px; } .\[\&_a_svg\]\:c_\#1565c0 a svg { color: #1565c0; } .\[\&_a_svg\]\:d_none a svg { display: none; } .\[\&_h3\]\:op_0\.5 h3 { opacity: 0.5; } .\[\&_\>_div\.disabled\]\:order_1 > div.disabled { order: 1; } .\[\&_\>_div\.disabled_h3\]\:op_0\.5 > div.disabled h3 { opacity: 0.5; } .\[\&_\.icon-container_svg\]\:c_var\(--accent-background-colour\) .icon-container svg { color: var(--accent-background-colour); } .\[\&_h4\]\:fs_1\.25rem h4 { font-size: 1.25rem; } .\[\&_h4\]\:fw_normal h4 { font-weight: var(--font-weights-normal); } .\[\&_button\]\:ta_center button { text-align: center; } .\[\&_\>_label\]\:ai_center > label { align-items: center; } .\[\&_\>_label\]\:d_flex > label { display: flex; } .\[\&_ul_li\]\:bx-s_border-box ul li { box-sizing: border-box; } .\[\&_ul_li_\.active\]\:c_\#4CAF50 ul li .active { color: #4CAF50; } .\[\&_ul_li_button\:not\(\.active\)\]\:c_var\(--accent-background-colour\) ul li button:not(.active) { color: var(--accent-background-colour); } .\[\&_button\:not\(\.close\)\]\:c_var\(--text-colour\) button:not(.close) { color: var(--text-colour); } .\[\&_li_\.active\]\:c_\#4CAF50 li .active { color: #4CAF50; } .\[\&_li_button\:not\(\.active\)\]\:c_var\(--accent-background-colour\) li button:not(.active) { color: var(--accent-background-colour); } .\[\&_h1\]\:fs_24px h1 { font-size: 24px; } .\[\&_h2\]\:fs_20px h2 { font-size: 20px; } .\[\&_input\]\:c_var\(--text-colour\) input,.\[\&_span\.label\]\:c_var\(--text-colour\) span.label { color: var(--text-colour); } .\[\&_\>_li\]\:c_var\(--accent-text-colour\) > li { color: var(--accent-text-colour); } .\[\&_\>_li\]\:cursor_pointer > li { cursor: pointer; } .\[\&_\>_li\]\:fs_1rem > li { font-size: 1rem; } .\[\&_\>_div\]\:d_grid > div { display: grid; } .\[\&_\>_div\]\:grid-tc_1fr_1fr > div { grid-template-columns: 1fr 1fr; } .\[\&_\>_div_\>_label\]\:d_block > div > label { display: block; } .\[\&_\>_ul_\>_li\]\:cursor_pointer > ul > li { cursor: pointer; } .\[\&_\>_ul_\>_li\]\:us_none > ul > li { -webkit-user-select: none; user-select: none; } .\[\&\.disabled_\.layout-preview\]\:op_0\.5.disabled .layout-preview { opacity: 0.5; } .\[\&_\.layout-preview\]\:op_0\.75 .layout-preview { opacity: 0.75; } .\[\&_h2\]\:fs_1\.25rem h2 { font-size: 1.25rem; } .\[\&_h2\]\:tracking_2px h2 { letter-spacing: 2px; } .\[\&_h2\]\:ta_center h2 { text-align: center; } .\[\&_fieldset_legend\]\:d_inline fieldset legend { display: inline; } .\[\&_fieldset_legend\]\:fs_1rem fieldset legend { font-size: 1rem; } .\[\&_\>_ul_\>_li\]\:bx-s_border-box > ul > li { box-sizing: border-box; } .\[\&_\>_ul_\>_li\]\:fs_14px > ul > li { font-size: 14px; } .\[\&_\>_ul_\>_li\]\:leading_16px > ul > li { line-height: 16px; } .\[\&_\>_ul_\>_li\.active\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li.active { background-color: rgba(0, 0, 0, 0.025); } .\[\&_\>_ul_\>_li_button\]\:d_block > ul > li button { display: block; } .\[\&_\>_ul_\>_li_button\]\:float_right > ul > li button { float: right; } .\[\&_\>_ul_\>_li_button\]\:ta_right > ul > li button { text-align: right; } .\[\&_\>_ul_\>_li\.active\]\:bg-c_\#1565c0 > ul > li.active { background-color: #1565c0; } .\[\&_\>_ul_\>_li\.active\]\:c_white > ul > li.active { color: var(--colors-white); } .\[\&_\>_ul_\>_li_span\]\:d_block > ul > li span { display: block; } .\[\&_\>_ul_\>_li_span\]\:float_right > ul > li span { float: right; } .\[\&_\>_ul_\>_li_span\]\:ta_right > ul > li span { text-align: right; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:ai_center > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:ai_center > svg { align-items: center; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bx-s_content-box > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bx-s_content-box > svg { box-sizing: content-box; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:cursor_pointer > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:cursor_pointer > svg { cursor: pointer; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:d_flex > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:d_flex > svg { display: flex; } .\[\&_a\]\:c_unset a { color: unset; } .\[\&_svg\]\:bx-s_content-box svg { box-sizing: content-box; } .\[\&_svg\]\:d_inline-block svg { display: inline-block; } .\[\&_svg\]\:va_top svg { vertical-align: top; } .\[\&_a\]\:c_var\(--sidebar-header-text-colour\) a { color: var(--sidebar-header-text-colour); } .\[\&_span\]\:cursor_pointer span { cursor: pointer; } .\[\&_span\]\:d_inline-block span { display: inline-block; } .\[\&_span\]\:ta_center span { text-align: center; } .\[\&_\.action-container_\>_svg\]\:bx-s_content-box .action-container > svg { box-sizing: content-box; } .\[\&_\.action-container_\>_svg\]\:cursor_pointer .action-container > svg { cursor: pointer; } .\[\&_span\:last-child\]\:float_right span:last-child { float: right; } .\[\&_ul\]\:bx-s_border-box ul { box-sizing: border-box; } .\[\&_li\]\:bg-c_var\(--tab-item-inactive-colour\) li { background-color: var(--tab-item-inactive-colour); } .\[\&_li\]\:c_var\(--tab-item-text-colour\) li { color: var(--tab-item-text-colour); } .\[\&_li\]\:fs_0\.85rem li { font-size: 0.85rem; } .\[\&_li\]\:leading_20px li { line-height: 20px; } .\[\&_li\]\:pos_relative li { position: relative; } .\[\&_li\]\:ta_left li { text-align: left; } .\[\&_li\.open\]\:bg-c_var\(--tab-item-active-colour\) li.open { background-color: var(--tab-item-active-colour); } .\[\&_li\.open\]\:c_var\(--tab-item-text-active-colour\) li.open { color: var(--tab-item-text-active-colour); } .\[\&_li\.unsaved_svg\.close\]\:d_none li.unsaved svg.close { display: none; } .\[\&_li_div\.name-container\]\:d_inline-block li div.name-container { display: inline-block; } .\[\&_li_div\.name-container_\>_span\:last-child\]\:fs_0\.75rem li div.name-container > span:last-child { font-size: 0.75rem; } .\[\&_li_div\.name-container_span\]\:d_block li div.name-container span { display: block; } .\[\&_li_div\.name-container_span\]\:tov_ellipsis li div.name-container span { text-overflow: ellipsis; } .\[\&_li_div\.name-container_span\]\:white-space_nowrap li div.name-container span { white-space: nowrap; } .\[\&_li_svg\.close\]\:d_none li svg.close { display: none; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:pos_absolute li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:pos_absolute li svg.unsaved,.\[\&_li_svg\.file-type\]\:pos_absolute li svg.file-type { position: absolute; } .\[\&_li_svg\.unsaved\]\:d_inline-block li svg.unsaved { display: inline-block; } .\[\&_\>_span\:last-child\]\:fs_0\.75rem > span:last-child { font-size: 0.75rem; } .\[\&_span\]\:tov_ellipsis span { text-overflow: ellipsis; } .\[\&_span\]\:white-space_nowrap span { white-space: nowrap; } .\[\&_svg\.close\]\:d_none svg.close { display: none; } .\[\&_div\.content_\>_label\]\:c_rgba\(0\,_0\,_0\,_0\.62\) div.content > label { color: rgba(0, 0, 0, 0.62); } .\[\&_div\.content_\>_label\]\:ff_var\(--font-family-sans\,_\"Montserrat\"\) div.content > label { font-family: var(--font-family-sans, "Montserrat"); } .\[\&_div\.content_\>_label\]\:fs_16px div.content > label { font-size: 16px; } .\[\&_div\.content_\>_label\]\:fw_normal div.content > label { font-weight: var(--font-weights-normal); } .\[\&_div\.content_\>_label\]\:leading_16px div.content > label { line-height: 16px; } .\[\&_div\.content_\>_label\]\:ta_left div.content > label { text-align: left; } .\[\&_header\]\:c_white header { color: var(--colors-white); } .\[\&_header\]\:fw_500 header { font-weight: 500; } .\[\&_header\]\:leading_48px header { line-height: 48px; } .\[\&_header\]\:us_none header { -webkit-user-select: none; user-select: none; } .\[\&_\>_label\]\:c_rgba\(0\,_0\,_0\,_0\.62\) > label { color: rgba(0, 0, 0, 0.62); } .\[\&_\>_label\]\:ff_var\(--font-family-sans\,_\"Montserrat\"\) > label { font-family: var(--font-family-sans, "Montserrat"); } .\[\&_\>_label\]\:fs_16px > label { font-size: 16px; } .\[\&_\>_label\]\:fw_normal > label { font-weight: var(--font-weights-normal); } .\[\&_\>_label\]\:leading_16px > label { line-height: 16px; } .\[\&_\>_label\]\:ta_left > label { text-align: left; } .\[\&_\.markdown\]\:fw_normal .markdown { font-weight: var(--font-weights-normal); } .\[\&_\.tooltip\]\:c_black .tooltip { color: var(--colors-black); } .\[\&_\.tooltip\]\:fs_1rem .tooltip { font-size: 1rem; } .\[\&_svg\]\:cursor_pointer svg { cursor: pointer; } .\[\&_\.double-fields\]\:d_flex .double-fields,.\[\&_\.quintuple-fields\]\:d_flex .quintuple-fields,.\[\&_\.triple-fields\]\:d_flex .triple-fields { display: flex; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:pos_relative > div > div > .nav-item { position: relative; } .\[\&_h3\]\:c_\#4464A1 h3 { color: #4464A1; } .\[\&_span\.radio_\.label\]\:ff_Montserrat\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\" span.radio .label { font-family: Montserrat, "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .\[\&_\.info-panel\]\:pos_sticky .info-panel { position: sticky; } .\[\&_\.info-panel\]\:z_1 .info-panel { z-index: 1; } .\[\&_\.svg-container\]\:pos_absolute .svg-container { position: absolute; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--background-complete--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--character-1--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--character-2--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Floor--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Lines--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Plant--inject-3 { animation-delay: 0s; } .\[\&_svg\#freepik_stories-high-five\:not\(\.animated\)_\.animable\]\:op_0 svg#freepik_stories-high-five:not(.animated) .animable { opacity: 0; } .\[\&_\>_\.icon\]\:bx-s_content-box > .icon { box-sizing: content-box; } .\[\&_\>_\.icon\]\:cursor_pointer > .icon { cursor: pointer; } .\[\&_\>_\.icon\]\:d_inline-block > .icon { display: inline-block; } .\[\&_\>_\.extra\]\:c_rgba\(0\,_0\,_0\,_0\.65\) > .extra { color: rgba(0, 0, 0, 0.65); } .\[\&_\>_h1\]\:c_rgb\(0\,_82\,_194\) > h1 { color: rgb(0, 82, 194); } .\[\&_\>_h1\]\:d_inline-block > h1 { display: inline-block; } .\[\&_\>_svg\]\:va_baseline\! > svg { vertical-align: baseline !important; } .\[\&_\.wysiwyg-editor\]\:ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\"\! .wysiwyg-editor { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .\[\&_\.wysiwyg-editor\]\:fs_1rem .wysiwyg-editor { font-size: 1rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:pos_relative > div > div .nav-item { position: relative; } .\[\&_\.info-panel\]\:d_none .info-panel { display: none; } .\[\&_\.dropdown\]\:pos_absolute\! .dropdown,.\[\&_\.fa-caret-down\]\:pos_absolute\! .fa-caret-down { position: absolute !important; } .\[\&\.coloured\:not\(\.flat\)\]\:c_var\(--text-colour\,_white\).coloured:not(.flat) { color: var(--text-colour, white); } .\[\&\.flat\]\:bx-sh_none.flat { box-shadow: none; } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:bg-c_\#ffffff:not(.coloured),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:bg-c_\#ffffff.flat { background-color: #ffffff; } .\[\&\,_\&_\*\]\:cursor_pointer,.\[\&\,_\&_\*\]\:cursor_pointer * { cursor: pointer; } .\[\&\,_\&_\*\]\:us_none,.\[\&\,_\&_\*\]\:us_none * { -webkit-user-select: none; user-select: none; } .\[\&\.animated_\.fifth-gear\]\:anim-dly_400ms.animated .fifth-gear { animation-delay: 400ms; } .\[\&\.animated_\.fourth-gear\]\:anim-dly_300ms.animated .fourth-gear { animation-delay: 300ms; } .\[\&\.animated_\.second-gear\]\:anim-dly_100ms.animated .second-gear { animation-delay: 100ms; } .\[\&\.animated_\.sixth-gear\]\:anim-dly_500ms.animated .sixth-gear { animation-delay: 500ms; } .\[\&\.animated_\.third-gear\]\:anim-dly_200ms.animated .third-gear { animation-delay: 200ms; } .\[\&_\.part\]\:fill_\#0096d2 .part { fill: #0096d2; } .\[\&\.white\.animated_\.part\]\:anim-n_ANI-WHITE.white.animated .part { animation-name: ANI-WHITE; } .\[\&\.white_\.part\]\:fill_white.white .part,.\[\&\:not\(\.animated\)_\.part\]\:fill_white:not(.animated) .part { fill: var(--colors-white); } .\[\&_\.active-plane\]\:d_block .active-plane { display: block; } .\[\&_\.active-plane\]\:pos_absolute .active-plane { position: absolute; } .\[\&_\.active-plane\]\:z_1 .active-plane { z-index: 1; } .\[\&_\.back-plane\]\:d_block .back-plane { display: block; } .\[\&_\.back-plane\]\:pos_absolute .back-plane { position: absolute; } .\[\&_\.back-plane\]\:z_0 .back-plane { z-index: 0; } .\[\&_\.input\]\:-moz-appearance_none .input { -moz-appearance: none; } .\[\&_\.input\]\:pos_relative .input { position: relative; } .\[\&_\.input\]\:-webkit-appearance_none .input { -webkit-appearance: none; } .\[\&_\.input\]\:z_10 .input { z-index: 10; } .\[\&_\.label\]\:fs_16px .label { font-size: 16px; } .\[\&_\.label\]\:op_0\.8 .label { opacity: 0.8; } .\[\&_\.label\]\:pos_absolute .label { position: absolute; } .\[\&_\.pointer\]\:d_block .pointer { display: block; } .\[\&_\.pointer\]\:pos_absolute .pointer { position: absolute; } .\[\&_\.pointer\]\:z_2 .pointer { z-index: 2; } .\[\&_\.tooltip\]\:fs_16px .tooltip { font-size: 16px; } .\[\&_\.tooltip\]\:leading_40px .tooltip { line-height: 40px; } .\[\&_\.tooltip\]\:op_0 .tooltip { opacity: 0; } .\[\&_\.tooltip\]\:pos_absolute .tooltip { position: absolute; } .\[\&_\.tooltip\]\:ta_center .tooltip { text-align: center; } .\[\&_\.value-label\]\:bx-s_border-box .value-label { box-sizing: border-box; } .\[\&_\.value-label\]\:fs_16px .value-label { font-size: 16px; } .\[\&_\.value-label\]\:fw_500 .value-label { font-weight: 500; } .\[\&_\.value-label\]\:leading_32px .value-label { line-height: 32px; } .\[\&_\.value-label\]\:pos_absolute .value-label { position: absolute; } .\[\&_\.value-label\]\:ta_center .value-label { text-align: center; } .\[\&\.open\]\:op_0\.25.open { opacity: 0.25; } .\[\&\.open\]\:pointer-events_unset.open { pointer-events: unset; } .\[\&\.open\]\:bx-sh_0_16px_24px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_30px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_8px_10px_rgba\(0\,_0\,_0\,_0\.2\).open { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2); } .\[\&\.open\]\:vis_visible.open,.\[\&\.scroll-transition\]\:vis_visible.scroll-transition { visibility: visible; } .\[\&_\*\]\:cursor_default * { cursor: default; } .\[\&\.complete\:not\(\.disabled\)_\.submit-overlay\]\:op_0.complete:not(.disabled) .submit-overlay { opacity: 0; } .\[\&\.loading\:not\(\.disabled\)_\.submit-overlay\]\:op_1.loading:not(.disabled) .submit-overlay { opacity: 1; } .\[\&_\.submit-loader\]\:bx-s_content-box .submit-loader { box-sizing: content-box; } .\[\&_\.submit-loader\]\:c_white .submit-loader { color: var(--colors-white); } .\[\&_\.submit-loader\]\:cursor_pointer .submit-loader { cursor: pointer; } .\[\&_\.submit-loader\]\:d_inline-block .submit-loader { display: inline-block; } .\[\&_\.submit-loader\]\:fw_bold .submit-loader { font-weight: var(--font-weights-bold); } .\[\&_\.submit-loader\]\:pos_relative .submit-loader { position: relative; } .\[\&_\.submit-loader\]\:tt_uppercase .submit-loader { text-transform: uppercase; } .\[\&_\.submit-overlay\]\:bx-s_content-box .submit-overlay { box-sizing: content-box; } .\[\&_\.submit-overlay\]\:op_0 .submit-overlay { opacity: 0; } .\[\&_\.submit-overlay\]\:pos_absolute .submit-overlay { position: absolute; } .\[\&\:not\(\.disabled\)_\.submit-loader\]\:bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\):not(.disabled) .submit-loader { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .\[\&_\.button-container\]\:d_block .button-container { display: block; } .\[\&_\.button-container\]\:op_0 .button-container { opacity: 0; } .\[\&_\.button-container\]\:pos_relative .button-container { position: relative; } .\[\&_\.button-container\]\:z_0 .button-container { z-index: 0; } .\[\&_\.toast\]\:bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\) .toast { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .\[\&_\.toast\]\:c_white .toast { color: var(--colors-white); } .\[\&_\.toast\]\:pos_relative .toast { position: relative; } .\[\&_\.toast\]\:ta_center .toast { text-align: center; } .\[\&_\.toast\]\:z_1 .toast { z-index: 1; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white.coloured .card-header,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white .card-header.coloured,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white.coloured { color: var(--colors-white); } .\[\&_\.card-actions\]\:pos_absolute .card-actions { position: absolute; } .\[\&_\.fab\]\:bx-sh_0_1px_1\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_1px_0_rgba\(0\,_0\,_0\,_0\.24\) .fab { box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .\[\&_\.fab\]\:cursor_pointer .fab { cursor: pointer; } .\[\&_\.fab\]\:pos_absolute .fab { position: absolute; } .\[\&_\.fab\]\:z_1 .fab { z-index: 1; } .\[\&\.sticky\]\:pos_sticky.sticky { position: sticky; } .\[\&\.sticky\]\:z_900.sticky { z-index: 900; } .\[\&_\.subtitle\]\:c_\#aeaeae .subtitle { color: #aeaeae; } .\[\&_\.subtitle\]\:fs_12px .subtitle { font-size: 12px; } .\[\&_\.title\]\:fs_17px .title { font-size: 17px; } .\[\&_\>_\*\]\:cursor_default > * { cursor: default; } .\[\&_\>_\*\]\:us_none > * { -webkit-user-select: none; user-select: none; } .\[\&_\>_\*\]\:-webkit-user-select_none > * { -webkit-user-select: none; } .\[\&_\.card-tabs-content\]\:pos_relative .card-tabs-content { position: relative; } .\[\&\.coloured_\>_ul_li\]\:c_rgba\(255\,_255\,_255\,_0\.5\).coloured > ul li { color: rgba(255, 255, 255, 0.5); } .\[\&\.small_\>_ul_li\]\:fw_normal.small > ul li { font-weight: var(--font-weights-normal); } .\[\&_\.tab\]\:d_inline-block .tab { display: inline-block; } .\[\&_\>_ul\]\:d_flex > ul { display: flex; } .\[\&\.vertical\]\:flex-d_column.vertical { flex-direction: column; } .\[\&_\.disabled\]\:c_black .disabled { color: var(--colors-black); } .\[\&_table\]\:bd-cl_collapse table { border-collapse: collapse; } .\[\&_table\]\:bd-sp_0 table { border-spacing: var(--spacing-0); } .\[\&_table\]\:tbl_fixed table { table-layout: fixed; } .\[\&_table\]\:ta_right table { text-align: right; } .\[\&_\.datepicker-input-container\]\:ff_Roboto .datepicker-input-container { font-family: Roboto; } .\[\&_\.error-label\]\:c_\#f44336 .error-label { color: #f44336; } .\[\&_\.error-label\]\:fs_12px .error-label { font-size: 12px; } .\[\&_\.error-label\]\:leading_12px .error-label { line-height: 12px; } .\[\&_\.error-label\]\:pos_absolute .error-label { position: absolute; } .\[\&_\.label\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\) .label { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\[\&_\.label\]\:ff_Roboto .label { font-family: Roboto; } .\[\&_\.label\]\:fw_normal .label { font-weight: var(--font-weights-normal); } .\[\&_\.label\]\:leading_16px .label { line-height: 16px; } .\[\&_\.label\]\:ta_left .label { text-align: left; } .\[\&\.active\]\:op_1.active { opacity: 1; } .\[\&\.active\]\:op_0.active { opacity: 0; } .\[\&\.showMenu\]\:d_block.showMenu { display: block; } .\[\&\.showMenu\]\:op_1.showMenu { opacity: 1; } .\[\&_\.slide-right-back-enter\]\:pos_fixed .slide-right-back-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:pos_fixed .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:pos_fixed .slide-right-back-leave { position: fixed; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\) .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\) .slide-right-back-leave { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:z_20 .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:z_20 .slide-right-back-leave { z-index: 20; } .\[\&_\.slide-right-exit\]\:pos_fixed .slide-right-exit { position: fixed; } .\[\&_\.slide-right-exit\]\:z_19 .slide-right-exit { z-index: 19; } .disabled\:bg-c_gray\.50:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { background-color: var(--colors-gray-50); } .\[\&_\>_a\]\:pl_32px > a { padding-left: 32px; } .\[\&_h6\]\:mb_4px h6 { margin-bottom: 4px; } .\[\&_hr\]\:h_1px hr { height: 1px; } .\[\&_\>_ul\]\:max-h_32px > ul { max-height: 32px; } .\[\&_\>_ul_li\]\:h_32px > ul li { height: 32px; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:h_100vh .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:h_100vh .transition-enter { height: 100vh; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:w_100vw .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:w_100vw .transition-enter { width: 100vw; } .\[\&_\>_\*\]\:h_100vh > * { height: 100vh; } .\[\&_\>_\*\]\:ov-y_auto > * { overflow-y: auto; } .\[\&_span\.input\]\:w_calc\(100\%_-_8px\) span.input { width: calc(100% - 8px); } .\[\&_span\.input_input\]\:w_100\% span.input input { width: 100%; } .\[\&_\>_div\]\:top_-100\% > div { top: -100%; } .\[\&_\>_div\]\:w_100vw > div { width: 100vw; } .\[\&_\>_div_\>_img\]\:h_128px > div > img { height: 128px; } .\[\&_\>_div_\>_img\]\:mt_32px > div > img { margin-top: 32px; } .\[\&_\>_div_\>_img\]\:max-h_128px > div > img { max-height: 128px; } .\[\&_\.logo\]\:h_96px .logo { height: 96px; } .\[\&_\.logo\]\:mt_16px .logo { margin-top: 16px; } .\[\&_\.logo\]\:w_96px .logo { width: 96px; } .\[\&_\.title\]\:mt_16px .title { margin-top: 16px; } .\[\&_td\:first-of-type\]\:w_100px td:first-of-type { width: 100px; } .\[\&_\>_span\]\:ml_12px > span { margin-left: 12px; } .\[\&_\.button-container\]\:bottom_0 .button-container { bottom: var(--spacing-0); } .\[\&_\.button-container\]\:left_0 .button-container { left: var(--spacing-0); } .\[\&_\.button-container\]\:right_0 .button-container { right: var(--spacing-0); } .\[\&_\.filter-inputs\]\:pt_24px .filter-inputs { padding-top: 24px; } .\[\&_span\]\:h_2px span { height: 2px; } .\[\&_span\]\:left_14px span { left: 14px; } .\[\&_span\]\:right_14px span { right: 14px; } .\[\&_span\]\:top_calc\(50\%_-_2px\) span { top: calc(50% - 2px); } .\[\&_\.action-container\]\:right_16px .action-container { right: 16px; } .\[\&_\.action-container\]\:top_12px .action-container { top: 12px; } .\[\&_\.dev-message\]\:left_0 .dev-message { left: var(--spacing-0); } .\[\&_\.dev-message\]\:right_0 .dev-message { right: var(--spacing-0); } .\[\&_\.dev-message\]\:top_0 .dev-message { top: var(--spacing-0); } .\[\&_\.dev-message\]\:w_100vw .dev-message { width: 100vw; } .\[\&_h1\]\:left_80px h1 { left: 80px; } .\[\&_\.notification-area-container\]\:h_700px .notification-area-container { height: 700px; } .\[\&_\.notification-area-container\]\:w_500px .notification-area-container { width: 500px; } .\[\&_\.counter\]\:left_18px .counter { left: 18px; } .\[\&_\.counter\]\:top_-8px .counter { top: -8px; } .\[\&_svg\]\:mt_-8px\! svg { margin-top: -8px !important; } .\[\&_button\]\:ml_8px button { margin-left: 8px; } .\[\&_hr\]\:mb_12px hr { margin-bottom: 12px; } .\[\&_li\]\:pl_32px li { padding-left: 32px; } .\[\&_ul\.file-list-contents\]\:pl_0px ul.file-list-contents { padding-left: 0px; } .\[\&_\.perspective-overlay\]\:bottom_0px .perspective-overlay { bottom: 0px; } .\[\&_\.perspective-overlay\]\:left_0px .perspective-overlay { left: 0px; } .\[\&_\.perspective-overlay\]\:right_0px .perspective-overlay { right: 0px; } .\[\&_\.perspective-overlay\]\:top_0px .perspective-overlay { top: 0px; } .\[\&_\.terms-description\]\:mb_8px .terms-description { margin-bottom: 8px; } .\[\&_ul\]\:h_100\% ul { height: 100%; } .\[\&_ul\]\:ov-y_scroll ul { overflow-y: scroll; } .\[\&\:\:before\]\:h_calc\(100\%_\+_6px\)::before { height: calc(100% + 6px); } .\[\&\:\:before\]\:left_26px::before { left: 26px; } .\[\&\:\:before\]\:top_0::before { top: var(--spacing-0); } .\[\&\:\:before\]\:w_4px::before { width: 4px; } .\[\&_button\]\:pt_0px button { padding-top: 0px; } .\[\&_svg\]\:top_4px svg { top: 4px; } .\[\&\:\:before\]\:h_50\%::before { height: 50%; } .\[\&_\>_button\]\:ml_-8px > button { margin-left: -8px; } .\[\&_\>_button\]\:mr_8px > button { margin-right: 8px; } .\[\&_\>_button\]\:w_96px > button { width: 96px; } .\[\&_\>_input\]\:h_32px > input { height: 32px; } .\[\&_\>_div\]\:w_100\% > div { width: 100%; } .\[\&_\>_div_\.filter-group\]\:ml_32px > div .filter-group { margin-left: 32px; } .\[\&_\>_div_\.filter-group\]\:pl_16px > div .filter-group { padding-left: 16px; } .\[\&\:\:after\]\:h_95px::after { height: 95px; } .\[\&\:\:after\]\:left_30px::after { left: 30px; } .\[\&\:\:after\]\:top_-6px::after { top: -6px; } .\[\&\:\:after\]\:w_4px::after { width: 4px; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:h_48px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:h_48px > button.duplicate { height: 48px; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:w_48px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:w_48px > button.duplicate { width: 48px; } .\[\&_\>_\:nth-of-type\(2\)\]\:w_240px > :nth-of-type(2) { width: 240px; } .\[\&_span\.input\]\:w_100\% span.input { width: 100%; } .\[\&_\>_ul\]\:h_100\% > ul { height: 100%; } .\[\&_select\]\:w_100\% select { width: 100%; } .\[\&_\.frame-container\]\:mb_50vh .frame-container { margin-bottom: 50vh; } .\[\&_\.options\]\:max-w_320px .options { max-width: 320px; } .\[\&_\>_span\]\:min-h_22px > span { min-height: 22px; } .\[\&_\>_span\]\:pl_calc\(var\(--padding-left\,_0px\)_\+_4px_\+_8px\) > span { padding-left: calc(var(--padding-left, 0px) + 4px + 8px); } .\[\&_input\]\:ml_12px input { margin-left: 12px; } .\[\&_input\]\:w_calc\(100\%_-_40px\) input { width: calc(100% - 40px); } .\[\&_ul\]\:w_320px ul { width: 320px; } .\[\&_\>_ul\]\:min-w_200px > ul { min-width: 200px; } .\[\&_\>_ul\]\:ov-x_hidden > ul { overflow-x: hidden; } .\[\&_\>_ul\]\:ov-y_hidden > ul,.\[\&_\.component-container\]\:ov-y_hidden .component-container { overflow-y: hidden; } .\[\&_\>_div\]\:h_100\% > div { height: 100%; } .\[\&_\>_div\]\:ov-y_scroll > div { overflow-y: scroll; } .\[\&_\>_\*\]\:right_4px > * { right: 4px; } .\[\&_\>_\*\]\:top_0\.125em > * { top: 0.125em; } .\[\&_\>_\:nth-child\(2\)\]\:ov-y_scroll > :nth-child(2) { overflow-y: scroll; } .\[\&_\>_span\]\:w_100\% > span { width: 100%; } .\[\&_\>_svg\]\:h_70\% > svg { height: 70%; } .\[\&_h3\]\:mb_0 h3 { margin-bottom: var(--spacing-0); } .\[\&_button\]\:h_unset button { height: unset; } .\[\&_\>_div\:first-child\]\:max-w_120px > div:first-child { max-width: 120px; } .\[\&_button\]\:h_25px button { height: 25px; } .\[\&_button\]\:right_9px button { right: 9px; } .\[\&_button\]\:top_5px button { top: 5px; } .\[\&_button\]\:w_40px button { width: 40px; } .\[\&_\:global\(span\.input\)\]\:h_24px :global(span.input) { height: 24px; } .\[\&_\:global\(span\.input\)\]\:mb_0px :global(span.input) { margin-bottom: 0px; } .\[\&_\:global\(span\.input\)\]\:mt_0px :global(span.input) { margin-top: 0px; } .\[\&\[data-state\=active\]\]\:bd-b-c_stories-accent-primary[data-state=active] { border-bottom-color: var(--colors-stories-accent-primary); } .after\:ml_1::after { margin-left: var(--spacing-1); } .before\:mr_8px::before { margin-right: 8px; } .\[\&\.has-dropdown\]\:pr_16px.has-dropdown { padding-right: 16px; } .\[\&\.smart-scroll\]\:top_0px.smart-scroll { top: 0px; } .\[\&_li\]\:h_48px li { height: 48px; } .\[\&_li\]\:max-w_264px li { max-width: 264px; } .\[\&_li\]\:min-w_100px li { min-width: 100px; } .\[\&_\>_div\]\:h_20px > div { height: 20px; } .\[\&_\>_div\]\:w_20px > div { width: 20px; } .\[\&_input\]\:bottom_0 input { bottom: var(--spacing-0); } .\[\&_input\]\:h_28px input { height: 28px; } .\[\&_input\]\:left_-2px input { left: -2px; } .\[\&_input\]\:right_0 input { right: var(--spacing-0); } .\[\&_input\]\:top_-2px input { top: -2px; } .\[\&_input\]\:w_28px input { width: 28px; } .\[\&_\>_span\.close\]\:mr_3px > span.close { margin-right: 3px; } .\[\&_\>_span\.close\]\:mt_5px > span.close { margin-top: 5px; } .\[\&_\>_svg\]\:h_32px > svg { height: 32px; } .\[\&_\>_svg\]\:w_32px > svg { width: 32px; } .\[\&_svg\]\:ml_8px svg { margin-left: 8px; } .\[\&_svg\]\:mt_8px svg { margin-top: 8px; } .\[\&_\>_div\]\:h_24px > div { height: 24px; } .\[\&_\>_div\]\:w_24px > div { width: 24px; } .\[\&\.has-value-label\]\:w_calc\(100\%_-_64px\).has-value-label { width: calc(100% - 64px); } .\[\&\.has-value-label\]\:w_calc\(100\%_-_48px\).has-value-label { width: calc(100% - 48px); } .\[\&\:\:-moz-range-thumb\]\:w_20px::-moz-range-thumb { width: 20px; } .\[\&\:\:-webkit-slider-thumb\]\:h_24px::-webkit-slider-thumb { height: 24px; } .\[\&\:\:-webkit-slider-thumb\]\:ml_2px::-webkit-slider-thumb { margin-left: 2px; } .\[\&\:\:-webkit-slider-thumb\]\:w_24px::-webkit-slider-thumb { width: 24px; } .\[\&\:after\]\:h_20px:after { height: 20px; } .\[\&\:after\]\:left_0px:after { left: 0px; } .\[\&\:after\]\:top_0px:after { top: 0px; } .\[\&\:after\]\:w_20px:after { width: 20px; } .\[\&\:before\]\:h_20px:before { height: 20px; } .\[\&\:before\]\:left_0px:before { left: 0px; } .\[\&\:before\]\:top_0px:before { top: 0px; } .\[\&\:before\]\:w_20px:before { width: 20px; } .\[\&\.focus\]\:top_-64px.focus { top: -64px; } .\[\&\:before\]\:h_100\%:before { height: 100%; } .\[\&\:before\]\:w_100\%:before { width: 100%; } .\[\&\.focus\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\).focus { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&\.open\]\:top_calc\(100\%_-_\(48px_\+_var\(--padding\)\)\).open { top: calc(100% - (48px + var(--padding))); } .\[\&_\.snackbar\]\:max-w_240px .snackbar { max-width: 240px; } .\[\&_\.snackbar\]\:w_100\% .snackbar { width: 100%; } .\[\&_\.front\]\:left_34px .front { left: 34px; } .\[\&_\>_div\]\:h_0px > div { height: 0px; } .\[\&_\>_div\]\:left_12px > div { left: 12px; } .\[\&_\>_div\]\:top_12px > div { top: 12px; } .\[\&_\>_div\]\:w_0px > div { width: 0px; } .\[\&_div\.ripple\]\:h_48px div.ripple { height: 48px; } .\[\&_div\.ripple\]\:left_-12px div.ripple { left: -12px; } .\[\&_div\.ripple\]\:top_-12px div.ripple { top: -12px; } .\[\&_div\.ripple\]\:w_48px div.ripple { width: 48px; } .\[\&_\>_div\]\:h_40px > div { height: 40px; } .\[\&_\>_div\]\:top_-4px > div { top: -4px; } .\[\&_\>_div\]\:w_60px > div { width: 60px; } .\[\&_i\]\:ml_4px i { margin-left: 4px; } .\[\&_label\]\:left_12px label { left: 12px; } .\[\&_label\]\:top_12px label { top: 12px; } .\[\&_textarea\]\:pl_10px textarea { padding-left: 10px; } .\[\&_textarea\]\:pt_32px textarea { padding-top: 32px; } .\[\&_\.close-button\]\:right_24px .close-button { right: 24px; } .\[\&\.has-tab-bar\]\:h_112px.has-tab-bar { height: 112px; } .\[\&_\.loading-bar\]\:bottom_0px .loading-bar { bottom: 0px; } .\[\&_\.loading-bar\]\:h_4px .loading-bar { height: 4px; } .\[\&_\.loading-bar\]\:left_0px .loading-bar { left: 0px; } .\[\&_\.loading-bar\]\:w_100\% .loading-bar { width: 100%; } .\[\&_\.search-button\]\:left_24px .search-button { left: 24px; } .\[\&_\.search-button\,_\&_\.close-button\]\:top_20px .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:top_20px .close-button { top: 20px; } .\[\&_span\.input\]\:left_48px span.input { left: 48px; } .\[\&_span\.input\]\:mt_12px span.input { margin-top: 12px; } .\[\&_span\.input\]\:right_12px span.input { right: 12px; } .\[\&_span\.input\]\:top_4px span.input { top: 4px; } .\[\&_span\.input\]\:w_auto span.input { width: auto; } .\[\&_\>_span\]\:mt_2px > span { margin-top: 2px; } .\[\&_i\,_\&_svg\]\:h_36px i,.\[\&_i\,_\&_svg\]\:h_36px svg { height: 36px; } .\[\&_i\,_\&_svg\]\:w_36px i,.\[\&_i\,_\&_svg\]\:w_36px svg { width: 36px; } .\[\&\:after\]\:bottom_50\%:after { bottom: 50%; } .\[\&\:after\]\:left_50\%:after { left: 50%; } .\[\&\:after\]\:right_50\%:after { right: 50%; } .\[\&\:after\]\:top_50\%:after { top: 50%; } .\[\&_svg\]\:h_24px svg { height: 24px; } .\[\&_svg\]\:w_24px svg { width: 24px; } .\[\&\:after\]\:right_0px:after { right: 0px; } .\[\&\:after\]\:top_14px:after { top: 14px; } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:pt_1px .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:pt_1px .back-button { padding-top: 1px; } .\[\&_button\]\:pl_8px button { padding-left: 8px; } .\[\&_button\]\:pr_8px button { padding-right: 8px; } .\[\&_\.config\]\:ov-y_auto .config { overflow-y: auto; } .\[\&\.mobile\]\:h_100vh.mobile { height: 100vh; } .\[\&\.mobile\]\:max-w_unset.mobile { max-width: unset; } .\[\&\.mobile\]\:min-h_unset.mobile { min-height: unset; } .\[\&\.mobile\]\:w_100vw.mobile { width: 100vw; } .\[\&_\.sidebar\]\:ov-y_auto .sidebar { overflow-y: auto; } .\[\&_\.component-container\]\:h_260px .component-container { height: 260px; } .\[\&_\.confirm-view\]\:h_44px .confirm-view { height: 44px; } .\[\&_\.confirm-view\]\:ml_calc\(130px_\+_16px\) .confirm-view { margin-left: calc(130px + 16px); } .\[\&_\.confirm-view\]\:w_calc\(100\%_-_154px\) .confirm-view { width: calc(100% - 154px); } .\[\&_\.datepicker-input\]\:h_38px .datepicker-input { height: 38px; } .\[\&_\.datepicker-input\]\:w_100\% .datepicker-input { width: 100%; } .\[\&_\.datepicker-input-container\]\:min-w_260px .datepicker-input-container { min-width: 260px; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:h_12px > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:h_12px > .arrow::before { height: 12px; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:w_12px > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:w_12px > .arrow::before { width: 12px; } .\[\&\[data-popper-placement\^\=\'bottom\'\]_\>_\.arrow\]\:top_-6px[data-popper-placement^='bottom'] > .arrow { top: -6px; } .\[\&\[data-popper-placement\^\=\'left\'\]_\>_\.arrow\]\:right_-6px[data-popper-placement^='left'] > .arrow { right: -6px; } .\[\&\[data-popper-placement\^\=\'right\'\]_\>_\.arrow\]\:left_-6px[data-popper-placement^='right'] > .arrow { left: -6px; } .\[\&\[data-popper-placement\^\=\'top\'\]_\>_\.arrow\]\:bottom_-6px[data-popper-placement^='top'] > .arrow { bottom: -6px; } .\[\&_input\]\:mb_1px input { margin-bottom: 1px; } .\[\&_input\]\:mt_4px input { margin-top: 4px; } .\[\&_input\]\:pb_4px input { padding-bottom: 4px; } .\[\&_input\]\:pt_4px input { padding-top: 4px; } .\[\&\.active\]\:top_-10px.active { top: -10px; } .\[\&_\.action-back\]\:h_100\% .action-back { height: 100%; } .\[\&_\.action-back\]\:w_100\% .action-back { width: 100%; } .\[\&_\.content\]\:h_76px .content { height: 76px; } .\[\&_\.content\]\:left_0 .content { left: var(--spacing-0); } .\[\&_\.content\]\:pl_16px .content { padding-left: 16px; } .\[\&_\.content\]\:top_0 .content { top: var(--spacing-0); } .\[\&_\.content\]\:w_100\% .content { width: 100%; } .\[\&\.polyfill\]\:bottom_0.polyfill { bottom: var(--spacing-0); } .\[\&\.polyfill\]\:left_0.polyfill { left: var(--spacing-0); } .\[\&\.polyfill\]\:right_0.polyfill { right: var(--spacing-0); } .\[\&\.polyfill\]\:top_0.polyfill { top: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:bottom_0 #modalContainer .backdrop { bottom: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:left_0 #modalContainer .backdrop { left: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:right_0 #modalContainer .backdrop { right: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:top_0 #modalContainer .backdrop { top: var(--spacing-0); } .before\:h_6px::before { height: 6px; } .before\:w_6px::before { width: 6px; } .\[\&\:\:-webkit-scrollbar\]\:w_4px::-webkit-scrollbar { width: 4px; } .last\:bd-b-w_0:last-child { border-bottom-width: 0; } .\[\&\:\:-webkit-slider-thumb\]\:h_4::-webkit-slider-thumb { height: var(--sizes-4); } .\[\&\:\:-webkit-slider-thumb\]\:w_4::-webkit-slider-thumb { width: var(--sizes-4); } .\[\&\.checkbox\]\:w_100\%.checkbox,.\[\&\.w-form-control\]\:w_100\%.w-form-control { width: 100%; } .\[\&_\.svg-inline--fa\]\:w_1em .svg-inline--fa { width: 1em; } .\[\&_input\]\:w_180px input { width: 180px; } .\[\&_svg\]\:left_9px svg { left: 9px; } .\[\&\:first-child\]\:pl_20px:first-child { padding-left: 20px; } .\[\&\:last-child\]\:pr_20px:last-child { padding-right: 20px; } .\[\&_\.overlay\]\:bottom_0 .overlay { bottom: var(--spacing-0); } .\[\&_\.overlay\]\:left_0 .overlay { left: var(--spacing-0); } .\[\&_\.overlay\]\:right_0 .overlay { right: var(--spacing-0); } .\[\&_\.overlay\]\:top_0 .overlay { top: var(--spacing-0); } .\[\&_img\]\:max-w_280px img { max-width: 280px; } .\[\&_\.extra-footer\]\:mt_100px .extra-footer { margin-top: 100px; } .\[\&_\.footer-col\]\:pl_30px .footer-col { padding-left: 30px; } .\[\&_\.footer-col\]\:pr_30px .footer-col { padding-right: 30px; } .\[\&_\.footer-main-standard\]\:ml_-32px .footer-main-standard { margin-left: -32px; } .\[\&_\.footer-main-standard\]\:mr_-32px .footer-main-standard { margin-right: -32px; } .\[\&_\.footer-main-standard\]\:pl_40px .footer-main-standard { padding-left: 40px; } .\[\&_\.footer-main-standard\]\:pr_40px .footer-main-standard { padding-right: 40px; } .\[\&_\.footer-main-standard-after\]\:ml_-32px .footer-main-standard-after { margin-left: -32px; } .\[\&_\.footer-main-standard-after\]\:mr_-32px .footer-main-standard-after { margin-right: -32px; } .\[\&_\.footer-main-standard-copy\]\:h_25px .footer-main-standard-copy { height: 25px; } .\[\&_img\.profile-pic\]\:h_80px img.profile-pic { height: 80px; } .\[\&_img\.profile-pic\]\:w_80px img.profile-pic { width: 80px; } .\[\&_img\.signature\]\:ml_-17px img.signature { margin-left: -17px; } .\[\&_img\.signature\]\:w_224px img.signature { width: 224px; } .\[\&_svg\]\:h_18px svg { height: 18px; } .\[\&_svg\]\:w_18px svg { width: 18px; } .\[\&_svg\]\:h_22px svg { height: 22px; } .\[\&_svg\]\:w_22px svg { width: 22px; } .\[\&_\.footer-content\]\:max-w_600px .footer-content { max-width: 600px; } .\[\&_\.footer-divider\]\:h_3px .footer-divider { height: 3px; } .\[\&_\.footer-divider\]\:w_60px .footer-divider { width: 60px; } .\[\&_\.footer-links\]\:mt_8px .footer-links { margin-top: 8px; } .\[\&\.text-editor\]\:min-h_150px.text-editor { min-height: 150px; } .\[\&\.text-editor\]\:min-w_300px.text-editor { min-width: 300px; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:mb_16px\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:mb_16px\! .nav-item > h1 { margin-bottom: 16px !important; } .\[\&_table\.data-grid\]\:w_auto table.data-grid { width: auto; } .\[\&_\.group-icon\]\:h_40px .group-icon { height: 40px; } .\[\&_\.group-icon\]\:w_100\% .group-icon { width: 100%; } .\[\&_\>_svg\]\:h_100\% > svg { height: 100%; } .\[\&\.active\,_\&\.is-editing\]\:pl_8px.active,.\[\&\.active\,_\&\.is-editing\]\:pl_8px.is-editing { padding-left: 8px; } .\[\&\.drop-target-next\]\:right_0.drop-target-next { right: var(--spacing-0); } .\[\&\.drop-target-previous\]\:left_-10px.drop-target-previous { left: -10px; } .\[\&\.drop-target-previous\]\:w_calc\(50\%_\+_10px\).drop-target-previous { width: calc(50% + 10px); } .\[\&\.field-value\]\:mt_-24px.field-value { margin-top: -24px; } .\[\&_li\]\:h_32px li { height: 32px; } .\[\&_input\]\:min-w_340px input { min-width: 340px; } .\[\&_svg\]\:ml_4px svg { margin-left: 4px; } .\[\&_svg\]\:mr_8px svg { margin-right: 8px; } .\[\&_svg\.fa-times\]\:h_32px svg.fa-times { height: 32px; } .\[\&_svg\.fa-times\]\:right_calc\(var\(--base-padding\)_-_2px\) svg.fa-times { right: calc(var(--base-padding) - 2px); } .\[\&_svg\.fa-times\]\:top_calc\(var\(--base-padding\)_-_2px\) svg.fa-times { top: calc(var(--base-padding) - 2px); } .\[\&_svg\.fa-times\]\:w_32px svg.fa-times { width: 32px; } .\[\&_\>_div\]\:pl_12px > div { padding-left: 12px; } .\[\&_\>_div\]\:pr_12px > div { padding-right: 12px; } .\[\&_\>_span\.filter-name\]\:mt_10px > span.filter-name { margin-top: 10px; } .\[\&_\>_svg\]\:w_41px > svg { width: 41px; } .\[\&_\>_svg\,_\&_\>_div\]\:h_41px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:h_41px > div { height: 41px; } .\[\&_\>_svg\,_\&_\>_div\]\:ml_8px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:ml_8px > div { margin-left: 8px; } .\[\&_\>_svg\,_\&_\>_div\]\:mt_6px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:mt_6px > div { margin-top: 6px; } .\[\&_ul\]\:ml_54px ul { margin-left: 54px; } .\[\&_\>_svg\]\:ml_8px > svg { margin-left: 8px; } .\[\&_\>_div\]\:h_calc\(100\%_-_var\(--gap\)\*2\) > div { height: calc(100% - var(--gap)*2); } .\[\&_\>_div\]\:w_calc\(100\%_-_var\(--gap\)\*2\) > div { width: calc(100% - var(--gap)*2); } .\[\&_\>_button\]\:w_26px > button { width: 26px; } .\[\&_\.custom-select\]\:w_240px .custom-select { width: 240px; } .\[\&_table_tr_td\:last-child\]\:w_40\% table tr td:last-child { width: 40%; } .\[\&_h3\]\:mt_16px h3 { margin-top: 16px; } .\[\&_table\]\:w_100\% table { width: 100%; } .\[\&_h4\]\:mb_16px h4 { margin-bottom: 16px; } .\[\&_h4\]\:mt_0px h4 { margin-top: 0px; } .\[\&_span\]\:mr_8px span { margin-right: 8px; } .\[\&_ul_li\]\:h_32px ul li { height: 32px; } .\[\&_\>_li\]\:pl_32px > li { padding-left: 32px; } .\[\&_\>_div\]\:mt_16px > div { margin-top: 16px; } .\[\&_\>_ul\]\:max-h_300px > ul { max-height: 300px; } .\[\&_\>_ul\]\:ov-y_auto > ul { overflow-y: auto; } .\[\&_\>_label\]\:w_100\% > label { width: 100%; } .\[\&\.layout-sidebar_\.grid\]\:w_calc\(100\%_-_16px_-_64px\).layout-sidebar .grid { width: calc(100% - 16px - 64px); } .\[\&_\>_div\]\:h_8px > div { height: 8px; } .\[\&_\>_div\]\:h_12px > div { height: 12px; } .\[\&_\>_div\]\:mr_2px > div { margin-right: 2px; } .\[\&_\>_div\]\:mt_calc\(32px_-_12px\) > div { margin-top: calc(32px - 12px); } .\[\&_\>_div\]\:w_32px > div { width: 32px; } .\[\&_fieldset\]\:mt_16px fieldset { margin-top: 16px; } .\[\&_fieldset_legend\]\:mb_0px fieldset legend { margin-bottom: 0px; } .\[\&_fieldset_legend\]\:w_unset fieldset legend { width: unset; } .\[\&_\>_ul_\>_li_button\]\:h_18px > ul > li button { height: 18px; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:h_var\(--icon-height\)\! > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:h_var\(--icon-height\)\! > svg,.\[\&_svg\]\:h_var\(--icon-height\)\! svg { height: var(--icon-height) !important; } .\[\&_svg\]\:w_var\(--icon-height\)\! svg { width: var(--icon-height) !important; } .\[\&_svg\.chevron\]\:h_calc\(var\(--icon-height\)_\*_0\.75\)\! svg.chevron { height: calc(var(--icon-height) * 0.75) !important; } .\[\&_svg\.chevron\]\:pl_var\(--padding\) svg.chevron { padding-left: var(--padding); } .\[\&_svg\.chevron\]\:w_calc\(var\(--icon-height\)_\*_0\.75\)\! svg.chevron { width: calc(var(--icon-height) * 0.75) !important; } .\[\&\.left\]\:left_12px.left { left: 12px; } .\[\&\.left\]\:mr_16px.left { margin-right: 16px; } .\[\&\.left\]\:right_unset.left { right: unset; } .\[\&_span\]\:h_24px span { height: 24px; } .\[\&_span\]\:ml_4px span { margin-left: 4px; } .\[\&_span\]\:mt_2px span { margin-top: 2px; } .\[\&_span\]\:w_24px span { width: 24px; } .\[\&_\.action-container\]\:right_8px .action-container { right: 8px; } .\[\&_\.action-container\]\:top_4px .action-container { top: 4px; } .\[\&_\.action-container\.left\]\:right_unset .action-container.left { right: unset; } .\[\&_\.action-container_\>_svg\]\:h_16px .action-container > svg { height: 16px; } .\[\&_\.action-container_\>_svg\]\:w_16px .action-container > svg { width: 16px; } .\[\&_ul\:not\(\:first-child\)\]\:mt_8px ul:not(:first-child) { margin-top: 8px; } .\[\&_li\]\:pl_12px li { padding-left: 12px; } .\[\&_li\]\:w_200px li { width: 200px; } .\[\&_li_div\.name-container\]\:ml_28px li div.name-container { margin-left: 28px; } .\[\&_li_div\.name-container\]\:mt_4px li div.name-container { margin-top: 4px; } .\[\&_li_div\.name-container_span\]\:w_120px li div.name-container span { width: 120px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:h_16px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:h_16px li svg.unsaved { height: 16px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:right_6px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:right_6px li svg.unsaved { right: 6px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:top_6px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:top_6px li svg.unsaved { top: 6px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:w_16px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:w_16px li svg.unsaved { width: 16px; } .\[\&_li_svg\.file-type\]\:h_32px li svg.file-type { height: 32px; } .\[\&_li_svg\.file-type\]\:left_20px li svg.file-type { left: 20px; } .\[\&_li_svg\.unsaved\]\:h_12px li svg.unsaved { height: 12px; } .\[\&_li_svg\.unsaved\]\:right_8px li svg.unsaved { right: 8px; } .\[\&_li_svg\.unsaved\]\:top_8px li svg.unsaved { top: 8px; } .\[\&_li_svg\.unsaved\]\:w_12px li svg.unsaved { width: 12px; } .\[\&_span\]\:w_120px span { width: 120px; } .\[\&_div\.content_\:global\(\.input\)\]\:w_calc\(100\%_-_8px\) div.content :global(.input) { width: calc(100% - 8px); } .\[\&_div\.content_\:global\(\.input\)_input\]\:w_100\% div.content :global(.input) input { width: 100%; } .\[\&_header\]\:pl_16px header { padding-left: 16px; } .\[\&_\:global\(\.input\)\]\:w_calc\(100\%_-_8px\) :global(.input) { width: calc(100% - 8px); } .\[\&_\:global\(\.input\)_input\]\:w_100\% :global(.input) input { width: 100%; } .\[\&_\.tooltip\]\:max-w_400px .tooltip { max-width: 400px; } .\[\&_\.double-fields\]\:w_100\% .double-fields,.\[\&_\.quintuple-fields\]\:w_100\% .quintuple-fields,.\[\&_\.triple-fields\]\:w_100\% .triple-fields { width: 100%; } .\[\&\.full\]\:mt_0px.full { margin-top: 0px; } .\[\&_\.info-panel\]\:mb_32px .info-panel { margin-bottom: 32px; } .\[\&_\.info-panel\]\:top_0px .info-panel { top: 0px; } .\[\&_\.info-panel\]\:w_100\% .info-panel { width: 100%; } .\[\&_\.svg-container\]\:h_400px .svg-container { height: 400px; } .\[\&_\.svg-container\]\:right_0px .svg-container { right: 0px; } .\[\&_\.svg-container\]\:top_0px .svg-container { top: 0px; } .\[\&_\.svg-container\]\:w_400px .svg-container { width: 400px; } .\[\&_\>_\.icon\]\:h_20px > .icon { height: 20px; } .\[\&_\>_\.icon\]\:ml_8px > .icon { margin-left: 8px; } .\[\&_\>_\.icon\]\:w_20px > .icon { width: 20px; } .\[\&_\>_h1\]\:ml_8px > h1 { margin-left: 8px; } .\[\&_\.wysiwyg-editor\]\:h_300px .wysiwyg-editor { height: 300px; } .\[\&_\>_\*\]\:w_100\%\! > * { width: 100% !important; } .\[\&_\.dropdown\]\:right_-4px .dropdown,.\[\&_\.fa-caret-down\]\:right_-4px .fa-caret-down { right: -4px; } .\[\&\.fill\]\:w_calc\(100\%_-_4px\).fill { width: calc(100% - 4px); } .\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:ml_-4px:not(.no-title) i,.\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:ml_-4px:not(.no-title) svg { margin-left: -4px; } .\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:mr_4px:not(.no-title) i,.\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:mr_4px:not(.no-title) svg { margin-right: 4px; } .\[\&_svg\,_\&_i\]\:mt_-2px svg,.\[\&_svg\,_\&_i\]\:mt_-2px i { margin-top: -2px; } .\[\&\.active_\>_div\:after\]\:h_12px.active > div:after { height: 12px; } .\[\&\.active_\>_div\:after\]\:left_4px.active > div:after { left: 4px; } .\[\&\.active_\>_div\:after\]\:top_4px.active > div:after { top: 4px; } .\[\&\.active_\>_div\:after\]\:w_12px.active > div:after { width: 12px; } .\[\&_\.active-plane\]\:h_4px .active-plane { height: 4px; } .\[\&_\.active-plane\]\:left_0px .active-plane { left: 0px; } .\[\&_\.active-plane\]\:ml_8px .active-plane { margin-left: 8px; } .\[\&_\.active-plane\]\:mr_8px .active-plane { margin-right: 8px; } .\[\&_\.active-plane\]\:top_10px .active-plane { top: 10px; } .\[\&_\.back-plane\]\:h_4px .back-plane { height: 4px; } .\[\&_\.back-plane\]\:left_0px .back-plane { left: 0px; } .\[\&_\.back-plane\]\:ml_8px .back-plane { margin-left: 8px; } .\[\&_\.back-plane\]\:mr_8px .back-plane { margin-right: 8px; } .\[\&_\.back-plane\]\:top_10px .back-plane { top: 10px; } .\[\&_\.back-plane\]\:w_calc\(100\%_-_16px\) .back-plane { width: calc(100% - 16px); } .\[\&_\.input\]\:h_4px .input { height: 4px; } .\[\&_\.input\]\:w_100\% .input { width: 100%; } .\[\&_\.label\]\:top_-28px .label { top: -28px; } .\[\&_\.pointer\]\:left_-2px .pointer { left: -2px; } .\[\&_\.pointer\]\:top_2px .pointer { top: 2px; } .\[\&_\.tooltip\]\:h_40px .tooltip { height: 40px; } .\[\&_\.tooltip\]\:ml_-10px .tooltip { margin-left: -10px; } .\[\&_\.tooltip\]\:top_-56px .tooltip { top: -56px; } .\[\&_\.tooltip\]\:w_40px .tooltip { width: 40px; } .\[\&_\.value-label\]\:h_32px .value-label { height: 32px; } .\[\&_\.value-label\]\:right_4px .value-label { right: 4px; } .\[\&_\.value-label\]\:top_-6px .value-label { top: -6px; } .\[\&_\.value-label\]\:w_32px .value-label { width: 32px; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\).complete:not(.disabled) .submit-loader { left: calc(var(--width) / 2 - var(--height) / 2); } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:w_var\(--height\).complete:not(.disabled) .submit-loader { width: var(--height); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\).loading:not(.disabled) .submit-loader { left: calc(var(--width) / 2 - var(--height) / 2); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:w_var\(--height\).loading:not(.disabled) .submit-loader { width: var(--height); } .\[\&_\.submit-loader\]\:h_var\(--height\) .submit-loader { height: var(--height); } .\[\&_\.submit-loader\]\:left_0px .submit-loader { left: 0px; } .\[\&_\.submit-loader\]\:w_var\(--width\) .submit-loader { width: var(--width); } .\[\&_\.submit-overlay\]\:bd-r-c_\#1976d2 .submit-overlay { border-right-color: #1976d2; } .\[\&_\.submit-overlay\]\:h_var\(--height\) .submit-overlay { height: var(--height); } .\[\&_\.submit-overlay\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)\/2\) .submit-overlay { left: calc(var(--width) / 2 - var(--height)/2); } .\[\&_\.submit-overlay\]\:top_0px .submit-overlay { top: 0px; } .\[\&_\.submit-overlay\]\:w_var\(--height\) .submit-overlay { width: var(--height); } .\[\&_\>_div\.active_\.front\]\:left_34px > div.active .front { left: 34px; } .\[\&_input\]\:h_48px input { height: 48px; } .\[\&_input\]\:left_0 input { left: var(--spacing-0); } .\[\&_input\]\:top_0 input { top: var(--spacing-0); } .\[\&_input\]\:w_100\% input { width: 100%; } .\[\&\.open\]\:bottom_32px.open { bottom: 32px; } .\[\&_\.toast\]\:h_24px .toast { height: 24px; } .\[\&_\.toast\]\:top_0px .toast { top: 0px; } .\[\&_\.toast\]\:w_320px .toast { width: 320px; } .\[\&_\.card-actions\]\:right_0px .card-actions { right: 0px; } .\[\&_\.card-actions\]\:top_0px .card-actions { top: 0px; } .\[\&_\.fab\]\:h_48px .fab { height: 48px; } .\[\&_\.fab\]\:max-h_480px .fab { max-height: 480px; } .\[\&_\.fab\]\:right_24px .fab { right: 24px; } .\[\&_\.fab\]\:w_48px .fab { width: 48px; } .\[\&\.small\]\:pb_0px.small { padding-bottom: 0px; } .\[\&\.sticky\]\:top_0px.sticky { top: 0px; } .\[\&_\.title\]\:pt_24px .title { padding-top: 24px; } .\[\&_\.title\,_\&_\.subtitle\]\:pl_32px .title,.\[\&_\.title\,_\&_\.subtitle\]\:pl_32px .subtitle { padding-left: 32px; } .\[\&\.coloured_\>_ul_li\]\:bd-b-c_transparent.coloured > ul li { border-bottom-color: var(--colors-transparent); } .\[\&\.small_\>_ul_li\]\:pb_12px.small > ul li { padding-bottom: 12px; } .\[\&_\>_ul\]\:pt_3px > ul { padding-top: 3px; } .\[\&_\.spacer\]\:h_calc\(16px_\*_2\) .spacer { height: calc(16px * 2); } .\[\&_\.spacer\]\:w_100\% .spacer { width: 100%; } .\[\&\:not\(\.vertical\)_\.fb-1\]\:min-w_calc\(8\%_-_16px_\*_2\):not(.vertical) .fb-1 { min-width: calc(8% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-2\]\:min-w_calc\(16\%_-_16px_\*_2\):not(.vertical) .fb-2 { min-width: calc(16% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-3\]\:min-w_calc\(25\%_-_16px_\*_2\):not(.vertical) .fb-3 { min-width: calc(25% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-4\]\:min-w_calc\(33\%_-_16px_\*_2\):not(.vertical) .fb-4 { min-width: calc(33% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-5\]\:min-w_calc\(42\%_-_16px_\*_2\):not(.vertical) .fb-5 { min-width: calc(42% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-6\]\:min-w_calc\(50\%_-_16px_\*_2\):not(.vertical) .fb-6 { min-width: calc(50% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-7\]\:min-w_calc\(58\%_-_16px_\*_2\):not(.vertical) .fb-7 { min-width: calc(58% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-8\]\:min-w_calc\(66\%_-_16px_\*_2\):not(.vertical) .fb-8 { min-width: calc(66% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-9\]\:min-w_calc\(75\%_-_16px_\*_2\):not(.vertical) .fb-9 { min-width: calc(75% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-10\]\:min-w_calc\(83\%_-_16px_\*_2\):not(.vertical) .fb-10 { min-width: calc(83% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-11\]\:min-w_calc\(92\%_-_16px_\*_2\):not(.vertical) .fb-11 { min-width: calc(92% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-12\]\:min-w_calc\(100\%_-_16px_\*_2\):not(.vertical) .fb-12 { min-width: calc(100% - 16px * 2); } .\[\&_\.error-label\]\:left_0px .error-label { left: 0px; } .\[\&_\.error-label\]\:top_32px .error-label { top: 32px; } .\[\&_\.label\]\:left_0px .label { left: 0px; } .\[\&_\.label\]\:top_10px .label { top: 10px; } .\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px.has-ball .title,.\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px.has-ball .subtitle { margin-left: 48px; } .\[\&\.swiped-away\]\:left_100\%.swiped-away { left: 100%; } .\[\&\.skeleton\]\:h_16px.skeleton { height: 16px; } .\[\&\.skeleton\]\:ml_8px.skeleton { margin-left: 8px; } .\[\&\.skeleton\]\:mt_4px.skeleton { margin-top: 4px; } .\[\&\.skeleton\]\:min-w_100px.skeleton { min-width: 100px; } .\[\&\.skeleton\]\:w_20\%.skeleton { width: 20%; } .\[\&\.skeleton\]\:mt_10px.skeleton { margin-top: 10px; } .\[\&\.skeleton\]\:min-w_120px.skeleton { min-width: 120px; } .\[\&\.skeleton\]\:w_25\%.skeleton { width: 25%; } .\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:left_auto.left > div > div > .react-menu,.\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:left_auto.-left > div > div > .react-menu { left: auto; } .\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:right_calc\(100\%_-_4px\).left > div > div > .react-menu,.\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:right_calc\(100\%_-_4px\).-left > div > div > .react-menu { right: calc(100% - 4px); } .\[\&_\.slide-right-back-enter\]\:h_100vh .slide-right-back-enter { height: 100vh; } .\[\&_\.slide-right-back-enter\]\:left_-10vw .slide-right-back-enter { left: -10vw; } .\[\&_\.slide-right-back-enter\]\:top_0px .slide-right-back-enter { top: 0px; } .\[\&_\.slide-right-back-enter\]\:w_100vw .slide-right-back-enter { width: 100vw; } .\[\&_\.slide-right-back-exit\]\:left_0 .slide-right-back-exit { left: var(--spacing-0); } .\[\&_\.slide-right-enter\]\:left_100vw .slide-right-enter { left: 100vw; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:h_100vh .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:h_100vh .slide-right-back-leave { height: 100vh; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:top_0 .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:top_0 .slide-right-back-leave { top: var(--spacing-0); } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:w_100vw .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:w_100vw .slide-right-back-leave { width: 100vw; } .\[\&_\.slide-right-exit\]\:h_100vh .slide-right-exit { height: 100vh; } .\[\&_\.slide-right-exit\]\:left_0 .slide-right-exit { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:top_0px .slide-right-exit { top: 0px; } .\[\&_\.slide-right-exit\]\:w_100vw .slide-right-exit { width: 100vw; } .\[\&_\>_a\:hover\,_\&_\>_a\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > a:hover,.\[\&_\>_a\:hover\,_\&_\>_a\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > a:focus { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:bg_var\(--tab-item-hover-colour\) > ul li:focus,.\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:bg_var\(--tab-item-hover-colour\) > ul li:hover { background: var(--tab-item-hover-colour); } .\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee:hover,.\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee:focus { background: #eeeeee; } .\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour\,_\#1976d2\):hover,.\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour\,_\#1976d2\):focus { background: var(--primary-colour, #1976d2); } .\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\):hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\):focus:after { background: rgba(255,255,255,0.15); } .\[\&\:hover\,_\&\:focus-visible\]\:bg_\#f44336:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bg_\#f44336:focus-visible { background: #f44336; } .\[\&\:hover\,_\&\:focus-visible\]\:bg_white:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bg_white:focus-visible { background: var(--colors-white); } .\[\&\:focus-visible\]\:bg_var\(--background-colour\):focus-visible { background: var(--background-colour); } .\[\&\:not\(\.disabled\)\:hover\,_\&\:not\(\.disabled\)\:focus-visible\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.5\):not(.disabled):hover,.\[\&\:not\(\.disabled\)\:hover\,_\&\:not\(\.disabled\)\:focus-visible\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.5\):not(.disabled):focus-visible { background: rgba(var(--accent-background-colour-rgb), 0.5); } .\[\&\:hover\,_\&\:focus\]\:trs_background-color_200ms\,_color_200ms:hover,.\[\&\:hover\,_\&\:focus\]\:trs_background-color_200ms\,_color_200ms:focus { transition: background-color 200ms, color 200ms; } .focus\:bd-c_stories-accent-primary:is(:focus, [data-focus]) { border-color: var(--colors-stories-accent-primary); } .focus\:ring_none:is(:focus, [data-focus]) { outline: var(--borders-none); } .focus\:bd-c_brand:is(:focus, [data-focus]) { border-color: var(--colors-brand); } .focus\:bd-c_form-field-focus:is(:focus, [data-focus]) { border-color: var(--colors-form-field-focus); } .focus\:bd-c_beedee-brand:is(:focus, [data-focus]) { border-color: var(--colors-beedee-brand); } .focus\:bd-c_\#f59e0b:is(:focus, [data-focus]) { border-color: #f59e0b; } .\[\&\:hover\,_\&\:focus-visible\]\:bdr_50\%:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bdr_50\%:focus-visible { border-radius: 50%; } .\[\&\:focus-visible\]\:ring_var\(--gap\)_solid_var\(--text-colour\):focus-visible { outline: var(--gap) solid var(--text-colour); } .\[\&\:hover_\>_div\,_\&\:focus_\>_div\]\:bd-w_4px:hover > div,.\[\&\:hover_\>_div\,_\&\:focus_\>_div\]\:bd-w_4px:focus > div { border-width: 4px; } .\[\&\:hover\,_\&\:focus\]\:ring_none:hover,.\[\&\:hover\,_\&\:focus\]\:ring_none:focus { outline: var(--borders-none); } .\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:c_var\(--tab-item-text-hover-colour\) > ul li:focus,.\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:c_var\(--tab-item-text-hover-colour\) > ul li:hover { color: var(--tab-item-text-hover-colour); } .\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\):hover,.\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\):focus { color: var(--text-colour, white); } .focus\:bx-sh_0_0_0_2px_rgba\(129\,140\,248\,0\.2\):is(:focus, [data-focus]) { box-shadow: 0 0 0 2px rgba(129,140,248,0.2); } .focus\:bg-c_white:is(:focus, [data-focus]) { background-color: var(--colors-white); } .focus\:bx-sh_sm:is(:focus, [data-focus]) { box-shadow: var(--shadows-sm); } .\[\&\:hover\,_\&\:focus\]\:bg-c_var\(--primary-hover-colour\,_\#1565c0\):hover,.\[\&\:hover\,_\&\:focus\]\:bg-c_var\(--primary-hover-colour\,_\#1565c0\):focus { background-color: var(--primary-hover-colour, #1565c0); } .focus\:bx-sh_0_0_0_3px_rgba\(26\,_122\,_150\,_0\.12\):is(:focus, [data-focus]) { box-shadow: 0 0 0 3px rgba(26, 122, 150, 0.12); } .\[\&\:hover\,_\&\:focus-visible\]\:c_black:hover,.\[\&\:hover\,_\&\:focus-visible\]\:c_black:focus-visible { color: var(--colors-black); } .\[\&\:focus-visible\]\:bx-sh_4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\):focus-visible { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); } .\[\&\:focus-visible\]\:trf_scale\(1\.5\):focus-visible { transform: scale(1.5); } .\[\&\:focus-visible\]\:trf-o_center:focus-visible { transform-origin: center; } .\[\&\:focus-visible\]\:c_var\(--text-colour\):focus-visible { color: var(--text-colour); } .\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled):hover .layout-preview,.\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled):focus-visible .layout-preview,.\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled).active .layout-preview { opacity: 1; } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li:focus { background-color: rgba(0, 0, 0, 0.025); } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_\#1565c0 > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_\#1565c0 > ul > li:focus { background-color: #1565c0; } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:c_white > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:c_white > ul > li:focus { color: var(--colors-white); } .focus\:bd-b-c_form-field-focus:is(:focus, [data-focus]) { border-bottom-color: var(--colors-form-field-focus); } .\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_0\%:focus:after { bottom: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:left_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:left_0\%:focus:after { left: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:right_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:right_0\%:focus:after { right: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:top_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:top_0\%:focus:after { top: 0%; } .hover\:bg_\#f0f0f0:is(:hover, [data-hover]) { background: #f0f0f0; } .hover\:bg_rgba\(255\,_255\,_255\,_0\.35\):is(:hover, [data-hover]) { background: rgba(255, 255, 255, 0.35); } .hover\:bg_rgba\(255\,_255\,_255\,_0\.1\):is(:hover, [data-hover]) { background: rgba(255, 255, 255, 0.1); } .\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\):hover { background: rgba(0, 0, 0, 0.1); } .hover\:bg_blue\.50:is(:hover, [data-hover]) { background: var(--colors-blue-50); } .hover\:bd_blue\.500:is(:hover, [data-hover]) { border: blue.500; } .hover\:bg_beedee-brand-dark:is(:hover, [data-hover]) { background: var(--colors-beedee-brand-dark); } .hover\:bg_beedee-brand-light:is(:hover, [data-hover]) { background: var(--colors-beedee-brand-light); } .hover\:bg_\#fdf0ee:is(:hover, [data-hover]) { background: #fdf0ee; } .hover\:bg_grey\.50:is(:hover, [data-hover]) { background: grey.50; } .hover\:bg_\#faf5ff:is(:hover, [data-hover]) { background: #faf5ff; } .hover\:bg_var\(--background-colour\):is(:hover, [data-hover]) { background: var(--background-colour); } .hover\:bg_\#d4d4d4:is(:hover, [data-hover]) { background: #d4d4d4; } .\[\&_span\:hover\]\:bg_rgba\(255\,_255\,_255\,_0\.5\) span:hover { background: rgba(255, 255, 255, 0.5); } .\[\&_\.action-container_\>_svg\:hover\]\:bg_white .action-container > svg:hover { background: var(--colors-white); } .hover\:bg_rgba\(255\,_255\,_255\,_0\.15\):is(:hover, [data-hover]),.\[\&_li_svg\.close\:hover\]\:bg_rgba\(255\,_255\,_255\,_0\.15\) li svg.close:hover { background: rgba(255, 255, 255, 0.15); } .\[\&\:hover\:not\(\.disabled\)_\.submit-loader\]\:bg_\#2196f3:hover:not(.disabled) .submit-loader { background: #2196f3; } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .back,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .front { border: 4px solid rgba(0, 0, 0, 0.25); } .hover\:td_underline:is(:hover, [data-hover]) { text-decoration: underline; } .hover\:bd-c_stories-accent-primary:is(:hover, [data-hover]) { border-color: var(--colors-stories-accent-primary); } .hover\:bd-c_stories-accent:is(:hover, [data-hover]) { border-color: var(--colors-stories-accent); } .hover\:bd-c_gray\.400:is(:hover, [data-hover]) { border-color: var(--colors-gray-400); } .hover\:td_none:is(:hover, [data-hover]) { text-decoration: none; } .hover\:bd-c_\#1ba360:is(:hover, [data-hover]) { border-color: #1ba360; } .hover\:bd-c_beedee-border:is(:hover, [data-hover]) { border-color: var(--colors-beedee-border); } .hover\:bd-c_beedee-brand:is(:hover, [data-hover]) { border-color: var(--colors-beedee-brand); } .hover\:bd-c_beedee-brand-mid:is(:hover, [data-hover]) { border-color: var(--colors-beedee-brand-mid); } .hover\:ring_var\(--gap\)_solid_var\(--text-colour\):is(:hover, [data-hover]) { outline: var(--gap) solid var(--text-colour); } .hover\:bdr_4px:is(:hover, [data-hover]),.\[\&_li_svg\.close\:hover\]\:bdr_4px li svg.close:hover { border-radius: 4px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bdr_16px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bdr_16px:hover:not(.disabled) > div .front { border-radius: 16px; } .hover\:c_\#1565c0:is(:hover, [data-hover]) { color: #1565c0; } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.1\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.1); } .hover\:op_1:is(:hover, [data-hover]) { opacity: 1; } .hover\:bg-c_brand-light:is(:hover, [data-hover]) { background-color: var(--colors-brand-light); } .hover\:bg-c_brand-dark:is(:hover, [data-hover]) { background-color: var(--colors-brand-dark); } .\[\&\:hover\]\:c_rgba\(255\,_255\,_255\,_1\):hover { color: rgba(255, 255, 255, 1); } .hover\:bg-c_stories-sidebar-hover:is(:hover, [data-hover]) { background-color: var(--colors-stories-sidebar-hover); } .hover\:c_stories-fg:is(:hover, [data-hover]) { color: var(--colors-stories-fg); } .\[\&\:hover\]\:bg-c_stories-sidebar-hover:hover { background-color: var(--colors-stories-sidebar-hover); } .hover\:op_0\.9:is(:hover, [data-hover]) { opacity: 0.9; } .hover\:bg-c_grey\.lighten-2:is(:hover, [data-hover]) { background-color: var(--colors-grey-lighten-2); } .hover\:bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_0_2px_1px_rgba\(0\,_0\,_0\,_0\.1\):is(:hover, [data-hover]) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 0 0 2px 1px rgba(0, 0, 0, 0.1); } .hover\:bg-c_gray\.50:is(:hover, [data-hover]) { background-color: var(--colors-gray-50); } .hover\:c_brand:is(:hover, [data-hover]) { color: var(--colors-brand); } .hover\:bg-c_gray\.200:is(:hover, [data-hover]) { background-color: var(--colors-gray-200); } .hover\:text_blue\.800:is(:hover, [data-hover]) { text: blue.800; } .hover\:c_red\.500:is(:hover, [data-hover]) { color: var(--colors-red-500); } .hover\:bg-c_gray\.100:is(:hover, [data-hover]) { background-color: var(--colors-gray-100); } .hover\:bg-c_red\.50:is(:hover, [data-hover]) { background-color: var(--colors-red-50); } .hover\:bx-sh_0_4px_12px_rgba\(26\,122\,150\,\.35\):is(:hover, [data-hover]) { box-shadow: 0 4px 12px rgba(26,122,150,.35); } .hover\:trf_translateY\(-1px\):is(:hover, [data-hover]) { transform: translateY(-1px); } .hover\:c_beedee-red:is(:hover, [data-hover]) { color: var(--colors-beedee-red); } .hover\:op_0\.8:is(:hover, [data-hover]) { opacity: 0.8; } .hover\:c_beedee-brand:is(:hover, [data-hover]) { color: var(--colors-beedee-brand); } .hover\:c_rgba\(255\,_255\,_255\,_0\.9\):is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.9); } .hover\:bx-sh_0_4px_16px_rgba\(27\,_163\,_96\,_0\.1\):is(:hover, [data-hover]) { box-shadow: 0 4px 16px rgba(27, 163, 96, 0.1); } .hover\:bx-sh_0_4px_20px_rgba\(26\,_122\,_150\,_0\.15\):is(:hover, [data-hover]) { box-shadow: 0 4px 20px rgba(26, 122, 150, 0.15); } .hover\:trf_translateY\(-2px\):is(:hover, [data-hover]) { transform: translateY(-2px); } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.22\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.22); } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.25\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.25); } .hover\:bg-c_beedee-brand-light:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-light); } .hover\:bg-c_beedee-red:is(:hover, [data-hover]) { background-color: var(--colors-beedee-red); } .hover\:bg-c_beedee-brand-mid:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-mid); } .hover\:bg-c_beedee-brand-dark:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-dark); } .hover\:bg-c_beedee-green:is(:hover, [data-hover]) { background-color: var(--colors-beedee-green); } .hover\:c_beedee-text:is(:hover, [data-hover]) { color: var(--colors-beedee-text); } .hover\:bg-c_rgba\(0\,0\,0\,0\.04\):is(:hover, [data-hover]) { background-color: rgba(0,0,0,0.04); } .hover\:bg-c_\#d97706:is(:hover, [data-hover]) { background-color: #d97706; } .hover\:bg-c_\#2563eb:is(:hover, [data-hover]) { background-color: #2563eb; } .hover\:bg-c_\#7c3aed:is(:hover, [data-hover]) { background-color: #7c3aed; } .hover\:bg-c_\#f59e0b:is(:hover, [data-hover]) { background-color: #f59e0b; } .hover\:c_white:is(:hover, [data-hover]) { color: var(--colors-white); } .\[\&_table_tr\:hover_\.fa-filter\]\:d_inline-block table tr:hover .fa-filter { display: inline-block; } .hover\:bx-sh_4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\):is(:hover, [data-hover]) { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); } .hover\:trf_scale\(1\.5\):is(:hover, [data-hover]) { transform: scale(1.5); } .hover\:trf-o_center:is(:hover, [data-hover]) { transform-origin: center; } .hover\:c_var\(--text-colour\):is(:hover, [data-hover]) { color: var(--text-colour); } .\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:bg-c_var\(--config-action-item-hover-background\) > span:not(.connection):hover,.\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:bg-c_var\(--config-action-item-hover-background\) > svg:hover { background-color: var(--config-action-item-hover-background); } .\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:c_var\(--config-action-item-text-hover-colour\) > span:not(.connection):hover,.\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:c_var\(--config-action-item-text-hover-colour\) > svg:hover { color: var(--config-action-item-text-hover-colour); } .\[\&_span\:hover_svg\]\:op_1 span:hover svg { opacity: 1; } .\[\&_\.action-container_\>_svg\:hover\]\:c_black .action-container > svg:hover { color: var(--colors-black); } .\[\&_li\:hover\:not\(\.open\)\]\:bg-c_var\(--tab-item-hover-colour\) li:hover:not(.open) { background-color: var(--tab-item-hover-colour); } .\[\&_li\:hover\:not\(\.open\)\]\:c_var\(--tab-item-text-hover-colour\) li:hover:not(.open) { color: var(--tab-item-text-hover-colour); } .\[\&_li\:hover_svg\.close\]\:c_white li:hover svg.close { color: var(--colors-white); } .\[\&_li\:hover_svg\.close\]\:d_inline-block\! li:hover svg.close { display: inline-block !important; } .\[\&_li\:hover_svg\.unsaved\]\:d_none li:hover svg.unsaved { display: none; } .\[\&\:hover\]\:bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_0_2px_1px_rgba\(0\,_0\,_0\,_0\.1\):hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 0 0 2px 1px rgba(0, 0, 0, 0.1); } .hover\:bg-c_green\.700:is(:hover, [data-hover]) { background-color: var(--colors-green-700); } .hover\:bg-c_red\.700:is(:hover, [data-hover]) { background-color: var(--colors-red-700); } .hover\:bg-c_orange\.700:is(:hover, [data-hover]) { background-color: var(--colors-orange-700); } .hover\:bg-c_green\.50:is(:hover, [data-hover]) { background-color: var(--colors-green-50); } .hover\:c_green\.600:is(:hover, [data-hover]) { color: var(--colors-green-600); } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:ml_10px.focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:ml_10px:hover:not(.disabled) > div .back { margin-left: 10px; } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:mt_0px.focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:mt_0px:hover:not(.disabled) > div .back { margin-top: 0px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:ml_-4px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:ml_-4px:hover:not(.disabled) > div .front { margin-left: -4px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:top_4px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:top_4px:hover:not(.disabled) > div .front { top: 4px; } .\[\&\:active\:after\]\:bg_rgba\(255\,255\,255\,0\.35\):active:after { background: rgba(255,255,255,0.35); } .\[\&\:active\:not\(\.disabled\)_\.submit-loader\]\:bg_\#90caf9:active:not(.disabled) .submit-loader { background: #90caf9; } .\[\&\:active\]\:bg-c_var\(--primary-active-colour\,_\#0d47a1\):active { background-color: var(--primary-active-colour, #0d47a1); } .\[\&\:active\]\:bx-sh_0_12px_17px_2px_rgba\(0\,0\,0\,0\.14\)\,_0_5px_22px_4px_rgba\(0\,0\,0\,0\.12\)\,_0_7px_8px_rgba\(0\,0\,0\,0\.2\):active { box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px rgba(0,0,0,0.2); } .active\:trf_translateY\(0\):is(:active, [data-active]) { transform: translateY(0); } .\[\&\:not\(\.flat\)\:active\]\:bx-sh_0_2px_4px_0px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_0px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_0px_rgba\(0\,_0\,_0\,_0\.4\):not(.flat):active { box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.14), 0 4px 5px 0px rgba(0, 0, 0, 0.12), 0 1px 10px 0px rgba(0, 0, 0, 0.4); } .\[\&\:active\]\:bx-sh_0_12px_17px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_5px_22px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_7px_8px_rgba\(0\,_0\,_0\,_0\.2\):active { box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px rgba(0, 0, 0, 0.2); } .\[\&\:active\:after\]\:bottom_0\%:active:after { bottom: 0%; } .\[\&\:active\:after\]\:left_0\%:active:after { left: 0%; } .\[\&\:active\:after\]\:right_0\%:active:after { right: 0%; } .\[\&\:active\:after\]\:top_0\%:active:after { top: 0%; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:bg_none .filter-group .icon-add { background: none; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:bd_none .filter-group .icon-add { border: var(--borders-none); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:p_8px .filter-group .icon-add { padding: 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:bg_none .filter-inputs .inline-logic { background: none; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:bd_none .filter-inputs .inline-logic { border: var(--borders-none); } .\[\&_\.filter-inputs\]\:after\:bg_\#bdbdbd .filter-inputs::after { background: #bdbdbd; } .\[\&_form\]\:\[\&_fieldset\]\:bd_1px_solid_rgb\(120\,_120\,_120\) form fieldset { border: 1px solid rgb(120, 120, 120); } .\[\&_form\]\:\[\&_fieldset\]\:p_8px_16px form fieldset { padding: 8px 16px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:p_12px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:p_12px .action-container i { padding: 12px; } .\[\&_\.notification-area-container\]\:\[\&\:hover\:not\(\.disabled\)\]\:bg_none .notification-area-container:hover:not(.disabled) { background: none; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:m_0px .notification-area-container ul { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:p_0px .notification-area-container ul { padding: 0px; } .\[\&_\.note-message\]\:\[\&_p\]\:m_0px .note-message p { margin: 0px; } .\[\&_li\]\:\[\&_a\]\:p_8px li a,.\[\&_ul\.file-list-contents\]\:\[\&_li\]\:p_8px ul.file-list-contents li,.\[\&_ul\]\:\[\&_li\]\:p_8px ul li { padding: 8px; } .\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee > button:hover,.\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee > button:focus { background: #eeeeee; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:bg_\#bdbdbd > div .filter-group::before { background: #bdbdbd; } .\[\&_li\]\:\[\&_\>_span\]\:p_4px li > span { padding: 4px; } .\[\&_li\]\:\[\&_label\]\:m_0px li label { margin: 0px; } .\[\&_li\]\:\[\&_label\]\:p_4px li label { padding: 4px; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:p_8px_12px > ul > li { padding: 8px 12px; } .\[\&_\>_span\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) > span:hover { background: rgba(0, 0, 0, 0.15); } .\[\&_\>_div\]\:\[\&_h1\]\:m_0px > div h1 { margin: 0px; } .\[\&_ul\]\:\[\&_li\]\:p_8px_16px ul li { padding: 8px 16px; } .\[\&_\>_ul\]\:\[\&_li\]\:bg_rgba\(0\,_0\,_0\,_0\.2\) > ul li { background: rgba(0, 0, 0, 0.2); } .\[\&_\>_ul\]\:\[\&_li\]\:p_4px_12px > ul li { padding: 4px 12px; } .\[\&_ul\]\:\[\&_li\]\:p_4px_8px ul li { padding: 4px 8px; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:p_4px > * > * { padding: 4px; } .\[\&_\.inner\]\:\[\&_button\]\:p_8px_8px .inner button { padding: 8px 8px; } .\[\&\.number-input\]\:\[\&_button\]\:bd_none.number-input button { border: var(--borders-none); } .\[\&_\>_div\]\:\[\&\:after\]\:bg_var\(--primary-colour\,_\#1976d2\) > div:after { background: var(--primary-colour, #1976d2); } .\[\&\.disabled\]\:\[\&\:after\]\:bg_rgb\(180\,_180\,_180\).disabled:after { background: rgb(180, 180, 180); } .\[\&\.disabled\]\:\[\&\:after\]\:bd_4px_solid_var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\).disabled:after { border: 4px solid var(--backgroundColor, rgb(224, 224, 224)); } .\[\&\.has-value\]\:\[\&\:before\]\:bg_var\(--primary-colour\,_\#1976d2\).has-value:before { background: var(--primary-colour, #1976d2); } .\[\&_li\]\:\[\&_svg\]\:m_0px li svg { margin: 0px; } .\[\&_\.front\]\:\[\&_\>_div\]\:bg_var\(--primary-colour\,_\#1565c0\) .front > div { background: var(--primary-colour, #1565c0); } .\[\&_i\]\:\[\&\:hover\]\:bg_\#dddddd i:hover { background: #dddddd; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:anim_loading-bar-animation_1500ms_ease-in-out_infinite .loading-bar:after { animation: loading-bar-animation 1500ms ease-in-out infinite; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:bg_var\(--text-colour\,_rgb\(255\,255\,255\)\) .loading-bar:after { background: var(--text-colour, rgb(255,255,255)); } .\[\&_span\.input\]\:\[\&_input\]\:bd_none span.input input { border: var(--borders-none); } .\[\&_span\.input\]\:\[\&_input\]\:p_8px span.input input { padding: 8px; } .\[\&_\>_span\]\:\[\&\:active\:after\]\:bg_rgba\(255\,255\,255\,0\.35\) > span:active:after { background: rgba(255,255,255,0.35); } .\[\&_\>_span\]\:\[\&\:after\]\:bg_rgba\(255\,255\,255\,0\) > span:after { background: rgba(255,255,255,0); } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\) > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\) > span:focus:after { background: rgba(255,255,255,0.15); } .\[\&_button\]\:\[\&\:active\]\:bg_var\(--primary-active-colour\,_\#0d47a1\) button:active { background: var(--primary-active-colour, #0d47a1); } .\[\&_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\) button:hover,.\[\&_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\) button:focus { background: var(--primary-hover-colour, #1565c0); } .\[\&_button\]\:\[\&_svg\]\:m_0px button svg { margin: 0px; } .\[\&_button\]\:\[\&_svg\]\:p_0px button svg { padding: 0px; } .\[\&_\.config\]\:\[\&_\.config-content\]\:p_48px .config .config-content { padding: 48px; } .\[\&_\.config\]\:\[\&_h1\]\:m_0px .config h1,.\[\&_\.config\]\:\[\&_h2\]\:m_0px .config h2 { margin: 0px; } .\[\&_\.config\]\:\[\&_hr\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config hr { background: rgba(0, 0, 0, 0.25); } .\[\&_\.config\]\:\[\&_hr\]\:bd_none .config hr { border: var(--borders-none); } .\[\&_\.config\]\:\[\&_hr\]\:m_0px .config hr { margin: 0px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config div.range { padding: 16px 8px; } .\[\&\.mini-mobile\]\:\[\&_\.config_\.config-content\]\:p_16px.mini-mobile .config .config-content { padding: 16px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:bg_rgb\(240\,_240\,_240\).mini-mobile .sidebar { background: rgb(240, 240, 240); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\,_\&_\.config\]\:grid-area_content.mini-mobile .sidebar,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\,_\&_\.config\]\:grid-area_content.mini-mobile .config { grid-area: content; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:p_8px .sidebar > a { padding: 8px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:m_16px_32px .sidebar h6 { margin: 16px 32px; } .\[\&_\.sidebar\]\:\[\&_hr\]\:bg_rgba\(255\,_255\,_255\,_0\.25\) .sidebar hr { background: rgba(255, 255, 255, 0.25); } .\[\&_\.sidebar\]\:\[\&_hr\]\:bd_none .sidebar hr { border: var(--borders-none); } .\[\&_\.sidebar\]\:\[\&_hr\]\:m_12px_32px .sidebar hr { margin: 12px 32px; } .\[\&_\.component-container\]\:\[\&_\.component\]\:p_8px .component-container .component { padding: 8px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:bg_\#ffffff .datepicker-input-container .datepicker-toggle { background: #ffffff; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:m_0px .datepicker-input-container .datepicker-toggle { margin: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:p_0px .datepicker-input-container .datepicker-toggle { padding: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:bg_rgb\(244\,_244\,_244\) .datepicker-input-container.disabled .datepicker-input { background: rgb(244, 244, 244); } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:bg_none .datepicker-input-container.disabled .datepicker-toggle { background: none; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:bd_none .datepicker-input-container.disabled .datepicker-toggle { border: var(--borders-none); } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:bg_var\(--color-action-primary\,_\#1976d2\) .content .icon-ball { background: var(--color-action-primary, #1976d2); } .\[\&\.active\]\:\[\&\.react-modal-container\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).active.react-modal-container::backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:grid-area_actions .timepicker .action-container { grid-area: actions; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:grid-area_picker .timepicker .picker { grid-area: picker; } .\[\&_\.timepicker\]\:\[\&_h1\]\:grid-area_header .timepicker h1 { grid-area: header; } .\[\&\.w-form-control\]\:\[\&\.view\]\:p_0\.6em_1\.5em.w-form-control.view { padding: 0.6em 1.5em; } .\[\&_input\]\:focus\:bg_white input:is(:focus, [data-focus]) { background: var(--colors-white); } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bg_var\(--accent-background-colour\).can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bg_var\(--accent-background-colour\).is-editing:hover { background: var(--accent-background-colour); } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > div:focus-visible { background: var(--header-hover-background-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:m_0px div.title h1 { margin: 0px; } .\[\&_div\.title\]\:\[\&_h1\]\:p_0px div.title h1 { padding: 0px; } .\[\&_ul\]\:\[\&_li\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) ul li { background: rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:m_0px_2px ul li { margin: 0px 2px; } .\[\&_\>_button\]\:hover\:bg_var\(--text-colour\) > button:is(:hover, [data-hover]) { background: var(--text-colour); } .\[\&_\>_li\]\:\[\&\:focus-visible\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > li:focus-visible,.\[\&_\>_li\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.25\) > li:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_ul_\>_li\]\:\[\&\:focus-visible\]\:bg_\#7a9acb > ul > li:focus-visible,.\[\&_\>_ul_\>_li\]\:hover\:bg_\#7a9acb > ul > li:is(:hover, [data-hover]) { background: #7a9acb; } .\[\&_\>_div\]\:\[\&\:nth-child\(2\)\]\:bg_var\(--background-colour\) > div:nth-child(2) { background: var(--background-colour); } .\[\&_\>_div\]\:\[\&\:nth-child\(2\)\]\:bg_var\(--accent-background-colour\) > div:nth-child(2) { background: var(--accent-background-colour); } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:p_0px > div > div > .nav-item .nav-item { padding: 0px; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:bd_none.full .form-inner-style { border: var(--borders-none); } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > .icon:focus { background: rgba(0, 0, 0, 0.5); } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:p_0px > div > div .nav-item .nav-item { padding: 0px; } .\[\&\.coloured\:not\(\.flat\)\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\).coloured:not(.flat):hover,.\[\&\.coloured\:not\(\.flat\)\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\).coloured:not(.flat):focus { background: var(--primary-hover-colour, #1565c0); } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:active\:not\(\:disabled\)\]\:bg_\#e0e0e0:not(.coloured):active:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:active\:not\(\:disabled\)\]\:bg_\#e0e0e0.flat:active:not(:disabled) { background: #e0e0e0; } .\[\&_\.back-plane\]\:\[\&\.disabled\]\:bg_rgba\(0\,_0\,_0\,_0\.13\) .back-plane.disabled { background: rgba(0, 0, 0, 0.13); } .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:bg_none .input::-moz-range-track { background: none; } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bg_rgb\(180\,_180\,_180\) .pointer.disabled::after { background: rgb(180, 180, 180); } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bd_4px_solid .pointer.disabled::after { border: 4px solid; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bg_rgb\(224\,_224\,_224\) .pointer::after { background: rgb(224, 224, 224); } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.26\) .pointer::after { border: 4px solid rgba(0, 0, 0, 0.26); } .\[\&_\.pointer\]\:\[\&\:\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .pointer::before { background: rgba(0, 0, 0, 0.5); } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:before\]\:bg_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::before,.\[\&_\.tooltip\]\:\[\&\.has-value\:\:before\]\:bg_var\(--primary-colour\,_\#1976d2\) .tooltip.has-value::before { background: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:bg_rgb\(156\,_156\,_156\) .tooltip::before { background: rgb(156, 156, 156); } .\[\&_\.submit-loader\]\:\[\&_svg\]\:m_8px .submit-loader svg { margin: 8px; } .\[\&_\.button-container\]\:\[\&_i\]\:bg_white .button-container i { background: var(--colors-white); } .\[\&_\.button-container\]\:\[\&_i\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) .button-container i { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\.toast\]\:\[\&\.blue\]\:bg_\#2196f3 .toast.blue { background: #2196f3; } .\[\&_\.toast\]\:\[\&\.green\]\:bg_\#4caf50 .toast.green { background: #4caf50; } .\[\&_\.toast\]\:\[\&\.purple\]\:bg_\#9c27b0 .toast.purple { background: #9c27b0; } .\[\&_\.toast\]\:\[\&\.red\]\:bg_\#f44336 .toast.red { background: #f44336; } .\[\&_\.fab\]\:\[\&_\>_i\]\:bg_rgba\(0\,_0\,_0\,_0\) .fab > i { background: rgba(0, 0, 0, 0); } .\[\&_\.fab\]\:\[\&_\>_i\]\:p_12px .fab > i { padding: 12px; } .\[\&_\.fab\]\:\[\&_textarea\]\:bg_none .fab textarea { background: none; } .\[\&_\.fab\]\:\[\&_textarea\]\:bd_none .fab textarea { border: var(--borders-none); } .\[\&_\.fab\]\:\[\&_textarea\]\:p_32px .fab textarea { padding: 32px; } .\[\&\.coloured_\>_ul_li\]\:\[\&\:after\]\:bg_rgba\(255\,_255\,_255\,_0\.75\).coloured > ul li:after { background: rgba(255, 255, 255, 0.75); } .\[\&_\>_ul\]\:\[\&_li\]\:p_4px_8px > ul li { padding: 4px 8px; } .\[\&\.no-padding\]\:\[\&_\>_\*\]\:m_0px.no-padding > * { margin: 0px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:p_16px_8px .config div.codebox .title { padding: 16px 8px; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:bg_white table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:bg_white table th { background: var(--colors-white); } .\[\&_table\]\:\[\&_td\,_\&_th\]\:bd_1px_solid_\#ccc table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:bd_1px_solid_\#ccc table th { border: 1px solid #ccc; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:p_2px_8px table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:p_2px_8px table th { padding: 2px 8px; } .\[\&_table\]\:\[\&_th\]\:bg_\#f8f8f8 table th { background: #f8f8f8; } .\[\&_table\]\:\[\&_tr_td\]\:p_0px table tr td { padding: 0px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:p_4px > div > div { padding: 4px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:m_0px > div > h5 { margin: 0px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:p_12px_16px > div > h5 { padding: 12px 16px; } .\[\&_\>_div\]\:\[\&_hr\]\:bg_none > div hr { background: none; } .\[\&_\>_div\]\:\[\&_hr\]\:m_0px > div hr { margin: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:flex_1 .filter-inputs .operator-container { flex: 1 1 0%; } .\[\&_span\]\:after\:bdr_1px span::after { border-radius: 1px; } .\[\&_span\]\:after\:trs_0\.3s span::after { transition: 0.3s; } .\[\&_span\]\:before\:bdr_1px span::before { border-radius: 1px; } .\[\&_span\]\:before\:trs_0\.3s span::before { transition: 0.3s; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:bdr_50\% .action-container > div { border-radius: 50%; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:trs_background-color_200ms\,_color_200ms .action-container > div { transition: background-color 200ms, color 200ms; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:bdr_50\% .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:bdr_50\% .action-container i { border-radius: 50%; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:trs_background-color_200ms\,_color_200ms .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:trs_background-color_200ms\,_color_200ms .action-container i { transition: background-color 200ms, color 200ms; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:flex_1 .notification-area-container .header { flex: 1 1 0%; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:bd-t_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container a.view-all-link { border-top: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:flex_1 .notification-area-container a.view-all-link,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:flex_1 .notification-area-container ul { flex: 1 1 0%; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:li-s_none .notification-area-container ul { list-style: none; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:ov_auto .notification-area-container ul { overflow: auto; } .\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:td_underline a:hover,.\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:td_underline a:focus { text-decoration: underline; } .\[\&_li\]\:\[\&\,_\&_a\]\:td_none li,.\[\&_li\]\:\[\&\,_\&_a\]\:td_none li a { text-decoration: none; } .\[\&_li\]\:\[\&_a\]\:ring_none li a { outline: var(--borders-none); } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:bd-b_1px_solid_\#dddddd ul.file-list-contents li { border-bottom: 1px solid #dddddd; } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_ul\]\:\[\&_li\]\:gap_8px ul li { gap: 8px; } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) ul li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_li\]\:\[\&_\>_span\]\:flex_1 li > span { flex: 1 1 0%; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul > li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_\.options\]\:\[\&_input\]\:bd-c_white .options input { border-color: var(--colors-white); } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\>_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) > ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\>_ul\]\:\[\&_li\]\:flex_1 > ul li { flex: 1 1 0%; } .\[\&_\>_ul\]\:\[\&_li\]\:trs_background-color_100ms > ul li { transition: background-color 100ms; } .\[\&_ul\]\:\[\&_li\]\:trs_background-color_200ms\,_color_200ms ul li { transition: background-color 200ms, color 200ms; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:bdr_50\% > * > * { border-radius: 50%; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:trs_background-color_200ms\,_color_200ms > * > * { transition: background-color 200ms, color 200ms; } .\[\&\.number-input\]\:\[\&_button\]\:bd-l_1px_solid_\#8f8f9d.number-input button { border-left: 1px solid #8f8f9d; } .\[\&\.has-dropdown\]\:\[\&\:after\]\:bdr_16px\!.has-dropdown:after { border-radius: 16px !important; } .\[\&_\>_div\]\:\[\&_svg\]\:trs_opacity_200ms > div svg { transition: opacity 200ms; } .\[\&_\>_div\]\:\[\&\:after\]\:bdr_50\% > div:after { border-radius: 50%; } .\[\&_textarea\]\:\[\&\:disabled\]\:bd-c_rgba\(0\,_0\,_0\,_0\.12\) textarea:disabled { border-color: rgba(0, 0, 0, 0.12); } .\[\&_span\.input\]\:\[\&_input\]\:bdr_2px span.input input { border-radius: 2px; } .\[\&_\>_span\]\:\[\&\:after\]\:bdr_50\% > span:after { border-radius: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:trs_background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms > span:after { transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms; } .\[\&_\.config\]\:\[\&_label\.select\]\:grid-template-areas_\'title_select\'_\'subtitle_select\' .config label.select { grid-template-areas: 'title select' 'subtitle select'; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:ring_none .sidebar > a { outline: var(--borders-none); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:td_none .sidebar > a { text-decoration: none; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:bd-l_none .datepicker-input-container .datepicker-toggle { border-left: var(--borders-none); } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:trs_background-color_0\.2s\,_border_0\.2s .datepicker-input-container .datepicker-toggle { transition: background-color 0.2s, border 0.2s; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:bd-c_rgb\(223\,_223\,_223\) .datepicker-input-container.disabled .datepicker-input { border-color: rgb(223, 223, 223); } .\[\&\.invalid\]\:\[\&_\.error-label\]\:trs_opacity_200ms.invalid .error-label { transition: opacity 200ms; } .\[\&\.invalid\]\:\[\&_\.label\]\:trs_color_200ms\,_font-size_200ms\,_top_200ms\,_color_200ms.invalid .label { transition: color 200ms, font-size 200ms, top 200ms, color 200ms; } .\[\&\.invalid\]\:\[\&_input\]\:bd-c_\#f44336.invalid input { border-color: #f44336; } .\[\&\.invalid\]\:\[\&_input\]\:trs_200ms.invalid input { transition: 200ms; } .\[\&_\.content\]\:\[\&_\.icon\]\:bdr_50\% .content .icon,.\[\&_\.content\]\:\[\&_\.icon-ball\]\:bdr_50\% .content .icon-ball { border-radius: 50%; } .\[\&_\.content\]\:\[\&\.non-swiping\]\:trs_left_400ms_ease-in .content.non-swiping { transition: left 400ms ease-in; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:ov_hidden .content .subtitle { overflow: hidden; } .\[\&_\.content\]\:\[\&\.swiped-away\]\:trs_left_400ms_ease-out .content.swiped-away { transition: left 400ms ease-out; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:gap_8px .timepicker .picker { gap: 8px; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bd-c_\#80bdff.w-form-control:focus { border-color: #80bdff; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:ring_0.w-form-control:focus { outline: 0; } .\[\&_input\]\:focus\:bd-c_beedee-brand input:is(:focus, [data-focus]) { border-color: var(--colors-beedee-brand); } .\[\&_input\]\:hover\:bd-c_beedee-border input:is(:hover, [data-hover]) { border-color: var(--colors-beedee-border); } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\)\,_0\.15\) ul li { border-bottom: 1px solid rgba(var(--text-colour-rgb), 0.15); } .\[\&_ul\]\:\[\&_li\]\:ov_hidden ul li { overflow: hidden; } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bd-c_transparent.can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bd-c_transparent.is-editing:hover { border-color: var(--colors-transparent); } .\[\&_svg\.fa-times\]\:\[\&\:focus-visible\]\:bdr_var\(--base-padding\) svg.fa-times:focus-visible,.\[\&_svg\.fa-times\]\:hover\:bdr_var\(--base-padding\) svg.fa-times:is(:hover, [data-hover]) { border-radius: var(--base-padding); } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > div:focus-visible { border-radius: 20px; } .\[\&_div\.title\]\:\[\&_h1\]\:flex_1 div.title h1 { flex: 1 1 0%; } .\[\&_div\.title\]\:\[\&_h1\]\:ov_hidden div.title h1 { overflow: hidden; } .\[\&_ul\]\:\[\&_li\]\:trs_background-color\,_color ul li { transition: background-color, color; } .\[\&_\>_button\]\:\[\&\:focus-visible\]\:ring_1px_dotted_var\(--text-colour\) > button:focus-visible { outline: 1px dotted var(--text-colour); } .\[\&\.validation-error\]\:\[\&_\*\]\:bd-c_\#F44336\!.validation-error * { border-color: #F44336 !important; } .\[\&_\.double-fields\]\:\[\&_\>_\*\]\:flex_1 .double-fields > * { flex: 1 1 0%; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:gap_0px .grid-like .triple-fields { gap: 0px; } .\[\&_\.quintuple-fields\]\:\[\&_\>_\*\]\:flex_1 .quintuple-fields > *,.\[\&_\.triple-fields\]\:\[\&_\>_\*\]\:flex_1 .triple-fields > * { flex: 1 1 0%; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div > .nav-item .nav-item-header { transition: color 200ms; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent > .icon:focus { border-color: var(--colors-transparent); } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div .nav-item .nav-item-header { transition: color 200ms; } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bd-c_var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\) .pointer.disabled::after { border-color: var(--backgroundColor, rgb(224, 224, 224)); } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bdr_50\% .pointer::after { border-radius: 50%; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:trs_width\,_height\,_left\,_top\,_background-color\,_border-color .pointer::after { transition: width, height, left, top, background-color, border-color; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:bdr_50\% .pointer::before { border-radius: 50%; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:trs_width\,_height\,_left\,_top .pointer::before { transition: width, height, left, top; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:bd-c_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::after { border-color: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:bdr_50\%_50\%_0\%_50\% .tooltip::before { border-radius: 50% 50% 0% 50%; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:trs_background-color_200ms .tooltip::before { transition: background-color 200ms; } .\[\&_\.value-label\]\:\[\&\.focus\]\:bd-b_2px_solid .value-label.focus { border-bottom: 2px solid; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:trs_400ms .submit-loader .submit-complete,.\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:trs_400ms .submit-loader .submit-title { transition: 400ms; } .\[\&_\.button-container\]\:\[\&_i\]\:bdr_50\% .button-container i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&\.open\]\:bdr_0px .fab.open { border-radius: 0px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:bdr_50\% .fab > i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&_\>_i\]\:trs_400ms .fab > i,.\[\&_\.fab\]\:\[\&_div\.editor\]\:trs_400ms .fab div.editor { transition: 400ms; } .\[\&_\.fab\]\:\[\&_textarea\]\:flex_1 .fab textarea { flex: 1 1 0%; } .\[\&_\.fab\]\:\[\&_textarea\]\:ring_transparent .fab textarea { outline: transparent; } .\[\&_\>_ul\]\:\[\&_li\]\:bd-b_3px_solid_rgba\(0\,_0\,_0\,_0\.1\) > ul li { border-bottom: 3px solid rgba(0, 0, 0, 0.1); } .\[\&_\>_ul\]\:\[\&_li\]\:trs_color_400ms > ul li { transition: color 400ms; } .\[\&_\>_div\]\:\[\&_hr\]\:bd-b_none > div hr { border-bottom: var(--borders-none); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-c_rgba\(0\,_0\,_0\,_0\.15\) > div hr { border-color: rgba(0, 0, 0, 0.15); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-l_none > div hr { border-left: var(--borders-none); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-r_none > div hr { border-right: var(--borders-none); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:trs_opacity_400ms .slide-right-back-enter:after,.\[\&_\.slide-right-exit\]\:\[\&\:after\]\:trs_opacity_400ms .slide-right-exit:after { transition: opacity 400ms; } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\).forward .transition-enter { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:z_99.forward .transition-enter { z-index: 99; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:trs-dur_400ms.forward .transition-leave { --transition-duration: 400ms; transition-duration: 400ms; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\):not(.forward) .transition-leave { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:z_99:not(.forward) .transition-leave { z-index: 99; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:d_block .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:d_block .filter-group .add-rule { display: block; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:pos_relative .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:pos_relative .filter-group .add-rule { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:pos_absolute .filter-group .delete-group { position: absolute; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:z_1 .filter-group .delete-group { z-index: 1; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:cursor_pointer .filter-group .icon-add { cursor: pointer; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:d_inline-block .filter-group .icon-add { display: inline-block; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:pos_relative .filter-group .icon-add { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:ta_left .filter-group .icon-add { text-align: left; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:d_inline-block .filter-group > div { display: inline-block; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:pos_relative .filter-group > div,.\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:pos_relative .filter-group > div .filter-group { position: relative; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:d_flex .filter-inputs .datepicker-container { display: flex; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:c_\#1976d2 .filter-inputs .inline-logic { color: #1976d2; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:fw_500 .filter-inputs .inline-logic { font-weight: 500; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:tracking_0\.05rem .filter-inputs .inline-logic { letter-spacing: 0.05rem; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:pos_absolute .filter-inputs .inline-logic { position: absolute; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:tt_uppercase .filter-inputs .inline-logic { text-transform: uppercase; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:d_flex .filter-inputs .operator-container { display: flex; } .\[\&_\.filter-inputs\]\:after\:content_\'\' .filter-inputs::after { content: ''; } .\[\&_\.filter-inputs\]\:after\:d_block .filter-inputs::after { display: block; } .\[\&_\.filter-inputs\]\:after\:pos_absolute .filter-inputs::after { position: absolute; } .\[\&_form\]\:\[\&_\>_div\]\:ta_right form > div { text-align: right; } .\[\&_span\]\:\[\&\:\:after\]\:trf_rotate\(-45deg\) span::after { transform: rotate(-45deg); } .\[\&_span\]\:\[\&\:\:before\]\:trf_rotate\(45deg\) span::before { transform: rotate(45deg); } .\[\&_span\]\:after\:bg-c_\#fff span::after { background-color: #fff; } .\[\&_span\]\:after\:content_\'\' span::after { content: ''; } .\[\&_span\]\:after\:d_block span::after { display: block; } .\[\&_span\]\:after\:pos_absolute span::after { position: absolute; } .\[\&_span\]\:before\:bg-c_\#fff span::before { background-color: #fff; } .\[\&_span\]\:before\:content_\'\' span::before { content: ''; } .\[\&_span\]\:before\:d_block span::before { display: block; } .\[\&_span\]\:before\:pos_absolute span::before { position: absolute; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:cursor_pointer .action-container > div { cursor: pointer; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:d_inline-block .action-container > div { display: inline-block; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:fs_16px .action-container > div { font-size: 16px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:fw_bold .action-container > div { font-weight: var(--font-weights-bold); } .\[\&_\.action-container\]\:\[\&_\>_div\]\:tracking_0\.1rem .action-container > div { letter-spacing: 0.1rem; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:ta_center .action-container > div { text-align: center; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:tt_uppercase .action-container > div { text-transform: uppercase; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:va_top .action-container > div { vertical-align: top; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:cursor_pointer .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:cursor_pointer .action-container i { cursor: pointer; } .\[\&_h1\]\:\[\&_span\]\:ff_Roboto h1 span { font-family: Roboto; } .\[\&_h1\]\:\[\&_span\]\:pos_relative h1 span,.\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:pos_relative .notification-area-container .empty,.\[\&_\.notification-area-container\]\:\[\&_\.header\]\:pos_relative .notification-area-container .header { position: relative; } .\[\&_\.notification-area-container\]\:\[\&\:not\(\.disabled\)\]\:cursor_default .notification-area-container:not(.disabled) { cursor: default; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container a.view-all-link { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:cursor_pointer .notification-area-container a.view-all-link { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:d_block .notification-area-container a.view-all-link { display: block; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:fs_0\.75em .notification-area-container a.view-all-link { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:leading_40px .notification-area-container a.view-all-link { line-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:ta_center .notification-area-container a.view-all-link { text-align: center; } .\[\&_button\:not\(\.coloured\)\]\:\[\&\:hover\,_\&\:focus\]\:c_black button:not(.coloured):hover,.\[\&_button\:not\(\.coloured\)\]\:\[\&\:hover\,_\&\:focus\]\:c_black button:not(.coloured):focus { color: var(--colors-black); } .\[\&_li\]\:\[\&\,_\&_a\]\:c_white li,.\[\&_li\]\:\[\&\,_\&_a\]\:c_white li a { color: var(--colors-white); } .\[\&_li\]\:\[\&\,_\&_a\]\:leading_1\.25rem li,.\[\&_li\]\:\[\&\,_\&_a\]\:leading_1\.25rem li a { line-height: 1.25rem; } .\[\&_li\]\:\[\&_a\]\:cursor_pointer li a { cursor: pointer; } .\[\&_li\]\:\[\&_a\]\:d_block li a { display: block; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:cursor_pointer ul.file-list-contents li { cursor: pointer; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:fs_14px ul.file-list-contents li { font-size: 14px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:fw_400 ul.file-list-contents li { font-weight: 400; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:leading_16px ul.file-list-contents li { line-height: 16px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:pos_relative ul.file-list-contents li { position: relative; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:tov_ellipsis ul.file-list-contents li { text-overflow: ellipsis; } .\[\&_blockquote\]\:\[\&_p\]\:d_inline blockquote p { display: inline; } .\[\&_ul\]\:\[\&_li\]\:d_grid ul li { display: grid; } .\[\&_ul\]\:\[\&_li\]\:grid-tc_auto_1fr_auto_auto_1fr ul li { grid-template-columns: auto 1fr auto auto 1fr; } .\[\&_ul\]\:\[\&_li\]\:cursor_pointer ul li { cursor: pointer; } .\[\&_ul\]\:\[\&_li\]\:d_flex ul li { display: flex; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:content_\'\' > div .filter-group::before { content: ''; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:pos_absolute > div .filter-group::before { position: absolute; } .\[\&_li\]\:\[\&_label\]\:d_inline-block li label { display: inline-block; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:cursor_pointer > ul > li { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:us_none > ul > li { -webkit-user-select: none; user-select: none; } .\[\&_\.options\]\:\[\&_input\]\:c_white .options input,.\[\&_\.options\]\:\[\&_span\.input_\.label\]\:c_white .options span.input .label,.\[\&_\.options\]\:\[\&_span\.label\]\:c_white .options span.label,.\[\&_input\]\:\[\&\:\:placeholder\]\:c_white input::placeholder,.\[\&_\.options\]\:\[\&_span\.input_\.label\,_\&_\.label\]\:c_white .options span.input .label,.\[\&_\.options\]\:\[\&_span\.input_\.label\,_\&_\.label\]\:c_white .options .label { color: var(--colors-white); } .\[\&_\>_ul\]\:\[\&_li\]\:bx-s_border-box > ul li { box-sizing: border-box; } .\[\&_\>_ul\]\:\[\&_li\]\:c_white > ul li { color: var(--colors-white); } .\[\&_\>_ul\]\:\[\&_li\]\:cursor_pointer > ul li { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_li\]\:d_inline-block > ul li { display: inline-block; } .\[\&_\>_ul\]\:\[\&_li\]\:ff_\'Segoe_UI\'\,_\'Roboto\' > ul li { font-family: 'Segoe UI', 'Roboto'; } .\[\&_\>_ul\]\:\[\&_li\]\:fs_14px > ul li { font-size: 14px; } .\[\&_\>_ul\]\:\[\&_li\]\:leading_24px > ul li { line-height: 24px; } .\[\&_\>_ul\]\:\[\&_li\]\:pos_relative > ul li { position: relative; } .\[\&_\>_ul\]\:\[\&_li\]\:ta_left > ul li { text-align: left; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:bx-s_content-box > * > * { box-sizing: content-box; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:cursor_pointer > * > * { cursor: pointer; } .\[\&\.number-input\]\:\[\&_button\]\:pos_absolute.number-input button { position: absolute; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:-moz-appearance_textfield > div:last-child > input[type="number"] { -moz-appearance: textfield; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > input[type="text"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > input[type="number"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > select { box-sizing: border-box; } .\[\&\.active\]\:\[\&_svg\]\:op_1.active svg { opacity: 1; } .\[\&\:not\(\.disabled\)\]\:\[\&_\*\]\:cursor_pointer:not(.disabled) * { cursor: pointer; } .\[\&_\>_div\]\:\[\&_svg\]\:c_white > div svg { color: var(--colors-white); } .\[\&_\>_div\]\:\[\&_svg\]\:op_0 > div svg { opacity: 0; } .\[\&_\>_div\]\:\[\&_svg\]\:pos_relative > div svg { position: relative; } .\[\&_\>_span\.close\]\:hover\:c_\#777777 > span.close:is(:hover, [data-hover]) { color: #777777; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:d_block > svg > span { display: block; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:fs_15px > svg > span { font-size: 15px; } .\[\&\.disabled\]\:\[\&_\*\]\:cursor_default.disabled * { cursor: default; } .\[\&_\>_div\]\:\[\&\:after\]\:content_\"_\" > div:after { content: " "; } .\[\&_\>_div\]\:\[\&\:after\]\:d_inline-block > div:after { display: inline-block; } .\[\&_\>_div\]\:\[\&\:after\]\:pos_absolute > div:after { position: absolute; } .\[\&_\.snackbar\]\:\[\&\.error\]\:bg-c_\#d74545 .snackbar.error { background-color: #d74545; } .\[\&_\.snackbar\]\:\[\&\.error\]\:c_white .snackbar.error { color: var(--colors-white); } .\[\&_\.snackbar\]\:\[\&\.success\]\:bg-c_\#4d9a51 .snackbar.success { background-color: #4d9a51; } .\[\&_\.snackbar\]\:\[\&\.success\]\:c_white .snackbar.success { color: var(--colors-white); } .\[\&_li\]\:\[\&_svg\]\:cursor_pointer li svg { cursor: pointer; } .\[\&_li\]\:\[\&_svg\]\:d_inline li svg { display: inline; } .\[\&_li\]\:\[\&_svg\]\:tsh_1px_1px_1px_\#666 li svg { text-shadow: 1px 1px 1px #666; } .\[\&\.unsaved\]\:\[\&_\.button-container\]\:op_1.unsaved .button-container { opacity: 1; } .\[\&_textarea\]\:\[\&\:disabled\]\:bg-c_rgba\(0\,_0\,_0\,_0\.06\) textarea:disabled { background-color: rgba(0, 0, 0, 0.06); } .\[\&_textarea\]\:\[\&\:disabled\]\:c_rgba\(0\,_0\,_0\,_0\.42\) textarea:disabled { color: rgba(0, 0, 0, 0.42); } .\[\&_\.loading-bar\]\:\[\&\:after\]\:content_\'\' .loading-bar:after { content: ''; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:op_0\.5 .loading-bar:after { opacity: 0.5; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:pos_absolute .loading-bar:after { position: absolute; } .\[\&_\.search-button\,_\&_\.close-button\]\:\[\&\:hover\]\:c_white .search-button:hover,.\[\&_\.search-button\,_\&_\.close-button\]\:\[\&\:hover\]\:c_white .close-button:hover { color: var(--colors-white); } .\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching .search-button,.\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching .close-button,.\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching input[type="search"] { color: rgba(0,0,0,0.7); } .\[\&\.searching\]\:\[\&_input\[type\=\"search\"\]\:\:placeholder\]\:c_rgba\(0\,0\,0\,0\.5\).searching input[type="search"]::placeholder { color: rgba(0,0,0,0.5); } .\[\&\.transparent\]\:\[\&_header_\.title\,_\&_header_\.filter\]\:c_\#444.transparent header .title,.\[\&\.transparent\]\:\[\&_header_\.title\,_\&_header_\.filter\]\:c_\#444.transparent header .filter { color: #444; } .\[\&_span\.input\]\:\[\&_input\]\:c_white span.input input { color: var(--colors-white); } .\[\&_span\.input\]\:\[\&_input\:\:-webkit-search-cancel-button\]\:d_none span.input input::-webkit-search-cancel-button { display: none; } .\[\&_\>_span\]\:\[\&\:after\]\:content_\'\' > span:after { content: ''; } .\[\&_\>_span\]\:\[\&\:after\]\:d_block > span:after { display: block; } .\[\&_\>_span\]\:\[\&\:after\]\:pos_absolute > span:after { position: absolute; } .\[\&_\>_span\]\:\[\&\:after\]\:z_-1 > span:after { z-index: -1; } .\[\&_button\]\:\[\&_\*\]\:cursor_pointer button * { cursor: pointer; } .\[\&_button\]\:\[\&_\*\]\:us_none button * { -webkit-user-select: none; user-select: none; } .\[\&_\.config\]\:\[\&_\.action-container\]\:pos_absolute .config .action-container,.\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:pos_absolute .config div.date .datepicker-container,.\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:pos_absolute .config div.range .range-container { position: absolute; } .\[\&_\.config\]\:\[\&_h1\]\:fs_24px .config h1 { font-size: 24px; } .\[\&_\.config\]\:\[\&_h1\]\:tt_uppercase .config h1 { text-transform: uppercase; } .\[\&_\.config\]\:\[\&_h2\]\:fs_16px .config h2 { font-size: 16px; } .\[\&_\.config\]\:\[\&_h2\]\:op_0\.75 .config h2 { opacity: 0.75; } .\[\&_\.config\]\:\[\&_h2\]\:tt_uppercase .config h2 { text-transform: uppercase; } .\[\&_\.config\]\:\[\&_label\.select\]\:d_grid .config label.select { display: grid; } .\[\&_\.config\]\:\[\&_label\.select\]\:grid-tc_1fr_3fr .config label.select { grid-template-columns: 1fr 3fr; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config div.range { display: block; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config div.range { position: relative; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config div.range { touch-action: manipulation; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:c_rgba\(0\,_0\,_0\,_0\.87\).mini-mobile .sidebar { color: rgba(0, 0, 0, 0.87); } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:fs_1\.25rem.mobile .sidebar > a { font-size: 1.25rem; } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:leading_32px.mobile .sidebar > a { line-height: 32px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .sidebar > a { color: rgba(255, 255, 255, 0.87); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:cursor_pointer .sidebar > a { cursor: pointer; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:d_block .sidebar > a { display: block; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:us_none .sidebar > a { -webkit-user-select: none; user-select: none; } .\[\&_\.sidebar\]\:\[\&_h6\]\:c_rgba\(255\,_255\,_255\,_0\.75\) .sidebar h6 { color: rgba(255, 255, 255, 0.75); } .\[\&_\.sidebar\]\:\[\&_h6\]\:fs_14px .sidebar h6 { font-size: 14px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:fw_500 .sidebar h6 { font-weight: 500; } .\[\&_\.sidebar\]\:\[\&_h6\]\:tracking_0\.08rem .sidebar h6 { letter-spacing: 0.08rem; } .\[\&_\.sidebar\]\:\[\&_h6\]\:tt_uppercase .sidebar h6 { text-transform: uppercase; } .\[\&_\.component-container\]\:\[\&_\.component\]\:d_inline-block .component-container .component { display: inline-block; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:pos_absolute .confirm-view .button-container,.\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:pos_absolute .confirm-view > div:not(.button-container) { position: absolute; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:c_\#555 .datepicker-input-container .datepicker-toggle { color: #555; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:d_inline-block .datepicker-input-container .datepicker-toggle { display: inline-block; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:leading_32px .datepicker-input-container .datepicker-toggle { line-height: 32px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:pos_absolute .datepicker-input-container .datepicker-toggle { position: absolute; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:ta_center .datepicker-input-container .datepicker-toggle { text-align: center; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:c_\#777 .datepicker-input-container.disabled .datepicker-input { color: #777; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:op_0\.5 .datepicker-input-container.disabled .datepicker-toggle { opacity: 0.5; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:cursor_pointer .datepicker-input-container:not(.disabled) .datepicker-toggle { cursor: pointer; } .\[\&\.disabled\]\:\[\&_input\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\).disabled input { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\[\&\.invalid\]\:\[\&_\.error-label\]\:op_1.invalid .error-label { opacity: 1; } .\[\&\.invalid\]\:\[\&_\.label\]\:c_\#f44336.invalid .label { color: #f44336; } .\[\&_input\]\:\[\&\:\:placeholder\]\:op_0\.5 input::placeholder { opacity: 0.5; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:op_0 .action-back .action-swiped-container { opacity: 0; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .trash-icon { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:fs_2em .action-back .trash-icon { font-size: 2em; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:op_1 .action-back .trash-icon { opacity: 1; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:pos_absolute .action-back .trash-icon,.\[\&_\.content\]\:\[\&_\.action\]\:pos_absolute .content .action { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon\]\:c_rgba\(0\,_0\,_0\,_0\.7\) .content .icon { color: rgba(0, 0, 0, 0.7); } .\[\&_\.content\]\:\[\&_\.icon\]\:d_inline-block .content .icon { display: inline-block; } .\[\&_\.content\]\:\[\&_\.icon\]\:fs_24px .content .icon { font-size: 24px; } .\[\&_\.content\]\:\[\&_\.icon\]\:leading_32px .content .icon { line-height: 32px; } .\[\&_\.content\]\:\[\&_\.icon\]\:pos_absolute .content .icon { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon\]\:ta_center .content .icon { text-align: center; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:c_var\(--color-text-primary\,_\#ffffff\) .content .icon-ball { color: var(--color-text-primary, #ffffff); } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:d_inline-block .content .icon-ball { display: inline-block; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:fs_24px .content .icon-ball { font-size: 24px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:fw_300 .content .icon-ball { font-weight: 300; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:leading_32px .content .icon-ball { line-height: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:pos_absolute .content .icon-ball { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:ta_center .content .icon-ball { text-align: center; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:tt_uppercase .content .icon-ball { text-transform: uppercase; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:d_-webkit-box .content .subtitle { display: -webkit-box; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:fs_14px .content .subtitle { font-size: 14px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:leading_14px .content .subtitle { line-height: 14px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:op_0\.7 .content .subtitle { opacity: 0.7; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:tov_ellipsis .content .subtitle { text-overflow: ellipsis; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:-webkit-box-orient_vertical .content .subtitle { -webkit-box-orient: vertical; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:-webkit-line-clamp_2 .content .subtitle { -webkit-line-clamp: 2; } .\[\&_\.content\]\:\[\&_\.title\]\:fs_16px .content .title { font-size: 16px; } .\[\&_\.content\]\:\[\&_\.title\]\:leading_28px .content .title { line-height: 28px; } .\[\&_\.content\]\:\[\&_span\]\:d_block .content span { display: block; } .\[\&\.polyfill\]\:\[\&\.active\]\:op_0\.5.polyfill.active { opacity: 0.5; } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:d_flex .timepicker .action-container { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:jc_space-between .timepicker .action-container { justify-content: space-between; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:d_flex .timepicker .picker { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:jc_center .timepicker .picker { justify-content: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:pos_relative .timepicker .picker { position: relative; } .\[\&_\.timepicker\]\:\[\&_h1\]\:fs_16px .timepicker h1 { font-size: 16px; } .\[\&_\.timepicker\]\:\[\&_h1\]\:fw_bold .timepicker h1 { font-weight: var(--font-weights-bold); } .\[\&_\.timepicker\]\:\[\&_h1\]\:ta_center .timepicker h1 { text-align: center; } .\[\&\.checkbox\]\:\[\&_\>_\*\]\:float_right.checkbox > * { float: right; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bg-c_\#fff.w-form-control:focus { background-color: #fff; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bx-sh_0_0_0_0\.2rem_rgba\(0\,_123\,_255\,_0\.25\).w-form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .\[\&\.w-form-control\]\:\[\&\:focus\]\:c_\#495057.w-form-control:focus { color: #495057; } .\[\&_input\]\:focus\:bx-sh_0_0_0_3px_rgba\(26\,122\,150\,\.12\) input:is(:focus, [data-focus]) { box-shadow: 0 0 0 3px rgba(26,122,150,.12); } .\[\&_table\.data-grid\]\:\[\&_\.cell_span\]\:leading_18px table.data-grid .cell span { line-height: 18px; } .\[\&_\.extended-link-icon\]\:\[\&\:hover_\>_svg\,_\&\:focus-visible_\>_svg\]\:vis_visible .extended-link-icon:hover > svg,.\[\&_\.extended-link-icon\]\:\[\&\:hover_\>_svg\,_\&\:focus-visible_\>_svg\]\:vis_visible .extended-link-icon:focus-visible > svg { visibility: visible; } .\[\&_\.extended-link-icon\]\:\[\&_\>_svg\]\:vis_hidden .extended-link-icon > svg { visibility: hidden; } .\[\&_ul\]\:\[\&_li\]\:bx-s_border-box ul li { box-sizing: border-box; } .\[\&_ul\]\:\[\&_li\]\:tov_ellipsis ul li { text-overflow: ellipsis; } .\[\&_ul\]\:\[\&_li\]\:us_none ul li { -webkit-user-select: none; user-select: none; } .\[\&_ul\]\:\[\&_li\]\:white-space_nowrap ul li { white-space: nowrap; } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:c_var\(--accent-text-colour\).can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:c_var\(--accent-text-colour\).is-editing:hover { color: var(--accent-text-colour); } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:c_var\(--text-colour\)\!.field-value > :first-child { color: var(--text-colour) !important; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:fs_0\.6875rem.field-value > :first-child { font-size: 0.6875rem; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:fw_300.field-value > :first-child { font-weight: 300; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:tracking_0\.0625rem.field-value > :first-child { letter-spacing: 0.0625rem; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:leading_unset.field-value > :first-child { line-height: unset; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:op_0\.65.field-value > :first-child { opacity: 0.65; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:tt_uppercase.field-value > :first-child { text-transform: uppercase; } .\[\&_svg\.fa-times\]\:\[\&\:focus-visible\]\:cursor_pointer svg.fa-times:focus-visible,.\[\&_svg\.fa-times\]\:hover\:cursor_pointer svg.fa-times:is(:hover, [data-hover]),.\[\&_\>_span\.filter-name\]\:\[\&_\>_svg\]\:cursor_pointer > span.filter-name > svg { cursor: pointer; } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > div:focus-visible { color: var(--header-hover-text-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:d_inline-block div.title h1 { display: inline-block; } .\[\&_div\.title\]\:\[\&_h1\]\:fs_1\.5rem div.title h1 { font-size: 1.5rem; } .\[\&_div\.title\]\:\[\&_h1\]\:fw_bold div.title h1 { font-weight: var(--font-weights-bold); } .\[\&_div\.title\]\:\[\&_h1\]\:tov_ellipsis div.title h1 { text-overflow: ellipsis; } .\[\&_div\.title\]\:\[\&_h1\]\:white-space_nowrap div.title h1 { white-space: nowrap; } .\[\&_div\.title\]\:\[\&_svg\]\:as_center div.title svg { align-self: center; } .\[\&_div\.title\]\:\[\&_svg\]\:d_inline-block div.title svg { display: inline-block; } .\[\&_div\.title\]\:\[\&_svg\]\:fs_1\.5rem div.title svg { font-size: 1.5rem; } .\[\&_ul\]\:\[\&_li\]\:d_inline-block ul li { display: inline-block; } .\[\&_ul\]\:\[\&_li\]\:pos_relative ul li { position: relative; } .\[\&_ul\]\:\[\&_li\]\:trs-dur_200ms ul li { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\>_button\]\:hover\:c_var\(--background-colour\) > button:is(:hover, [data-hover]) { color: var(--background-colour); } .\[\&_button\:not\(\.close\)\]\:\[\&\:focus-visible\]\:c_black button:not(.close):focus-visible,.\[\&_button\:not\(\.close\)\]\:hover\:c_black button:not(.close):is(:hover, [data-hover]),.\[\&_\>_ul_\>_li\]\:\[\&\:focus-visible\]\:c_black > ul > li:focus-visible,.\[\&_\>_ul_\>_li\]\:hover\:c_black > ul > li:is(:hover, [data-hover]) { color: var(--colors-black); } .\[\&\.validation-error\]\:\[\&_span\.validation-error\]\:c_\#F44336.validation-error span.validation-error { color: #F44336; } .\[\&_\.markdown\]\:\[\&_p\]\:leading_2rem .markdown p { line-height: 2rem; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div > .nav-item .nav-item-header { color: #4464A1; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div > .nav-item .nav-item-header { font-size: 2rem; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div > .nav-item .nav-item-header { font-weight: 700; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div > .nav-item .nav-item-header { line-height: 1.5; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:bx-sh_none.full .form-inner-style { box-shadow: none; } .\[\&_\.info-panel\]\:\[\&_td\]\:tt_uppercase .info-panel td { text-transform: uppercase; } .\[\&_\.info-panel\]\:\[\&_th\:last-child\,_\&_td\:last-child\]\:ta_right .info-panel th:last-child,.\[\&_\.info-panel\]\:\[\&_th\:last-child\,_\&_td\:last-child\]\:ta_right .info-panel td:last-child { text-align: right; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > .icon:focus { color: rgba(255, 255, 255, 0.87); } .\[\&_\.wysiwyg-editor\]\:\[\&_\*\]\:ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\"\! .wysiwyg-editor * { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .\[\&_\.wysiwyg-editor\]\:\[\&_\*\]\:fs_1rem .wysiwyg-editor * { font-size: 1rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div .nav-item .nav-item-header { color: #4464A1; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:d_none > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:d_none > div > div .nav-item .nav-item-header { display: none; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div .nav-item .nav-item-header { font-size: 2rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div .nav-item .nav-item-header { font-weight: 700; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div .nav-item .nav-item-header { line-height: 1.5; } .\[\&\.flat\]\:\[\&\:not\(\.coloured\)\]\:c_var\(--primary-colour\,_\#1976d2\).flat:not(.coloured) { color: var(--primary-colour, #1976d2); } .\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:cursor_pointer.no-title svg,.\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:cursor_pointer.no-title i { cursor: pointer; } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee:not(.coloured):hover:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee:not(.coloured):focus:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee.flat:hover:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee.flat:focus:not(:disabled) { background-color: #eeeeee; } .\[\&\:not\(\.disabled\)\]\:\[\&_svg\,_\&_i\]\:cursor_pointer:not(.disabled) svg,.\[\&\:not\(\.disabled\)\]\:\[\&_svg\,_\&_i\]\:cursor_pointer:not(.disabled) i { cursor: pointer; } .\[\&_\>_span\.close\]\:\[\&\:hover\]\:c_\#777777 > span.close:hover { color: #777777; } .\[\&_\.active-plane\]\:\[\&\.disabled\]\:op_0 .active-plane.disabled { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:op_0 .input::-moz-range-thumb { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:d_none .input::-moz-range-track { display: none; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:op_0 .input::-webkit-slider-thumb { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:-webkit-appearance_none .input::-webkit-slider-thumb { -webkit-appearance: none; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bx-s_border-box .pointer::after { box-sizing: border-box; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:content_\'\' .pointer::after { content: ''; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:d_block .pointer::after { display: block; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:pos_relative .pointer::after { position: relative; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:trs-dur_200ms .pointer::after { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:content_\'\' .pointer::before { content: ''; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:d_block .pointer::before { display: block; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:op_0\.2 .pointer::before { opacity: 0.2; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:pos_absolute .pointer::before { position: absolute; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:trs-dur_200ms .pointer::before { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:bg-c_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::after { background-color: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\.focus\]\:op_1 .tooltip.focus { opacity: 1; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:content_\'\' .tooltip::before { content: ''; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:d_block .tooltip::before { display: block; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:pos_absolute .tooltip::before { position: absolute; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:trf_rotate\(45deg\) .tooltip::before { transform: rotate(45deg); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:z_0 .tooltip::before { z-index: 0; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:c_white .tooltip > span { color: var(--colors-white); } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:d_block .tooltip > span { display: block; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:pos_relative .tooltip > span { position: relative; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:z_1 .tooltip > span { z-index: 1; } .\[\&_\.value-label\]\:\[\&\.disabled\]\:op_0\.5 .value-label.disabled { opacity: 0.5; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-complete\]\:op_1.complete:not(.disabled) .submit-loader .submit-complete,.\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:op_1.complete:not(.disabled) .submit-loader svg { opacity: 1; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-title\]\:op_0.loading:not(.disabled) .submit-loader .submit-title,.\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:op_0.loading:not(.disabled) .submit-loader svg { opacity: 0; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:c_white .submit-loader .submit-complete { color: var(--colors-white); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:d_inline-block .submit-loader .submit-complete { display: inline-block; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:fw_bold .submit-loader .submit-complete { font-weight: var(--font-weights-bold); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:leading_var\(--height\) .submit-loader .submit-complete { line-height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:op_0 .submit-loader .submit-complete { opacity: 0; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:pos_absolute .submit-loader .submit-complete { position: absolute; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:ta_center .submit-loader .submit-complete { text-align: center; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:d_inline-block .submit-loader .submit-title { display: inline-block; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ff_Roboto .submit-loader .submit-title { font-family: Roboto; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:leading_var\(--height\) .submit-loader .submit-title { line-height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:pos_absolute .submit-loader .submit-title { position: absolute; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ta_center .submit-loader .submit-title { text-align: center; } .\[\&_\.button-container\]\:\[\&_i\]\:cursor_pointer .button-container i { cursor: pointer; } .\[\&_\.button-container\]\:\[\&_i\]\:fs_24px .button-container i { font-size: 24px; } .\[\&_\.toast\]\:\[\&_span\]\:d_block .toast span { display: block; } .\[\&_\.toast\]\:\[\&_span\]\:fs_20px .toast span { font-size: 20px; } .\[\&_\.toast\]\:\[\&_span\]\:leading_20px .toast span { line-height: 20px; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\).coloured .card-header .card-actions div.card-action:before,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\) .card-header.coloured .card-actions div.card-action:before,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\).coloured .card-actions div.card-action:before { background-color: rgba(255, 255, 255, 0.15); } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee.coloured .card-header .card-actions div.card-action:hover i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee .card-header.coloured .card-actions div.card-action:hover i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee.coloured .card-actions div.card-action:hover i { color: #eeeeee; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white.coloured .card-header .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white .card-header.coloured .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white.coloured .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white.coloured .card-header .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white .card-header.coloured .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white.coloured .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white.coloured .card-header .title,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white .card-header.coloured .title,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white.coloured .title { color: var(--colors-white); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:cursor_pointer .card-actions div.card-action { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:d_inline-block .card-actions div.card-action { display: inline-block; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:pos_relative .card-actions div.card-action { position: relative; } .\[\&_\.fab\]\:\[\&\.coloured_\>_i\]\:c_white .fab.coloured > i { color: var(--colors-white); } .\[\&_\.fab\]\:\[\&\.open\]\:bx-sh_0_3px_4\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_3px_0_rgba\(0\,_0\,_0\,_0\.24\) .fab.open { box-shadow: 0 3px 4.5px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.24); } .\[\&_\.fab\]\:\[\&\.open\]\:cursor_auto .fab.open { cursor: auto; } .\[\&_\.fab\]\:\[\&_\>_i\]\:c_black .fab > i { color: var(--colors-black); } .\[\&_\.fab\]\:\[\&_\>_i\]\:cursor_pointer .fab > i { cursor: pointer; } .\[\&_\.fab\]\:\[\&_\>_i\]\:fs_24px .fab > i { font-size: 24px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:pos_absolute .fab > i { position: absolute; } .\[\&_\.fab\]\:\[\&_\>_i\]\:trf_rotate\(0deg\)_scale\(1\) .fab > i { transform: rotate(0deg) scale(1); } .\[\&_\.fab\]\:\[\&_\>_i\]\:us_none .fab > i { -webkit-user-select: none; user-select: none; } .\[\&_\.fab\]\:\[\&_\>_i\]\:z_1 .fab > i { z-index: 1; } .\[\&_\.fab\]\:\[\&_div\.editor\]\:op_0 .fab div.editor { opacity: 0; } .\[\&_\.fab\]\:\[\&_textarea\]\:cursor_text .fab textarea { cursor: text; } .\[\&_\.fab\]\:\[\&_textarea\]\:fs_20px .fab textarea { font-size: 20px; } .\[\&_\.fab\]\:\[\&_textarea\]\:op_0 .fab textarea { opacity: 0; } .\[\&_\.fab\]\:\[\&_textarea\]\:resize_none .fab textarea { resize: none; } .\[\&_\.card-tabs-content\]\:\[\&_\>_\.inactive\]\:d_none .card-tabs-content > .inactive { display: none; } .\[\&\.coloured_\>_ul_li\]\:\[\&\.active\]\:c_white.coloured > ul li.active { color: var(--colors-white); } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:fs_12px.small > ul li span { font-size: 12px; } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:leading_16px.small > ul li span { line-height: 16px; } .\[\&\.small_\>_ul_li\]\:\[\&_svg\]\:va_middle.small > ul li svg { vertical-align: middle; } .\[\&_\>_ul\]\:\[\&_li\]\:c_rgba\(0\,_0\,_0\,_0\.5\) > ul li { color: rgba(0, 0, 0, 0.5); } .\[\&_\>_ul\]\:\[\&_li\]\:flex-g_2 > ul li { flex-grow: 2; } .\[\&_\>_ul\]\:\[\&_li\]\:flex-sh_0\.5 > ul li { flex-shrink: 0.5; } .\[\&_\>_ul\]\:\[\&_li\]\:fw_500 > ul li { font-weight: 500; } .\[\&_\>_ul\]\:\[\&_li\]\:ta_center > ul li { text-align: center; } .\[\&_\>_ul\]\:\[\&_li\]\:tt_uppercase > ul li { text-transform: uppercase; } .\[\&_\>_ul\]\:\[\&_li\]\:us_none > ul li { -webkit-user-select: none; user-select: none; } .\[\&_\>_ul\]\:\[\&_li\]\:-webkit-user-select_none > ul li { -webkit-user-select: none; } .\[\&_\>_ul\]\:\[\&_li\]\:white-space_nowrap > ul li { white-space: nowrap; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:fs_14px .config div.codebox .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:op_0\.5 .config div.codebox .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:fw_500 .config div.codebox .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\,_\&_div\.codebox_\.subtitle\]\:d_block .config div.codebox .title,.\[\&_\.config\]\:\[\&_div\.codebox_\.title\,_\&_div\.codebox_\.subtitle\]\:d_block .config div.codebox .subtitle { display: block; } .\[\&_table\]\:\[\&_th\]\:fs_12px table th { font-size: 12px; } .\[\&_table\]\:\[\&_th\]\:fw_normal table th { font-weight: var(--font-weights-normal); } .\[\&_table\]\:\[\&_th\]\:leading_12px table th { line-height: 12px; } .\[\&_table\]\:\[\&_tr\.group\]\:cursor_pointer table tr.group,.\[\&_table\]\:\[\&_tr\.hasTip_th\]\:cursor_pointer table tr.hasTip th { cursor: pointer; } .\[\&_\.label\]\:\[\&\.active\]\:fs_12px .label.active { font-size: 12px; } .\[\&_\.label\]\:\[\&\.focus\]\:c_var\(--primary-colour\,_\#1976d2\) .label.focus { color: var(--primary-colour, #1976d2); } .\[\&_\>_div\]\:\[\&_\>_div\]\:bx-s_border-box > div > div { box-sizing: border-box; } .\[\&_\>_div\]\:\[\&_\>_div\]\:d_block > div > div { display: block; } .\[\&_\>_div\]\:\[\&_\>_div\]\:fs_16px > div > div { font-size: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:leading_36px > div > div { line-height: 36px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pos_relative > div > div { position: relative; } .\[\&_\>_div\]\:\[\&_\>_div\]\:us_none > div > div { -webkit-user-select: none; user-select: none; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:bx-s_border-box > div > h5 { box-sizing: border-box; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > h5 { color: rgba(0, 0, 0, 0.7); } .\[\&_\>_div\]\:\[\&_\>_h5\]\:fs_16px > div > h5 { font-size: 16px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:fw_500 > div > h5 { font-weight: 500; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:leading_24px > div > h5 { line-height: 24px; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:bg-c_rgba\(0\,_0\,_0\,_0\.25\) .slide-right-back-enter:after { background-color: rgba(0, 0, 0, 0.25); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:content_\'\' .slide-right-back-enter:after { content: ''; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:op_1 .slide-right-back-enter:after { opacity: 1; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:pos_fixed .slide-right-back-enter:after { position: fixed; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:bg-c_rgba\(0\,_0\,_0\,_0\.25\) .slide-right-exit:after { background-color: rgba(0, 0, 0, 0.25); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:content_\'\' .slide-right-exit:after { content: ''; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:op_0 .slide-right-exit:after { opacity: 0; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:pos_fixed .slide-right-exit:after { position: fixed; } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:left_100vw.forward .transition-enter { left: 100vw; } .\[\&\.forward\]\:\[\&_\.transition-enter-active\]\:left_0.forward .transition-enter-active,.\[\&\.forward\]\:\[\&_\.transition-leave\]\:left_0.forward .transition-leave { left: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:left_-10vw.forward .transition-leave-active,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:left_-10vw:not(.forward) .transition-enter { left: -10vw; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:left_0:not(.forward) .transition-leave { left: var(--spacing-0); } .\[\&_\.button-container\]\:\[\&_button\]\:ml_8px .button-container button { margin-left: 8px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:ml_4px .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:ml_4px .filter-group .add-rule { margin-left: 4px; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:left_168px .filter-group .delete-group { left: 168px; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:top_1px .filter-group .delete-group { top: 1px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:w_160px .filter-group .icon-add { width: 160px; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:w_100\% .filter-group > div { width: 100%; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:ml_32px .filter-group > div .filter-group { margin-left: 32px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:pl_16px .filter-group > div .filter-group { padding-left: 16px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:mt_2px .filter-inputs .datepicker-container { margin-top: 2px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:left_40px .filter-inputs .inline-logic { left: 40px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:top_0px .filter-inputs .inline-logic { top: 0px; } .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:pt_0px .filter-inputs.is-first { padding-top: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:pl_48px .filter-inputs .operator-container { padding-left: 48px; } .\[\&_\.filter-inputs\]\:after\:h_95px .filter-inputs::after { height: 95px; } .\[\&_\.filter-inputs\]\:after\:left_30px .filter-inputs::after { left: 30px; } .\[\&_\.filter-inputs\]\:after\:top_-6px .filter-inputs::after { top: -6px; } .\[\&_\.filter-inputs\]\:after\:w_4px .filter-inputs::after { width: 4px; } .\[\&_form\]\:\[\&_\>_div\]\:mt_16px form > div { margin-top: 16px; } .\[\&_span\]\:\[\&\:\:after\]\:bottom_-4\.75px span::after { bottom: -4.75px; } .\[\&_span\]\:\[\&\:\:before\]\:top_-4\.75px span::before { top: -4.75px; } .\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:left_8px span::before,.\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:left_8px span::after { left: 8px; } .\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:w_75\% span::before,.\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:w_75\% span::after { width: 75%; } .\[\&_span\]\:after\:bottom_-6px span::after { bottom: -6px; } .\[\&_span\]\:after\:h_2px span::after { height: 2px; } .\[\&_span\]\:after\:left_0 span::after { left: var(--spacing-0); } .\[\&_span\]\:after\:w_100\% span::after { width: 100%; } .\[\&_span\]\:before\:h_2px span::before { height: 2px; } .\[\&_span\]\:before\:left_0 span::before { left: var(--spacing-0); } .\[\&_span\]\:before\:top_-6px span::before { top: -6px; } .\[\&_span\]\:before\:w_100\% span::before { width: 100%; } .\[\&_\.action-container\]\:\[\&_\>_\*\]\:ml_10px .action-container > * { margin-left: 10px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:h_40px .action-container > div { height: 40px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:pt_9\.5px .action-container > div { padding-top: 9.5px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:w_40px .action-container > div { width: 40px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:h_40px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:h_40px .action-container i { height: 40px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:w_40px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:w_40px .action-container i { width: 40px; } .\[\&_h1\]\:\[\&_img\]\:h_48px h1 img { height: 48px; } .\[\&_h1\]\:\[\&_img\]\:mt_8px h1 img { margin-top: 8px; } .\[\&_h1\]\:\[\&_span\]\:top_20px h1 span { top: 20px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:h_100\% .notification-area-container .empty { height: 100%; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:max-h_40px .notification-area-container .header,.\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:max-h_40px .notification-area-container a.view-all-link { max-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:w_500px .notification-area-container ul { width: 500px; } .\[\&_li\]\:\[\&_a\]\:ml_-32px li a { margin-left: -32px; } .\[\&_li\]\:\[\&_a\]\:pl_64px li a { padding-left: 64px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:bottom_-8px > div .filter-group::before { bottom: -8px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:h_calc\(100\%_\+_6px\) > div .filter-group::before { height: calc(100% + 6px); } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:left_-2px > div .filter-group::before { left: -2px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:w_4px > div .filter-group::before { width: 4px; } .\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt_48px > div .filter-group > div { margin-top: 48px; } .\[\&_\>_div\:first-child_\.filter-group\]\:\[\&\:\:before\]\:h_calc\(100\%_-_26px\) > div:first-child .filter-group::before { height: calc(100% - 26px); } .\[\&_span\.input\]\:\[\&_input\]\:w_100\% span.input input { width: 100%; } .\[\&_li\]\:\[\&_\>_span\]\:ml_16px li > span { margin-left: 16px; } .\[\&_\>_ul\]\:\[\&_li\]\:max-h_32px > ul li { max-height: 32px; } .\[\&_\>_ul\]\:\[\&_li\]\:w_200px > ul li { width: 200px; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:h_1\.25em > * > * { height: 1.25em; } .\[\&_\.inner\]\:\[\&_button\]\:h_unset .inner button { height: unset; } .\[\&\.number-input\]\:\[\&_button\]\:h_25px.number-input button { height: 25px; } .\[\&\.number-input\]\:\[\&_button\]\:right_9px.number-input button { right: 9px; } .\[\&\.number-input\]\:\[\&_button\]\:top_5px.number-input button { top: 5px; } .\[\&\.number-input\]\:\[\&_button\]\:w_40px.number-input button { width: 40px; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > input[type="text"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > input[type="number"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > select { width: 100%; } .\[\&_li\]\:\[\&\.active\]\:bd-b-c_rgba\(255\,255\,255\,1\) li.active { border-bottom-color: rgba(255,255,255,1); } .\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,255\,255\,0\.5\) li:hover,.\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,255\,255\,0\.5\) li:focus { border-bottom-color: rgba(255,255,255,0.5); } .\[\&_\>_div\]\:\[\&_svg\]\:ml_2px > div svg { margin-left: 2px; } .\[\&_\>_div\]\:\[\&_svg\]\:mt_2px > div svg { margin-top: 2px; } .\[\&_\>_div\]\:\[\&_svg\]\:top_-2px > div svg { top: -2px; } .\[\&_\>_span\.title\]\:\[\&\.cancellable\]\:pr_4px > span.title.cancellable { padding-right: 4px; } .\[\&_\>_span\.title\]\:\[\&\.hasIcon\]\:pl_8px > span.title.hasIcon { padding-left: 8px; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:mt_6px > svg > span { margin-top: 6px; } .\[\&_\>_div\]\:\[\&\:after\]\:h_0px > div:after { height: 0px; } .\[\&_\>_div\]\:\[\&\:after\]\:left_12px > div:after { left: 12px; } .\[\&_\>_div\]\:\[\&\:after\]\:top_12px > div:after { top: 12px; } .\[\&_\>_div\]\:\[\&\:after\]\:w_0px > div:after { width: 0px; } .\[\&\.unsaved\]\:\[\&_\.button-container\]\:mt_0px.unsaved .button-container { margin-top: 0px; } .\[\&_textarea\]\:\[\&\.without-label\]\:pt_8px textarea.without-label { padding-top: 8px; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:h_100\% .loading-bar:after { height: 100%; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:left_0\% .loading-bar:after { left: 0%; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:w_0\% .loading-bar:after { width: 0%; } .\[\&_span\.input\]\:\[\&_input\]\:mt_0 span.input input { margin-top: var(--spacing-0); } .\[\&_span\.input\]\:\[\&_input\]\:w_calc\(100\%_-_32px\) span.input input { width: calc(100% - 32px); } .\[\&_\>_span\]\:\[\&\:after\]\:bottom_50\% > span:after { bottom: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:left_50\% > span:after { left: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:right_50\% > span:after { right: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:top_50\% > span:after { top: 50%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_10\% > span:focus:after { bottom: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:left_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:left_10\% > span:focus:after { left: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:right_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:right_10\% > span:focus:after { right: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:top_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:top_10\% > span:focus:after { top: 10%; } .\[\&_button\]\:\[\&\:first-child\]\:bdr-bl_2px button:first-child { border-bottom-left-radius: 2px; } .\[\&_button\]\:\[\&\:first-child\]\:bdr-tl_2px button:first-child { border-top-left-radius: 2px; } .\[\&_button\]\:\[\&\:last-child\]\:bdr-br_2px button:last-child { border-bottom-right-radius: 2px; } .\[\&_button\]\:\[\&\:last-child\]\:bdr-tr_2px button:last-child { border-top-right-radius: 2px; } .\[\&_button\]\:\[\&_svg\]\:ml_4px button svg { margin-left: 4px; } .\[\&_button\]\:\[\&_svg\]\:mr_4px button svg { margin-right: 4px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:right_32px .config .action-container { right: 32px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:top_32px .config .action-container { top: 32px; } .\[\&_\.config\]\:\[\&_\.input\]\:w_calc\(100\%_-_6px\) .config .input { width: calc(100% - 6px); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:right_64px .config div.date .datepicker-container { right: 64px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:top_24px .config div.date .datepicker-container { top: 24px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:right_8px .config div.range .range-container { right: 8px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:top_0px .config div.range .range-container { top: 0px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:w_55\% .config div.range .range-container { width: 55%; } .\[\&_\.config\]\:\[\&_div\.text\]\:pt_8px .config div.text { padding-top: 8px; } .\[\&_\.config\]\:\[\&_h1\]\:mb_8px .config h1,.\[\&_\.config\]\:\[\&_h2\]\:mb_8px .config h2 { margin-bottom: 8px; } .\[\&_\.config\]\:\[\&_h2\]\:mt_16px .config h2 { margin-top: 16px; } .\[\&_\.config\]\:\[\&_hr\]\:h_1px .config hr { height: 1px; } .\[\&_\.config\]\:\[\&_label\.select\]\:h_unset .config label.select { height: unset; } .\[\&_\.config\]\:\[\&_label\.select\]\:min-h_32px .config label.select { min-height: 32px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config div.range { min-height: 48px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:pt_0px.mini-mobile .sidebar { padding-top: 0px; } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:h_32px.mobile .sidebar > a { height: 32px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl_32px .sidebar > a { padding-left: 32px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:mb_4px .sidebar h6 { margin-bottom: 4px; } .\[\&_\.sidebar\]\:\[\&_hr\]\:h_1px .sidebar hr { height: 1px; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:bottom_0px .confirm-view .button-container { bottom: 0px; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:right_2px .confirm-view .button-container { right: 2px; } .\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:bottom_0px .confirm-view > div:not(.button-container) { bottom: 0px; } .\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:left_calc\(130px_\+_16px_\+_2px\) .confirm-view > div:not(.button-container) { left: calc(130px + 16px + 2px); } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:h_30px .datepicker-input-container .datepicker-toggle { height: 30px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:right_1px .datepicker-input-container .datepicker-toggle { right: 1px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:top_1px .datepicker-input-container .datepicker-toggle { top: 1px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:w_32px .datepicker-input-container .datepicker-toggle { width: 32px; } .\[\&\.disabled\]\:\[\&_input\]\:border-bottom-style_dashed.disabled input { border-bottom-style: dashed; } .\[\&_\>_div\]\:\[\&\.has-icon\]\:ml_36px > div.has-icon { margin-left: 36px; } .\[\&_\>_div\]\:\[\&\.has-icon\]\:top_-32px > div.has-icon { top: -32px; } .\[\&_input\]\:\[\&\.active\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\) input.active { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&_input\]\:\[\&\.active\]\:bd-b-w_2px input.active { border-bottom-width: 2px; } .\[\&_input\]\:\[\&\.active\]\:mb_0px input.active { margin-bottom: 0px; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:left_24px .action-back .trash-icon { left: 24px; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:top_20px .action-back .trash-icon { top: 20px; } .\[\&_\.content\]\:\[\&_\.action\]\:right_24px .content .action { right: 24px; } .\[\&_\.content\]\:\[\&_\.action\]\:top_18px .content .action { top: 18px; } .\[\&_\.content\]\:\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px .content.has-ball .title,.\[\&_\.content\]\:\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px .content.has-ball .subtitle { margin-left: 48px; } .\[\&_\.content\]\:\[\&_\.icon\]\:h_32px .content .icon { height: 32px; } .\[\&_\.content\]\:\[\&_\.icon\]\:left_16px .content .icon { left: 16px; } .\[\&_\.content\]\:\[\&_\.icon\]\:top_16px .content .icon { top: 16px; } .\[\&_\.content\]\:\[\&_\.icon\]\:w_32px .content .icon { width: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:h_32px .content .icon-ball { height: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:left_16px .content .icon-ball { left: 16px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:top_16px .content .icon-ball { top: 16px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:w_32px .content .icon-ball { width: 32px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:max-h_29px .content .subtitle { max-height: 29px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:w_calc\(100\%_-_128px\) .content .subtitle { width: calc(100% - 128px); } .\[\&_\.content\]\:\[\&\.swiped-away\]\:left_100\% .content.swiped-away { left: 100%; } .\[\&_\.content\]\:\[\&_\.title\]\:pt_8px .content .title { padding-top: 8px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px .content .title,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px .content .subtitle { padding-left: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:h_200px .timepicker .picker { height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:w_420px .timepicker .picker { width: 420px; } .\[\&_\.timepicker\]\:\[\&_h1\]\:mt_14px .timepicker h1 { margin-top: 14px; } input.\[\&\.w-form-control\]\:\[input\&\,_\&\.view\]\:h_calc\(1\.2em_\+_1\.2em_\+_2px\).w-form-control,.\[\&\.w-form-control\]\:\[input\&\,_\&\.view\]\:h_calc\(1\.2em_\+_1\.2em_\+_2px\).w-form-control.view { height: calc(1.2em + 1.2em + 2px); } .\[\&\.is-editing\]\:\[\&_\.field-container\]\:pl_4px.is-editing .field-container { padding-left: 4px; } .\[\&\.is-editing\]\:\[\&_\.field-container\]\:pr_8px.is-editing .field-container { padding-right: 8px; } .\[\&_\>_div\]\:\[\&_\>_svg\.dropdown\]\:h_25px > div > svg.dropdown { height: 25px; } .\[\&_\>_div\]\:\[\&_\>_svg\.dropdown\]\:mr_8px > div > svg.dropdown { margin-right: 8px; } .\[\&_\>_div\]\:\[\&_\>_svg\:not\(\.dropdown\)\]\:h_25px > div > svg:not(.dropdown) { height: 25px; } .\[\&_\>_div\]\:\[\&_\>_svg\:not\(\.dropdown\)\]\:w_25px > div > svg:not(.dropdown) { width: 25px; } .\[\&_\>_span\.filter-name\]\:\[\&_\>_svg\]\:ml_8px > span.filter-name > svg { margin-left: 8px; } .\[\&_ul\]\:\[\&_li\]\:bdr-tl_6px ul li { border-top-left-radius: 6px; } .\[\&_ul\]\:\[\&_li\]\:bdr-tr_6px ul li { border-top-right-radius: 6px; } .\[\&\.validation-error\]\:\[\&_span\.validation-error\]\:ml_8px.validation-error span.validation-error { margin-left: 8px; } .\[\&_\.markdown\]\:\[\&_li\]\:mb_0\.25rem .markdown li,.\[\&_\.markdown\]\:\[\&_p\,_\&_ul\]\:mb_0\.25rem .markdown p,.\[\&_\.markdown\]\:\[\&_p\,_\&_ul\]\:mb_0\.25rem .markdown ul { margin-bottom: 0.25rem; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:mb_16px .grid-like .triple-fields { margin-bottom: 16px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div > .nav-item .nav-item-header { margin-bottom: 32px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item-header { margin-left: 9px; } .\[\&_\.info-panel\]\:\[\&_tbody_td\]\:pb_8px .info-panel tbody td { padding-bottom: 8px; } .\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pl_32px .info-panel th,.\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pl_32px .info-panel td { padding-left: 32px; } .\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pr_32px .info-panel th,.\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pr_32px .info-panel td { padding-right: 32px; } .\[\&_\.info-panel\]\:\[\&_thead_th\]\:pt_8px .info-panel thead th { padding-top: 8px; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div .nav-item .nav-item-header { margin-bottom: 32px; } .\[\&_li\]\:\[\&\.active\]\:bd-b-c_rgba\(255\,_255\,_255\,_1\) li.active { border-bottom-color: rgba(255, 255, 255, 1); } .\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,_255\,_255\,_0\.5\) li:hover,.\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,_255\,_255\,_0\.5\) li:focus { border-bottom-color: rgba(255, 255, 255, 0.5); } .\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:mr_2px.no-title svg,.\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:mr_2px.no-title i { margin-right: 2px; } .\[\&_\.back-plane\]\:\[\&\.has-value-label\]\:w_calc\(100\%_-_64px\) .back-plane.has-value-label { width: calc(100% - 64px); } .\[\&_\.input\]\:\[\&\.has-value-label\]\:w_calc\(100\%_-_48px\) .input.has-value-label { width: calc(100% - 48px); } .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:w_20px .input::-moz-range-thumb { width: 20px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:h_24px .input::-webkit-slider-thumb { height: 24px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:ml_2px .input::-webkit-slider-thumb { margin-left: 2px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:w_24px .input::-webkit-slider-thumb { width: 24px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:h_20px .pointer::after { height: 20px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:left_0px .pointer::after { left: 0px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:top_0px .pointer::after { top: 0px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:w_20px .pointer::after { width: 20px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:h_20px .pointer::before { height: 20px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:left_0px .pointer::before { left: 0px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:top_0px .pointer::before { top: 0px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:w_20px .pointer::before { width: 20px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:h_24px .pointer:not(.disabled).active::after { height: 24px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:left_-2px .pointer:not(.disabled).active::after { left: -2px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:top_-2px .pointer:not(.disabled).active::after { top: -2px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:w_24px .pointer:not(.disabled).active::after { width: 24px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:h_40px .pointer:not(.disabled):not(.active).focus::before { height: 40px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:left_-10px .pointer:not(.disabled):not(.active).focus::before { left: -10px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:top_-10px .pointer:not(.disabled):not(.active).focus::before { top: -10px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:w_40px .pointer:not(.disabled):not(.active).focus::before { width: 40px; } .\[\&_\.tooltip\]\:\[\&\.focus\]\:top_-64px .tooltip.focus { top: -64px; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:h_100\% .tooltip::before { height: 100%; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:w_100\% .tooltip::before { width: 100%; } .\[\&_\.value-label\]\:\[\&\.focus\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\) .value-label.focus { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:h_var\(--height\) .submit-loader .submit-complete { height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:w_100\% .submit-loader .submit-complete { width: 100%; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:h_var\(--height\) .submit-loader .submit-title { height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ml_12px .submit-loader .submit-title { margin-left: 12px; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:w_100\% .submit-loader .submit-title { width: 100%; } .\[\&_\.submit-loader\]\:\[\&_svg\]\:ml_6px .submit-loader svg { margin-left: 6px; } .\[\&_\.submit-loader\]\:\[\&_svg\]\:mt_6px .submit-loader svg { margin-top: 6px; } .\[\&_\.button-container\]\:\[\&_i\]\:ml_4px .button-container i { margin-left: 4px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:ml_8px .card-actions div.card-action { margin-left: 8px; } .\[\&_\.fab\]\:\[\&\.open\]\:bottom_16px .fab.open { bottom: 16px; } .\[\&_\.fab\]\:\[\&\.open\]\:h_calc\(100\%_-_64px\) .fab.open { height: calc(100% - 64px); } .\[\&_\.fab\]\:\[\&\.open\]\:top_48px .fab.open { top: 48px; } .\[\&_\.fab\]\:\[\&\.open\]\:w_calc\(100\%_-_48px\) .fab.open { width: calc(100% - 48px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:h_48px .fab > i { height: 48px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:left_calc\(50\%_-_24px\) .fab > i { left: calc(50% - 24px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:top_calc\(50\%_-_24px\) .fab > i { top: calc(50% - 24px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:w_48px .fab > i { width: 48px; } .\[\&_\.fab\]\:\[\&_textarea\]\:pb_32px .fab textarea { padding-bottom: 32px; } .\[\&\.small\]\:\[\&_\.title\]\:pt_8px.small .title { padding-top: 8px; } .\[\&\.small\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px.small .title,.\[\&\.small\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px.small .subtitle { padding-left: 8px; } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:h_20px.small > ul li span { height: 20px; } .\[\&\.small_\>_ul_li\]\:\[\&_svg\]\:mr_4px.small > ul li svg { margin-right: 4px; } .\[\&\.vertical\]\:\[\&_\.fb-1\]\:min-h_calc\(8\%_-_16px_\*_2\).vertical .fb-1 { min-height: calc(8% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-2\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical .fb-2 { min-height: calc(16% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-3\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical .fb-3 { min-height: calc(25% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-4\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical .fb-4 { min-height: calc(33% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-5\]\:min-h_calc\(42\%_-_16px_\*_2\).vertical .fb-5 { min-height: calc(42% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-6\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical .fb-6 { min-height: calc(50% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-7\]\:min-h_calc\(58\%_-_16px_\*_2\).vertical .fb-7 { min-height: calc(58% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-8\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical .fb-8 { min-height: calc(66% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-9\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical .fb-9 { min-height: calc(75% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-10\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical .fb-10 { min-height: calc(83% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-11\]\:min-h_calc\(92\%_-_16px_\*_2\).vertical .fb-11 { min-height: calc(92% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-12\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical .fb-12 { min-height: calc(100% - 16px * 2); } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pb_8px .config div.codebox .subtitle { padding-bottom: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pl_8px .config div.codebox .subtitle { padding-left: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:pb_0px .config div.codebox .title { padding-bottom: 0px; } .\[\&_table\]\:\[\&_thead_tr\]\:h_1px table thead tr { height: 1px; } .\[\&_\.label\]\:\[\&\.active\]\:top_-10px .label.active { top: -10px; } .\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:left_-100\%.swiped-away.swiped-left { left: -100%; } .\[\&_\>_div\]\:\[\&_\>_div\]\:h_48px > div > div { height: 48px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pl_16px > div > div { padding-left: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pr_16px > div > div { padding-right: 16px; } .\[\&_\>_div\]\:\[\&_hr\]\:mb_-1px > div hr { margin-bottom: -1px; } .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:left_0 .slide-right-back-enter.slide-right-back-enter-active { left: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:bottom_0 .slide-right-back-enter:after { bottom: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:left_0 .slide-right-back-enter:after { left: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:right_0 .slide-right-back-enter:after { right: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:top_0 .slide-right-back-enter:after { top: var(--spacing-0); } .\[\&_\.slide-right-back-exit\]\:\[\&\.slide-right-back-exit-active\]\:left_100vw .slide-right-back-exit.slide-right-back-exit-active { left: 100vw; } .\[\&_\.slide-right-enter\]\:\[\&\.slide-right-enter-active\]\:left_0 .slide-right-enter.slide-right-enter-active { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:left_-10vw .slide-right-exit.slide-right-exit-active { left: -10vw; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:bottom_0 .slide-right-exit:after { bottom: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:left_0 .slide-right-exit:after { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:right_0 .slide-right-exit:after { right: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:top_0 .slide-right-exit:after { top: var(--spacing-0); } .\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:bd-w_4px:hover > div,.\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:bd-w_4px:focus > div { border-width: 4px; } .\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:focus-visible .linker,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:focus-visible .actions,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:hover .linker,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:hover .actions { visibility: visible; } .\[\&\:focus-visible\]\:\[\&_a_svg\]\:d_inline-block:focus-visible a svg { display: inline-block; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd_6px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\!.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd_6px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\!:hover:not(.disabled) > div { border: 6px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25) !important; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:m_-4px.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:m_-4px:hover:not(.disabled) > div { margin: -4px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bdr_6px.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bdr_6px:hover:not(.disabled) > div { border-radius: 6px; } .hover\:\[\&_a_svg\]\:d_inline-block:is(:hover, [data-hover]) a svg { display: inline-block; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.25\).forward .transition-leave:after,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.25\):not(.forward) .transition-enter:after { background: rgba(0, 0, 0, 0.25); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bg_\#fdfdfd .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bg_\#fdfdfd .filter-group .add-rule svg { background: #fdfdfd; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:bg_\#bdbdbd .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:bg_\#bdbdbd .filter-group .add-rule::before { background: #bdbdbd; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-group .icon-add:hover,.\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-group .icon-add:focus { background: #eeeeee; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bg_\#1976d2 .filter-group .icon-add svg { background: #1976d2; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:p_5px .filter-group .icon-add svg { padding: 5px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:bg_\#bdbdbd .filter-group .icon-add::after,.\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:bg_\#bdbdbd .filter-group > div .filter-group::before { background: #bdbdbd; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:bg_none .filter-inputs .datepicker-container > button { background: none; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:bd_none .filter-inputs .datepicker-container > button { border: var(--borders-none); } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:p_0px .filter-inputs .datepicker-container > button { padding: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:bd_1px_solid_\#cccccc .filter-inputs .datepicker-container > input { border: 1px solid #cccccc; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:p_6px_12px .filter-inputs .datepicker-container > input { padding: 6px 12px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .inline-logic:hover,.\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .inline-logic:focus { background: #eeeeee; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:p_6px_8px .filter-inputs .operator-container > * { padding: 6px 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:m_0px .filter-inputs .operator-container span.input { margin: 0px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:bd_none form fieldset legend { border: var(--borders-none); } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:p_8px form fieldset legend { padding: 8px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:m_0px .notification-area-container .header h5 { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:p_8px .notification-area-container .header h5 { padding: 8px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:p_0px_8px .notification-area-container .header span { padding: 0px 8px; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container a.view-all-link:hover { background: rgba(0, 0, 0, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:p_8px .notification-area-container ul li { padding: 8px; } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:bg_\#f0f0f0 li a.active { background: #f0f0f0; } .\[\&_li\]\:\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 li a:hover,.\[\&_li\]\:\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 li a:focus { background: #1976d2; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:hover\]\:bg_\#f4f4f4 ul.file-list-contents li:hover { background: #f4f4f4; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:p_4px ul li > span { padding: 4px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:m_0px ul li label { margin: 0px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:p_4px ul li label { padding: 4px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\) ul li:focus { background: rgba(var(--text-colour-rgb, 0, 0, 0), 0.05); } .\[\&_ul\]\:\[\&_li\]\:\[\&_button\]\:m_0px ul li button { margin: 0px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:bg_\#bdbdbd > div .filter-group:not(.collapsed)::after { background: #bdbdbd; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_\#333333 ul li.active { background: #333333; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_black ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_black ul li:focus { background: var(--colors-black); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_rgba\(0\,_0\,_0\,_0\.35\) > ul li.active { background: rgba(0, 0, 0, 0.35); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) > ul li:hover { background: rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:p_4px_8px ul li > span { padding: 4px 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:bg_var\(--primary-colour\,_\#1976d2\) ul li.selected { background: var(--primary-colour, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li:focus { background: var(--primary-colour-hover, #1976d2A0); } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:bg_var\(--primary-colour\,_\#1976d2\) > * > *:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:bg_var\(--primary-colour\,_\#1976d2\) > * > *:hover { background: var(--primary-colour, #1976d2); } .\[\&\.disabled\]\:\[\&_\>_div\]\:\[\&\:\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).disabled > div::after { background: rgba(0, 0, 0, 0.5); } .\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:before\]\:bg_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:before { background: var(--primary-colour, #1976d2); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:m_0px textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:m_0px textarea:not(:disabled):focus { margin: 0px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) .config .action-container svg { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:p_8px .config .action-container svg { padding: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:p_16px_8px .config div.codebox .title { padding: 16px 8px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\.disabled_\>_span\]\:bg_transparent .config div.date .datepicker-container .datepicker-input-container.disabled > span,.\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:bg_transparent .config div.date .datepicker-container .datepicker-input-container > span { background: var(--colors-transparent); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:bg_none .config div.date .datepicker-container .datepicker-input-container input { background: none; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:bd_none .config div.date .datepicker-container .datepicker-input-container input { border: var(--borders-none); } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.custom-select\]\:grid-area_select .config label.select .custom-select { grid-area: select; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .config label.select .Select-control { background: rgba(0, 0, 0, 0.05); } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:grid-area_subtitle .config label.select .subtitle { grid-area: subtitle; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:grid-area_title .config label.select .title { grid-area: title; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:bg_transparent.mini-mobile .sidebar > a { background: var(--colors-transparent); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:bg_rgba\(0\,_0\,_0\,_0\.25\).mini-mobile .sidebar hr { background: rgba(0, 0, 0, 0.25); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:m_12px_16px.mini-mobile .sidebar hr { margin: 12px 16px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:bg_\#f0f0f0 .sidebar > a.active { background: #f0f0f0; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:bg_\#1976d2 .sidebar > a:is(:focus, [data-focus]),.\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:bg_\#1976d2 .sidebar > a:is(:hover, [data-hover]) { background: #1976d2; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bg_\#dddddd .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:hover\:bg_\#dddddd .datepicker-input-container:not(.disabled) .datepicker-toggle:is(:hover, [data-hover]) { background: #dddddd; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&\.active\]\:anim_listItemFadeIn_800ms .action-back .action-swiped-container.active { animation: listItemFadeIn 800ms; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:\[\&\.active\]\:anim_listItemFadeOut_800ms .action-back .trash-icon.active { animation: listItemFadeOut 800ms; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .icon-ball.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .subtitle.skeleton { background: rgba(0, 0, 0, 0.15); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:m_-8px .timepicker .picker .break { margin: -8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:p_8px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:p_8px .timepicker .picker .down { padding: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:bd_none .timepicker .picker input { border: var(--borders-none); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:p_0px .timepicker .picker input { padding: 0px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_var\(--accent-background-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:bg_var\(--accent-background-colour\) ul li:focus-visible,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:bg_var\(--accent-background-colour\) ul li:hover { background: var(--accent-background-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:p_8px div.title h1 > a { padding: 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_var\(--header-hover-background-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:bg_var\(--header-hover-background-colour\) ul li .deco { background: var(--header-hover-background-colour); } .\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:bg_rgba\(255\,_255\,_255\,_0\.75\) ul li:not(.active):hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:bg_rgba\(255\,_255\,_255\,_0\.75\) ul li:not(.active):focus-visible { background: rgba(255, 255, 255, 0.75); } .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&_\>_\*\]\:bg_white .grid-like .container > * { background: var(--colors-white); } .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&_\>_\*\]\:bd_1px_solid_rgb\(196\,_196\,_196\) .grid-like .container > * { border: 1px solid rgb(196, 196, 196); } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\>_div_\>_div_\.nav-item\]\:p_0px.full .form-inner-style > div > div .nav-item { padding: 0px; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.cancel\]\:bg_\#f44336 > .icon:hover.cancel,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.cancel\]\:bg_\#f44336 > .icon:focus.cancel { background: #f44336; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 > .icon:hover.save,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 > .icon:focus.save { background: #4caf50; } .\[\&_\.button-container\]\:\[\&_i\]\:\[\&\:hover\]\:bg_\#dddddd .button-container i:hover { background: #dddddd; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) .card-actions div.card-action:before { background: rgba(0, 0, 0, 0.1); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:p_4px .card-actions div.card-action i { padding: 4px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:active\]\:bg_rgba\(139\,_195\,_74\,_0\.2\) .fab > i:active { background: rgba(139, 195, 74, 0.2); } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .fab > i:hover { background: rgba(0, 0, 0, 0.05); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:bg_\#1e88e5 > ul li:after { background: #1e88e5; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:hover { background: rgba(0, 0, 0, 0.25); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 .sidebar > a:hover,.\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 .sidebar > a:focus { background: #1976d2; } .\[\&_table\]\:\[\&_tbody\]\:\[\&\.hasGroups_tr\:not\(\.group\)_th\]\:bg_white table tbody.hasGroups tr:not(.group) th { background: var(--colors-white); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_td\,_\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_th\]\:bg_\#e1f5fe table tbody tr:not(.disabled):not(.group):hover td,.\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_td\,_\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_th\]\:bg_\#e1f5fe table tbody tr:not(.disabled):not(.group):hover th { background: #e1f5fe; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bg_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bg_none\! table th.spacer { background: none !important; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:p_0px table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:p_0px table th.spacer { padding: 0px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:p_8px table thead tr th { padding: 8px; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_td\]\:bg_rgb\(248\,_248\,_248\) table tr.group td,.\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:bg_rgb\(248\,_248\,_248\) table tr.group th { background: rgb(248, 248, 248); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:bg_\#ffebee table tr td.is-invalid { background: #ffebee; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:m_0px table tr td span.input { margin: 0px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:p_0px table tr td span.input { padding: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bg_\#eeeeee .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\:hover\]\:bg_\#eeeeee .datepicker-input-container:not(.disabled) .datepicker-toggle:hover { background: #eeeeee; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:bg_\#f44336 > div > div.danger:hover:not(.disabled) { background: #f44336; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:bg_\#bdbdbd > div > div:hover.disabled { background: #bdbdbd; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\:not\(\.disabled\)\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) > div > div:hover:not(.disabled) { background: rgba(0, 0, 0, 0.1); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:trs_opacity_400ms.forward .transition-leave:after,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:trs_opacity_400ms:not(.forward) .transition-enter:after { transition: opacity 400ms; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bdr_50\% .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bdr_50\% .filter-group .add-rule svg,.\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bdr_50\% .filter-group .icon-add svg { border-radius: 50%; } .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete > :not(div),.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete::before,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete::after,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete > div > :not(.delete-group) { transition: opacity 400ms; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_div\]\:flex_3 .filter-inputs .datepicker-container > div,.\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:flex_3 .filter-inputs .datepicker-container > input { flex: 3; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:flex_1 .filter-inputs .operator-container > * { flex: 1 1 0%; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:flex_unset .filter-inputs .operator-container > :nth-child(2) { flex: unset; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(3\)\]\:flex_2 .filter-inputs .operator-container > :nth-child(3) { flex: 2; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .notification-area-container .header h5 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:flex_1 ul li span { flex: 1 1 0%; } .\[\&\.active\]\:\[\&\.disabled\]\:\[\&_\>_div\]\:bd-c_transparent.active.disabled > div { border-color: var(--colors-transparent); } .\[\&\.active\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div { border-color: var(--primary-colour, #1976d2); } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_100ms\,_top_100ms.active > div:after { transition: width 400ms, height 400ms, left 100ms, top 100ms; } .\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:after\]\:bd-c_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:after,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:focus\]\:bd-c_var\(--primary-colour\,_\#1976d2\) textarea:not(:disabled):focus { border-color: var(--primary-colour, #1976d2); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_rgba\(0\,_0\,_0\,_0\.42\) textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_rgba\(0\,_0\,_0\,_0\.42\) textarea:not(:disabled):focus { border-color: rgba(0, 0, 0, 0.42); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-w_2px textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-w_2px textarea:not(:disabled):focus { border-width: 2px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bdr_50\% .config .action-container svg { border-radius: 50%; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:trs_background-color_200ms .config .action-container svg { transition: background-color 200ms; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:bdr_50\% .config div.date .datepicker-container .datepicker-input-container > span { border-radius: 50%; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bdr_4px .config label.select .Select-control { border-radius: 4px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:bdr_24px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:bdr_24px .timepicker .picker .down { border-radius: 24px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:trs_background-color_0\.2s\,_color_0\.2s .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:trs_background-color_0\.2s\,_color_0\.2s .timepicker .picker .down { transition: background-color 0.2s, color 0.2s; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:bdr_8px div.title h1 > a { border-radius: 8px; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:td_none div.title h1 > a { text-decoration: none; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\:nth-of-type\(2\)\]\:bd-l_none .grid-like .triple-fields > *:nth-of-type(2) { border-left: var(--borders-none); } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\:nth-of-type\(2\)\]\:bd-r_none .grid-like .triple-fields > *:nth-of-type(2) { border-right: var(--borders-none); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:bdr_50\% .card-actions div.card-action:before { border-radius: 50%; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:trs_200ms .card-actions div.card-action:before { transition: 200ms; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:bdr_50\% .card-actions div.card-action i { border-radius: 50%; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:trs_color_200ms .card-actions div.card-action i { transition: color 200ms; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:trs_400ms > ul li:after { transition: 400ms; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:bd-l_none table tbody td.columnHidden { border-left: var(--borders-none); } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-b_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-b_none\! table th.spacer { border-bottom: var(--borders-none) !important; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-t_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-t_none\! table th.spacer { border-top: var(--borders-none) !important; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:bd-l_none table thead tr th.columnHidden { border-left: var(--borders-none); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:trs_background-color_200ms table tr.group th { transition: background-color 200ms; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:content_\'\'.forward .transition-leave:after { content: ''; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:d_block.forward .transition-leave:after { display: block; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:op_0.forward .transition-leave:after { opacity: 0; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:pos_fixed.forward .transition-leave:after { position: fixed; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:z_98.forward .transition-leave:after { z-index: 98; } .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:\[\&\:after\]\:op_1.forward .transition-leave-active:after { opacity: 1; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:content_\'\':not(.forward) .transition-enter:after { content: ''; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:d_block:not(.forward) .transition-enter:after { display: block; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:op_1:not(.forward) .transition-enter:after { opacity: 1; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:pos_fixed:not(.forward) .transition-enter:after { position: fixed; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:z_98:not(.forward) .transition-enter:after { z-index: 98; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:fs_28px .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:fs_28px .filter-group .add-rule svg { font-size: 28px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:pos_relative .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:pos_relative .filter-group .add-rule svg { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:content_\'\' .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:content_\'\' .filter-group .add-rule::before { content: ''; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:d_block .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:d_block .filter-group .add-rule::before { display: block; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:pos_absolute .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:pos_absolute .filter-group .add-rule::before { position: absolute; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:c_\#1976d2 .filter-group .icon-add span { color: #1976d2; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:fw_bold .filter-group .icon-add span { font-weight: var(--font-weights-bold); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:pos_relative .filter-group .icon-add span { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:tt_uppercase .filter-group .icon-add span { text-transform: uppercase; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bx-s_content-box .filter-group .icon-add svg { box-sizing: content-box; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:c_white .filter-group .icon-add svg { color: var(--colors-white); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:fs_20px .filter-group .icon-add svg { font-size: 20px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:pos_relative .filter-group .icon-add svg { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:content_\'\' .filter-group .icon-add::after { content: ''; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:pos_absolute .filter-group .icon-add::after { position: absolute; } .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete > :not(div),.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete::before,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete::after,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete > div > :not(.delete-group) { opacity: 0.25; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:content_\'\' .filter-group > div .filter-group::before { content: ''; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:pos_absolute .filter-group > div .filter-group::before { position: absolute; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:c_\#1976d2 .filter-inputs .datepicker-container > button { color: #1976d2; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:cursor_pointer .filter-inputs .datepicker-container > button { cursor: pointer; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:d_block .filter-inputs .datepicker-container > button { display: block; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:fw_500 .filter-inputs .datepicker-container > button { font-weight: 500; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:leading_32px .filter-inputs .datepicker-container > button { line-height: 32px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:tt_uppercase .filter-inputs .datepicker-container > button { text-transform: uppercase; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:bx-s_border-box .filter-inputs .datepicker-container > input { box-sizing: border-box; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:c_\#555 .filter-inputs .datepicker-container > input { color: #555; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\)\! .action-container > div:is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.5) !important; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\)\! .action-container > div:is(:hover, [data-hover]) { color: rgba(0, 0, 0, 0.87) !important; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\) .action-container svg:is(:hover, [data-hover]),.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\) .action-container i:is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.5); } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\) .action-container svg:is(:hover, [data-hover]),.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\) .action-container i:is(:hover, [data-hover]) { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:pos_absolute .notification-area-container .empty span { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:ta_center .notification-area-container .empty span { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:c_rgba\(0\,_0\,_0\,_0\.5\) .notification-area-container .header h5 { color: rgba(0, 0, 0, 0.5); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:fs_1\.1em .notification-area-container .header h5 { font-size: 1.1em; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:fw_normal .notification-area-container .header h5 { font-weight: var(--font-weights-normal); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:tracking_0\.1rem .notification-area-container .header h5 { letter-spacing: 0.1rem; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:ta_center .notification-area-container .header h5 { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:tt_uppercase .notification-area-container .header h5 { text-transform: uppercase; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:bx-s_border-box .notification-area-container .header span { box-sizing: border-box; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container .header span { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:cursor_pointer .notification-area-container .header span { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:d_block .notification-area-container .header span { display: block; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:fs_0\.75em .notification-area-container .header span { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:leading_40px .notification-area-container .header span { line-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:pos_absolute .notification-area-container .header span { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:cursor_pointer .notification-area-container ul li { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:d_flex .notification-area-container ul li { display: flex; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:pos_relative .notification-area-container ul li { position: relative; } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:c_black li a.active { color: var(--colors-black); } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:fw_500 li a.active { font-weight: 500; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:c_\#aaaaaa ul.file-list-contents li::after { color: #aaaaaa; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:content_\'\\f0ed\' ul.file-list-contents li::after { content: '\f0ed'; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:ff_FontAwesome ul.file-list-contents li::after { font-family: FontAwesome; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:fs_18px ul.file-list-contents li::after { font-size: 18px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:pos_absolute ul.file-list-contents li::after { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:d_inline-block ul li > span,.\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:d_inline-block ul li label { display: inline-block; } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:leading_40px ul li span { line-height: 40px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:content_\'\' > div .filter-group:not(.collapsed)::after { content: ''; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:pos_absolute > div .filter-group:not(.collapsed)::after { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_white ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_white ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_white ul li:focus,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_white > ul li.active,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:hover\]\:c_white > ul li:hover { color: var(--colors-white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:cursor_pointer ul li > span { cursor: pointer; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:d_block ul li > span { display: block; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:c_var\(--text-colour\,_white\) ul li.selected,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:c_var\(--text-colour\,_white\) > * > *:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:c_var\(--text-colour\,_white\) > * > *:hover { color: var(--text-colour, white); } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[\&\:hover\,_\&\:focus\]\:-moz-appearance_auto > div:last-child > input[type="number"]:hover,.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[\&\:hover\,_\&\:focus\]\:-moz-appearance_auto > div:last-child > input[type="number"]:focus { -moz-appearance: auto; } .\[\&\.active\]\:\[\&\.disabled\]\:\[\&_\>_div\]\:op_0\.38.active.disabled > div { opacity: 0.38; } .\[\&\.active\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bg-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div,.\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:after\]\:bg-c_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:after { background-color: var(--primary-colour, #1976d2); } .\[\&_li\]\:\[\&_svg\]\:\[\&\.rating-empty\]\:c_\#cccccc li svg.rating-empty { color: #cccccc; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bx-s_content-box .config .action-container svg { box-sizing: content-box; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:cursor_pointer .config .action-container svg { cursor: pointer; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:d_inline-block .config .action-container svg { display: inline-block; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:fs_14px .config div.codebox .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:op_0\.5 .config div.codebox .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:fw_500 .config div.codebox .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.codebox .title,.\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.codebox .subtitle { display: block; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:fs_1em .config div.date .datepicker-container .datepicker-input-container input { font-size: 1em; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:ta_right .config div.date .datepicker-container .datepicker-input-container input { text-align: right; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bx-sh_none\! .config label.select .Select-control { box-shadow: none !important; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:ta_right .config label.select .Select-value { text-align: right; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.switch *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.checkbox *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.select *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config div.date *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config div.range * { touch-action: manipulation; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.switch.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.switch.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.checkbox.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.checkbox.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.select.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.select.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.date.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.date.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.range.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.range.disabled .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config div.range .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config div.range .subtitle { line-height: 20px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config div.range .subtitle { opacity: 0.75; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.range .checkbox { position: absolute; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config div.range .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config div.range .title { line-height: 28px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.range .subtitle { display: block; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.range .subtitle { -webkit-user-select: none; user-select: none; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:c_rgba\(0\,_0\,_0\,_0\.87\).mini-mobile .sidebar > a { color: rgba(0, 0, 0, 0.87); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:tch-a_manipulation.mini-mobile .sidebar > a { touch-action: manipulation; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:c_rgba\(0\,_0\,_0\,_0\.75\).mini-mobile .sidebar h6 { color: rgba(0, 0, 0, 0.75); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:c_black .sidebar > a.active { color: var(--colors-black); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:fw_500 .sidebar > a.active { font-weight: 500; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&\.active\]\:op_1 .action-back .action-swiped-container.active { opacity: 1; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .action-swiped-container .title { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:fs_1\.25em .action-back .action-swiped-container .title { font-size: 1.25em; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:leading_76px .action-back .action-swiped-container .title { line-height: 76px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:pos_absolute .action-back .action-swiped-container .title { position: absolute; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .action-swiped-container .undo { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:fs_1\.25em .action-back .action-swiped-container .undo { font-size: 1.25em; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:fw_500 .action-back .action-swiped-container .undo { font-weight: 500; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:leading_76px .action-back .action-swiped-container .undo { line-height: 76px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:pos_absolute .action-back .action-swiped-container .undo { position: absolute; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:tt_uppercase .action-back .action-swiped-container .undo { text-transform: uppercase; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:\[\&\.active\]\:op_0 .action-back .trash-icon.active { opacity: 0; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:ai_center .timepicker .picker .break { align-items: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:d_flex .timepicker .picker .break { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:fs_40px .timepicker .picker .break { font-size: 40px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .hour-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .minute-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .ampm-display { position: relative; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:c_\#aaaaaa .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:c_\#aaaaaa .timepicker .picker .down { color: #aaaaaa; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:cursor_pointer .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:cursor_pointer .timepicker .picker .down { cursor: pointer; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:pos_absolute .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:pos_absolute .timepicker .picker .down { position: absolute; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:d_inline-block .timepicker .picker input { display: inline-block; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:fs_32px .timepicker .picker input { font-size: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:leading_200px .timepicker .picker input { line-height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:ta_center .timepicker .picker input { text-align: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:cursor_pointer .timepicker .picker span { cursor: pointer; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:d_inline-block .timepicker .picker span { display: inline-block; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:fs_32px .timepicker .picker span { font-size: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:leading_200px .timepicker .picker span { line-height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:ta_center .timepicker .picker span { text-align: center; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_var\(--accent-text-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:c_var\(--accent-text-colour\) ul li:focus-visible,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:c_var\(--accent-text-colour\) ul li:hover { color: var(--accent-text-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:c_unset div.title h1 > a { color: unset; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:d_inline-block div.title h1 > a { display: inline-block; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:leading_1\.5rem div.title h1 > a { line-height: 1.5rem; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_var\(--header-hover-text-colour\) ul li.active { color: var(--header-hover-text-colour); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:pos_absolute ul li .deco { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:c_black ul li:not(.active):hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:c_black ul li:not(.active):focus-visible { color: var(--colors-black); } .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ta_center .quintuple-fields .field-container * { text-align: center; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div > .nav-item .nav-item .nav-item-header { color: #64BAA7; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div > .nav-item .nav-item .nav-item-header { font-size: 14px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div > .nav-item .nav-item .nav-item-header { text-transform: uppercase; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\.svg-background\]\:d_none.full .form-inner-style .svg-background { display: none; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div .nav-item .nav-item .nav-item-header { color: #64BAA7; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div .nav-item .nav-item .nav-item-header { font-size: 14px; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div .nav-item .nav-item .nav-item-header { text-transform: uppercase; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:content_\'\' .card-actions div.card-action:before { content: ''; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:cursor_pointer .card-actions div.card-action:before { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:d_block .card-actions div.card-action:before { display: block; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:pos_absolute .card-actions div.card-action:before { position: absolute; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:z_0 .card-actions div.card-action:before { z-index: 0; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover_i\]\:c_black .card-actions div.card-action:hover i { color: var(--colors-black); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:c_\#adadad .card-actions div.card-action i { color: #adadad; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:cursor_pointer .card-actions div.card-action i { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:fs_20px .card-actions div.card-action i { font-size: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_\>_i\]\:d_none .fab.open > i { display: none; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:c_black .fab.open div.editor { color: var(--colors-black); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:d_flex .fab.open div.editor { display: flex; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:flex-d_column .fab.open div.editor { flex-direction: column; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:op_1 .fab.open div.editor { opacity: 1; } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:hover\]\:trf_rotate\(360deg\)_scale\(1\.1\) .fab > i:hover { transform: rotate(360deg) scale(1.1); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_black > ul li.active { color: var(--colors-black); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:op_1 > ul li.active { opacity: 1; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:content_\'\' > ul li:after { content: ''; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:op_0 > ul li:after { opacity: 0; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:pos_absolute > ul li:after { position: absolute; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:d_block > ul li span.subtitle { display: block; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:fs_11px > ul li span.subtitle { font-size: 11px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:fw_normal > ul li span.subtitle { font-weight: var(--font-weights-normal); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:leading_13px > ul li span.subtitle { line-height: 13px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:leading_32px > ul li span.title { line-height: 32px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:cursor_pointer > ul li svg { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:pos_relative > ul li svg { position: relative; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:va_text-bottom > ul li svg { vertical-align: text-bottom; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\:hover\]\:c_white .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:hover { color: var(--colors-white); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:ta_left table tbody th { text-align: left; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:us_none table tbody th { -webkit-user-select: none; user-select: none; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:ta_left table tbody th.child { text-align: left; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_td\,_\&_tr\.total_th\]\:fw_bold table tbody tr.total td,.\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_td\,_\&_tr\.total_th\]\:fw_bold table tbody tr.total th { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:op_0\.5 table tbody tr.total th { opacity: 0.5; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:ta_right table tbody tr.total th { text-align: right; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:fs_14px table thead tr th { font-size: 14px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:leading_14px table thead tr th { line-height: 14px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:ta_left table thead tr th { text-align: left; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:va_bottom table thead tr th { vertical-align: bottom; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.title\]\:ta_right table thead tr th.title { text-align: right; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_\*\]\:cursor_pointer table tr.group * { cursor: pointer; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&\.open_th\:after\]\:content_\'keyboard_arrow_down\' table tr.group.open th:after { content: 'keyboard_arrow_down'; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:c_black table tr.group input { color: var(--colors-black); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:fw_bold table tr.group input { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:op_1 table tr.group input,.\[\&_table\]\:\[\&_tr\.group\]\:\[\&_span\.input\.disabled\]\:op_1 table tr.group span.input.disabled { opacity: 1; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:fw_bold table tr.group th { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:ta_left table tr.group th { text-align: left; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:us_none table tr.group th { -webkit-user-select: none; user-select: none; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:c_\#888 table tr.hasTip th svg { color: #888; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:fs_14px table tr.hasTip th svg { font-size: 14px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:ta_center table tr td.center { text-align: center; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:pos_relative table tr td.is-invalid { position: relative; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:ta_right table tr td.right { text-align: right; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.disabled\]\:op_0\.5 > div > div.disabled { opacity: 0.5; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:cursor_pointer > div > div:not(.disabled) { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:d_block > div > div > span { display: block; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:white-space_nowrap > div > div > span { white-space: nowrap; } .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:\[\&\:after\]\:op_0 .slide-right-back-enter.slide-right-back-enter-active:after { opacity: 0; } .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:\[\&\:after\]\:op_1 .slide-right-exit.slide-right-exit-active:after { opacity: 1; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:bottom_0.forward .transition-leave:after { bottom: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:left_0.forward .transition-leave:after { left: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:right_0.forward .transition-leave:after { right: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:top_0.forward .transition-leave:after { top: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:left_0:not(.forward) .transition-enter.transition-enter-active { left: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:bottom_0:not(.forward) .transition-enter:after { bottom: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:left_0:not(.forward) .transition-enter:after { left: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:right_0:not(.forward) .transition-enter:after { right: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:top_0:not(.forward) .transition-enter:after { top: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:\[\&\.transition-leave-active\]\:left_100vw:not(.forward) .transition-leave.transition-leave-active { left: 100vw; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_button\]\:pt_0px .filter-group .add-group button,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_button\]\:pt_0px .filter-group .add-rule button { padding-top: 0px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:top_4px .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:top_4px .filter-group .add-rule svg { top: 4px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:h_calc\(100\%_\+_6px\) .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:h_calc\(100\%_\+_6px\) .filter-group .add-rule::before { height: calc(100% + 6px); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:left_26px .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:left_26px .filter-group .add-rule::before { left: 26px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:top_0 .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:top_0 .filter-group .add-rule::before { top: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:w_4px .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:w_4px .filter-group .add-rule::before { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:h_50\% .filter-group .add-rule::before { height: 50%; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:left_24px .filter-group .icon-add span { left: 24px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:top_-2px .filter-group .icon-add span { top: -2px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:h_14px .filter-group .icon-add svg { height: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:left_14px .filter-group .icon-add svg { left: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:w_14px .filter-group .icon-add svg { width: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:h_8px .filter-group .icon-add::after { height: 8px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:left_31px .filter-group .icon-add::after { left: 31px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:top_0 .filter-group .icon-add::after { top: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:w_4px .filter-group .icon-add::after { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt_48px .filter-group > div .filter-group > div { margin-top: 48px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:bottom_-8px .filter-group > div .filter-group::before { bottom: -8px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:h_calc\(100\%_\+_6px\) .filter-group > div .filter-group::before { height: calc(100% + 6px); } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:left_-2px .filter-group > div .filter-group::before { left: -2px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:w_4px .filter-group > div .filter-group::before { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div\:first-child_\.filter-group\]\:before\:h_calc\(100\%_-_26px\) .filter-group > div:first-child .filter-group::before { height: calc(100% - 26px); } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:ml_-8px .filter-inputs .datepicker-container > button { margin-left: -8px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:mr_8px .filter-inputs .datepicker-container > button { margin-right: 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:w_96px .filter-inputs .datepicker-container > button { width: 96px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:h_32px .filter-inputs .datepicker-container > input { height: 32px; } .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:after\:h_60px .filter-inputs.is-first::after { height: 60px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:w_240px .filter-inputs .operator-container > :nth-child(2) { width: 240px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:w_100\% .filter-inputs .operator-container span.input { width: 100%; } .\[\&_form\]\:\[\&_\>_div\]\:\[\&_button\]\:ml_8px form > div button { margin-left: 8px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:mb_0px form fieldset legend { margin-bottom: 0px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:w_auto form fieldset legend { width: auto; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:left_0px .notification-area-container .empty span { left: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:right_0px .notification-area-container .empty span { right: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:top_calc\(50\%_-_12px\) .notification-area-container .empty span { top: calc(50% - 12px); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:bottom_0px .notification-area-container .header span { bottom: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:right_0px .notification-area-container .header span { right: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:min-h_64px .notification-area-container ul li { min-height: 64px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:right_16px ul.file-list-contents li::after { right: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_input\[type\=\"number\"\]\]\:w_80px ul li input[type="number"] { width: 80px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:h_4px > div .filter-group:not(.collapsed)::after { height: 4px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:left_0 > div .filter-group:not(.collapsed)::after { left: var(--spacing-0); } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:top_70px > div .filter-group:not(.collapsed)::after { top: 70px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:w_34px > div .filter-group:not(.collapsed)::after { width: 34px; } .\[\&_li\]\:\[\&_label\]\:\[\&_span\]\:mr_8px li label span { margin-right: 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:ml_16px ul li span { margin-left: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_svg\]\:mr_8px ul li > svg { margin-right: 8px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:h_12px.active > div:after { height: 12px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_4px.active > div:after { left: 4px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_4px.active > div:after { top: 4px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:w_12px.active > div:after { width: 12px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:h_24px:not(.disabled).active:after { height: 24px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:left_-2px:not(.disabled).active:after { left: -2px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:top_-2px:not(.disabled).active:after { top: -2px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:w_24px:not(.disabled).active:after { width: 24px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:h_40px:not(.disabled):not(.active).focus:before { height: 40px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:left_-10px:not(.disabled):not(.active).focus:before { left: -10px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:top_-10px:not(.disabled):not(.active).focus:before { top: -10px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:w_40px:not(.disabled):not(.active).focus:before { width: 40px; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.iconOnly\]\:w_12px\! button svg.iconOnly { width: 12px !important; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.left\:not\(\.iconOnly\)\]\:mr_8px button svg.left:not(.iconOnly) { margin-right: 8px; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.right\:not\(\.iconOnly\)\]\:ml_8px button svg.right:not(.iconOnly) { margin-left: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:h_20px .config .action-container svg { height: 20px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:ml_8px .config .action-container svg { margin-left: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:w_20px .config .action-container svg { width: 20px; } .\[\&_\.config\]\:\[\&_\.input\]\:\[\&_input\]\:w_100\% .config .input input { width: 100%; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pb_8px .config div.codebox .subtitle { padding-bottom: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pl_8px .config div.codebox .subtitle { padding-left: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:pb_0px .config div.codebox .title { padding-bottom: 0px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pb_1px .config div.date .datepicker-container .datepicker-input-container > span { padding-bottom: 1px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pt_0px .config div.date .datepicker-container .datepicker-input-container > span { padding-top: 0px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:right_unset .config div.date .datepicker-container .datepicker-input-container > span { right: unset; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:top_-1px .config div.date .datepicker-container .datepicker-input-container > span { top: -1px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:ml_auto .config label.select .Select-control { margin-left: auto; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:mr_24px .config label.select .Select-control { margin-right: 24px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:w_75\% .config label.select .Select-control { width: 75%; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:pr_32px .config label.select .Select-value { padding-right: 32px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_100\% .config label.select .title,.\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_100\% .config label.select .subtitle { max-width: 100%; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config div.range .checkbox { right: 24px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.switch.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.checkbox.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.select.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config div.date.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config div.range.no-subtitle .title { margin-top: 10px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.range .checkbox { right: 8px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.range .checkbox { top: 16px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.range .subtitle { max-width: calc(100% - 60px); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl_16px.mini-mobile .sidebar > a { padding-left: 16px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:ml_16px.mini-mobile .sidebar h6 { margin-left: 16px; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:hover\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle:is(:hover, [data-hover]) { border-left-color: #cccccc; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:left_24px .action-back .action-swiped-container .title { left: 24px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:right_24px .action-back .action-swiped-container .undo { right: 24px; } .\[\&_\.content\]\:\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:left_-100\% .content.swiped-away.swiped-left { left: -100%; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:h_16px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:h_16px .content .subtitle.skeleton { height: 16px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:ml_8px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:ml_8px .content .subtitle.skeleton { margin-left: 8px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:mt_10px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:mt_10px .content .subtitle.skeleton { margin-top: 10px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:min-w_120px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:min-w_120px .content .subtitle.skeleton { min-width: 120px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:w_25\% .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:w_25\% .content .subtitle.skeleton { width: 25%; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:bottom_8px .timepicker .picker .down { bottom: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .hour-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .minute-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .ampm-display { width: 64px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:top_8px .timepicker .picker .up { top: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:h_32px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:h_32px .timepicker .picker .down { height: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:left_8px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:left_8px .timepicker .picker .down { left: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:w_32px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:w_32px .timepicker .picker .down { width: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:w_100\% .timepicker .picker input,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:w_100\% .timepicker .picker span { width: 100%; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:h_16px ul li .deco { height: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:left_0 ul li .deco { left: var(--spacing-0); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:top_100\% ul li .deco { top: 100%; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:w_100\% ul li .deco { width: 100%; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\]\:mb_0px .grid-like .triple-fields > * { margin-bottom: 0px; } .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ml_0px .quintuple-fields .field-container * { margin-left: 0px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item .nav-item-header { margin-left: 9px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div > .nav-item .nav-item .nav-item-header,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div .nav-item .nav-item .nav-item-header { margin-top: 16px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:h_0px .card-actions div.card-action:before { height: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:left_14px .card-actions div.card-action:before { left: 14px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:top_14px .card-actions div.card-action:before { top: 14px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:w_0px .card-actions div.card-action:before { width: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:h_28px .card-actions div.card-action:hover:before { height: 28px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:left_0px .card-actions div.card-action:hover:before { left: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:top_0px .card-actions div.card-action:hover:before { top: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:w_28px .card-actions div.card-action:hover:before { width: 28px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:h_28px .card-actions div.card-action i { height: 28px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:h_100\% .fab.open div.editor { height: 100%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:bottom_-3px > ul li:after { bottom: -3px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:h_3px > ul li:after { height: 3px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:left_50\% > ul li:after { left: 50%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:right_50\% > ul li:after { right: 50%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:h_28px > ul li span.title { height: 28px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:mr_8px > ul li svg { margin-right: 8px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:top_3px > ul li svg { top: 3px; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:pl_24px table tbody th.child { padding-left: 24px; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:w_8px table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:w_8px table th.spacer { width: 8px; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:ml_8px table tr.hasTip th svg { margin-left: 8px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:mt_1px table tr td span.input { margin-top: 1px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:w_100\% table tr td span.input { width: 100%; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\:hover\]\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle:hover { border-left-color: #cccccc; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:mb_-2px > div > div > span { margin-bottom: -2px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:mt_2px > div > div > span { margin-top: 2px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .front { border: 4px solid rgba(0, 0, 0, 0.25); } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bdr_16px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bdr_16px:hover:not(.disabled) > div .front { border-radius: 16px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:ml_10px.focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:ml_10px:hover:not(.disabled) > div .back { margin-left: 10px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:mt_0px.focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:mt_0px:hover:not(.disabled) > div .back { margin-top: 0px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:ml_-4px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:ml_-4px:hover:not(.disabled) > div .front { margin-left: -4px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:top_4px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:top_4px:hover:not(.disabled) > div .front { top: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:bg_\#bdbdbd .filter-group > div .filter-group:not(.collapsed)::after { background: #bdbdbd; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .datepicker-container > button:hover,.\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .datepicker-container > button:focus { background: #eeeeee; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:m_0 .notification-area-container ul li .icon-container { margin: var(--spacing-0); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:bg_rgba\(244\,_67\,_54\,_0\.1\) .notification-area-container ul li.important { background: rgba(244, 67, 54, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:bg_rgba\(33\,_150\,_243\,_0\.1\) .notification-area-container ul li.unread { background: rgba(33, 150, 243, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .notification-area-container ul li:hover { background: rgba(0, 0, 0, 0.05); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:bg_var\(--primary-colour-faint\,_\#1976d2\) ul li > span.parent-selected { background: var(--primary-colour-faint, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:bg_var\(--primary-colour\,_\#1976d2\) ul li > span.selected { background: var(--primary-colour, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li > span:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li > span:focus { background: var(--primary-colour-hover, #1976d2A0); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.5); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.25); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:active,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:bg_\#546e7a.mini-mobile .sidebar > a:is(:focus, [data-focus]),.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:bg_\#546e7a.mini-mobile .sidebar > a:is(:hover, [data-hover]) { background: #546e7a; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:bg_\#1976D2 .timepicker .picker .up:is(:hover, [data-hover]),.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:bg_\#1976D2 .timepicker .picker .down:is(:hover, [data-hover]) { background: #1976D2; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) div.title h1 > a:hover,.\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) div.title h1 > a:focus-visible { background: var(--header-hover-background-colour); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:p_8px .fab.open div.editor > div { padding: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:focus { background: rgba(0, 0, 0, 0.5); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:hover,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:active { background: #546e7a; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:hover\]\:bg_rgb\(240\,_240\,_240\) table tr.group th:hover { background: rgb(240, 240, 240); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:bd_none table tr td span.input input { border: var(--borders-none); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:m_0px table tr td span.input input { margin: 0px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:p_2px_8px table tr td span.input input { padding: 2px 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:bg_\#1976D2 .timepicker .picker .up:hover,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:bg_\#1976D2 .timepicker .picker .down:hover { background: #1976D2; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:\[\&\:hover\]\:td_underline .notification-area-container .header span:hover { text-decoration: underline; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:flex_1 .notification-area-container ul li .content-container,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:flex_1 .notification-area-container ul li .icon-container { flex: 1 1 0%; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_400ms\,_top_400ms.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_400ms\,_top_400ms.active:focus > div:after { transition: width 400ms, height 400ms, left 400ms, top 400ms; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:bd-c_transparent .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:bd-c_transparent .config .action-container svg:is(:hover, [data-hover]) { border-color: var(--colors-transparent); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:bd-t_1px_solid_\#ddd .fab.open div.editor > div { border-top: 1px solid #ddd; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:flex_1 .fab.open div.editor > div { flex: 1 1 0%; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent .config .action-container svg:focus { border-color: var(--colors-transparent); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:bd-r_none table tbody td.columnHidden:not(:last-child),.\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:bd-r_none table thead tr th.columnHidden:not(:last-child) { border-right: var(--borders-none); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:\[\&\:after\]\:op_0:not(.forward) .transition-enter.transition-enter-active:after { opacity: 0; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:content_\'\' .filter-group > div .filter-group:not(.collapsed)::after { content: ''; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:pos_absolute .filter-group > div .filter-group:not(.collapsed)::after { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\*\]\:cursor_pointer .notification-area-container ul li * { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:fs_40px .notification-area-container ul li .icon-container { font-size: 40px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:ta_center .notification-area-container ul li .icon-container { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\:hover_\.content-container_span\.mark-as-read\]\:op_1 .notification-area-container ul li:hover .content-container span.mark-as-read { opacity: 1; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:hover\]\:\[\&\:\:after\]\:c_\#42a5f5 ul.file-list-contents li:hover::after { color: #42a5f5; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:c_var\(--text-colour-faint\,_white\) ul li > span.parent-selected { color: var(--text-colour-faint, white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:c_var\(--text-colour\,_white\) ul li > span.selected,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li > span:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li > span:focus { color: var(--text-colour, white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:op_0\.75 ul li > span > svg { opacity: 0.75; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.87); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:c_white .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:is(:hover, [data-hover]) { color: var(--colors-white); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:active,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:is(:focus, [data-focus]),.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.87); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:c_\#FFFFFF .timepicker .picker .up:is(:hover, [data-hover]),.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:c_\#FFFFFF .timepicker .picker .down:is(:hover, [data-hover]) { color: #FFFFFF; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) div.title h1 > a:hover,.\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) div.title h1 > a:focus-visible { color: var(--header-hover-text-colour); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:fs_20px .fab.open div.editor > div { font-size: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:leading_20px .fab.open div.editor > div { line-height: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:ta_right .fab.open div.editor > div { text-align: right; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_textarea\]\:op_1 .fab.open div.editor textarea,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:op_1 > ul li.active:after { opacity: 1; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:\[\&\.hasSubtitle\]\:leading_11px > ul li span.title.hasSubtitle { line-height: 11px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:hover,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:active { color: rgba(255, 255, 255, 0.87); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:d_inline-block table tbody th span { display: inline-block; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.center\]\:ta_center table thead tr th.center { text-align: center; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.right\]\:ta_right table thead tr th.right { text-align: right; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:d_inline-block table thead tr th span { display: inline-block; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:content_\'keyboard_arrow_right\' table tr.group th:after { content: 'keyboard_arrow_right'; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:float_right table tr.group th:after { float: right; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:ff_Material_Icons table tr.group th:after { font-family: Material Icons; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:\[\&_span\.input_input\]\:ta_center table tr td.center span.input input { text-align: center; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:c_red table tr td.is-invalid:before { color: red; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:content_\'\\f06a\' table tr td.is-invalid:before { content: '\f06a'; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:ff_FontAwesome table tr td.is-invalid:before { font-family: FontAwesome; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:fs_20px table tr td.is-invalid:before { font-size: 20px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:fw_normal table tr td.is-invalid:before { font-weight: var(--font-weights-normal); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:pos_absolute table tr td.is-invalid:before { position: absolute; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:\[\&_span\.input_input\]\:ta_right table tr td.right span.input input { text-align: right; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:fs_12px table tr td span.input input { font-size: 12px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:ta_left table tr td span.input input { text-align: left; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > div > div.danger:hover:not(.disabled) > span { color: rgba(255, 255, 255, 0.87); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:\[\&_\>_span\]\:c_black > div > div:hover.disabled > span { color: var(--colors-black); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_span\]\:cursor_pointer > div > div:not(.disabled) > span { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:fs_0\.75rem > div > div > span > .shortcut { font-size: 0.75rem; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:pos_absolute > div > div > span > .shortcut { position: absolute; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_span\:not\(\.shortcut\)\]\:leading_20px > div > div > span > span:not(.shortcut) { line-height: 20px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > div > span svg { color: rgba(0, 0, 0, 0.7); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:fs_16px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:fs_16px > div > div > span svg { font-size: 16px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:c_\#FFFFFF .timepicker .picker .up:hover,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:c_\#FFFFFF .timepicker .picker .down:hover { color: #FFFFFF; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:h_calc\(50\%_\+_6px\) .filter-group .add-group.is-first::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:h_calc\(50\%_\+_6px\) .filter-group .add-rule.is-first::before { height: calc(50% + 6px); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:top_50\% .filter-group .add-group.is-first::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:top_50\% .filter-group .add-rule.is-first::before { top: 50%; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:h_4px .filter-group > div .filter-group:not(.collapsed)::after { height: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:left_0 .filter-group > div .filter-group:not(.collapsed)::after { left: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:top_70px .filter-group > div .filter-group:not(.collapsed)::after { top: 70px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:w_34px .filter-group > div .filter-group:not(.collapsed)::after { width: 34px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:\[\&_input\]\:w_100\% .filter-inputs .operator-container span.input input { width: 100%; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:mr_8px .notification-area-container ul li .icon-container { margin-right: 8px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:mt_-4px .notification-area-container ul li .icon-container { margin-top: -4px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:max-w_40px .notification-area-container ul li .icon-container { max-width: 40px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:\[\&_\>_span\]\:mr_8px ul li label > span,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:mr_8px ul li > span > svg { margin-right: 8px; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_2px.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_2px.active:focus > div:after { left: 2px; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_2px.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_2px.active:focus > div:after { top: 2px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:mt_4px .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:mt_4px .content .subtitle.skeleton.subtitle { margin-top: 4px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:min-w_100px .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:min-w_100px .content .subtitle.skeleton.subtitle { min-width: 100px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:w_20\% .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:w_20\% .content .subtitle.skeleton.subtitle { width: 20%; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:max-h_56px .fab.open div.editor > div { max-height: 56px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:left_0px > ul li.active:after { left: 0px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:right_0px > ul li.active:after { right: 0px; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:mt_1px table tbody th span,.\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:mt_1px table thead tr th span { margin-top: 1px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:left_10px table tr td.is-invalid:before { left: 10px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:top_calc\(50\%_-_10px\) table tr td.is-invalid:before { top: calc(50% - 10px); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:w_100\% table tr td span.input input { width: 100%; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:right_8px > div > div > span > .shortcut { right: 8px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:top_7px > div > div > span > .shortcut { top: 7px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mr_16px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mr_16px > div > div > span svg { margin-right: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mt_-4px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mt_-4px > div > div > span svg { margin-top: -4px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:pl_4px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:pl_4px > div > div > span svg { padding-left: 4px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container h6,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container p,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container span { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:\[\&\:hover\]\:bg_rgba\(244\,_67\,_54\,_0\.05\) .notification-area-container ul li.important:hover { background: rgba(244, 67, 54, 0.05); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:\[\&\:hover\]\:bg_rgba\(33\,_150\,_243\,_0\.05\) .notification-area-container ul li.unread:hover { background: rgba(33, 150, 243, 0.05); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:is(:hover, [data-hover]).close { background: #f44336; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:is(:hover, [data-hover]).save { background: #4caf50; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:bg_rgba\(0\,_0\,_0\,_0\) .fab.open div.editor > div i { background: rgba(0, 0, 0, 0); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:p_8px .fab.open div.editor > div i { padding: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:hover.close,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:focus.close { background: #f44336; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:hover.save,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:focus.save { background: #4caf50; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:bdr_50\% .fab.open div.editor > div i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:trs_background_100ms .fab.open div.editor > div i { transition: background 100ms; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:fs_16px .notification-area-container ul li .content-container h6 { font-size: 16px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:fw_500 .notification-area-container ul li .content-container h6 { font-weight: 500; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:fs_14px .notification-area-container ul li .content-container p { font-size: 14px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:leading_18px .notification-area-container ul li .content-container p { line-height: 18px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:op_0\.87 .notification-area-container ul li .content-container p { opacity: 0.87; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:c_rgba\(0\,_0\,_0\,_0\.67\) .notification-area-container ul li .content-container span.date { color: rgba(0, 0, 0, 0.67); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:d_block .notification-area-container ul li .content-container span.date { display: block; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:fs_11px .notification-area-container ul li .content-container span.date { font-size: 11px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container ul li .content-container span.mark-as-read { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:d_block .notification-area-container ul li .content-container span.mark-as-read { display: block; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:fs_0\.75em .notification-area-container ul li .content-container span.mark-as-read { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:op_0 .notification-area-container ul li .content-container span.mark-as-read { opacity: 0; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:ta_right .notification-area-container ul li .content-container span.mark-as-read { text-align: right; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:cursor_pointer .fab.open div.editor > div i { cursor: pointer; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:fs_24px .fab.open div.editor > div i { font-size: 24px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:fw_bold .fab.open div.editor > div i { font-weight: var(--font-weights-bold); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > div > div.danger:hover:not(.disabled) > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > div > div.danger:hover:not(.disabled) > span svg { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:\[\&_\>_span\]\:\[\&_i\]\:c_black\! > div > div:hover.disabled > span i { color: var(--colors-black) !important; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_\*\]\:cursor_pointer > div > div:not(.disabled) > span * { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:pos_relative > div > div > span > .shortcut svg { position: relative; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:mr_4px > div > div > span > .shortcut svg { margin-right: 4px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:top_2px > div > div > span > .shortcut svg { top: 2px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .fab.open div.editor > div i:hover { background: rgba(0, 0, 0, 0.15); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[\&\:hover\]\:td_underline .notification-area-container ul li .content-container span.mark-as-read:hover { text-decoration: underline; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[\&\:hover\]\:cursor_pointer .notification-area-container ul li .content-container span.mark-as-read:hover { cursor: pointer; } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:op_0 { opacity: 0; } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:trf_translateX\(8px\) { transform: translateX(8px); } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:op_1 { opacity: 1; } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:trf_translateX\(0\) { transform: translateX(0); } } @keyframes slideIn { .\[\@keyframes_slideIn\]\:trf_translateX\(100\%\) { transform: translateX(100%); } } @keyframes slideIn { .\[\@keyframes_slideIn\]\:trf_translateX\(0\) { transform: translateX(0); } } @keyframes slideUp { .\[\@keyframes_slideUp\]\:trf_translateY\(100\%\) { transform: translateY(100%); } } @keyframes slideUp { .\[\@keyframes_slideUp\]\:trf_translateY\(0\) { transform: translateY(0); } } @media screen and (min-width: 40rem) { .sm\:d_flex { display: flex; } .sm\:d_none { display: none; } .sm\:d_block { display: block; } .sm\:pt_0 { padding-top: var(--spacing-0); } .sm\:pt_20px { padding-top: 20px; } } @media screen and (min-width: 48rem) { .md\:p_16px_20px { padding: 16px 20px; } .md\:d_none { display: none; } .md\:grid-tc_repeat\(2\,_1fr\) { grid-template-columns: repeat(2, 1fr); } .md\:d_flex { display: flex; } } @media (min-width: 781px) { .\[\@media_\(min-width\:_781px\)\]\:d_none { display: none; } } @media (min-width: 1024px) { .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:z_7.has-action-bar { z-index: 7; } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:z_8.has-action-bar { z-index: 8; } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:h_calc\(100vh_-_64px\).has-action-bar { height: calc(100vh - 64px); } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:mt_64px.has-action-bar { margin-top: 64px; } } @media screen and (min-width: 1024px) { .\[\@media_screen_and_\(min-width\:_1024px\)\]\:\[\&_\.hide-desktop\]\:d_none .hide-desktop { display: none; } } @media screen and (min-width: 64rem) { .lg\:p_28px_24px { padding: 28px 24px; } .lg\:gap_5 { gap: var(--spacing-5); } .lg\:pos_sticky { position: sticky; } .lg\:top_28px { top: 28px; } } @media (max-width: 1300px) { .\[\@media_\(max-width\:_1300px\)\]\:trf_scale\(0\.75\) { transform: scale(0.75); } .\[\@media_\(max-width\:_1300px\)\]\:h_calc\(180px_\*_0\.75\) { height: calc(180px * 0.75); } .\[\@media_\(max-width\:_1300px\)\]\:w_calc\(280px_\*_0\.75\) { width: calc(280px * 0.75); } } @media(max-width:1300px) { .\[\@media\(max-width\:1300px\)\]\:w_calc\(1242px_-_210px\) { width: calc(1242px - 210px); } } @media (max-width: 1200px) { .\[\@media_\(max-width\:_1200px\)\]\:mt_8px { margin-top: 8px; } } @media (max-width: 1100px) { .\[\@media_\(max-width\:_1100px\)\]\:p_12px { padding: 12px; } .\[\@media_\(max-width\:_1100px\)\]\:trf_unset { transform: unset; } .\[\@media_\(max-width\:_1100px\)\]\:flex-d_column-reverse { flex-direction: column-reverse; } .\[\@media_\(max-width\:_1100px\)\]\:mt_8px { margin-top: 8px; } .\[\@media_\(max-width\:_1100px\)\]\:w_100\% { width: 100%; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\@media_\(max-width\:_1100px\)\]\:p_32px > div > div > .nav-item { padding: 32px; } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:gap_0px .quintuple-fields { gap: 0px; } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:d_block .quintuple-fields { display: block; } .\[\&_\.svg-container\]\:\[\@media_\(max-width\:_1100px\)\]\:trf_scale\(0\) .svg-container { transform: scale(0); } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ta_left .quintuple-fields .field-container * { text-align: left; } } @media screen and (max-width: 1023px) { .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&_\.hide-tablet\]\:d_none .hide-tablet { display: none; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:flex-d_row.horizontal-tablet { flex-direction: row; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:flex-d_column.vertical-tablet { flex-direction: column; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1\]\:min-h_auto.horizontal-tablet .fb-1 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1\]\:min-w_calc\(16\%_-_16px_\*_2\).horizontal-tablet .fb-1 { min-width: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1-tablet\]\:min-h_auto.horizontal-tablet .fb-1-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1-tablet\]\:min-w_calc\(16\%_-_16px_\*_2\).horizontal-tablet .fb-1-tablet { min-width: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2\]\:min-h_auto.horizontal-tablet .fb-2 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2\]\:min-w_calc\(33\%_-_16px_\*_2\).horizontal-tablet .fb-2 { min-width: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2-tablet\]\:min-h_auto.horizontal-tablet .fb-2-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2-tablet\]\:min-w_calc\(33\%_-_16px_\*_2\).horizontal-tablet .fb-2-tablet { min-width: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3\]\:min-h_auto.horizontal-tablet .fb-3 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-tablet .fb-3 { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3-tablet\]\:min-h_auto.horizontal-tablet .fb-3-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3-tablet\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-tablet .fb-3-tablet { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4\]\:min-h_auto.horizontal-tablet .fb-4 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4\]\:min-w_calc\(66\%_-_16px_\*_2\).horizontal-tablet .fb-4 { min-width: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4-tablet\]\:min-h_auto.horizontal-tablet .fb-4-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4-tablet\]\:min-w_calc\(66\%_-_16px_\*_2\).horizontal-tablet .fb-4-tablet { min-width: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5\]\:min-h_auto.horizontal-tablet .fb-5 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5\]\:min-w_calc\(83\%_-_16px_\*_2\).horizontal-tablet .fb-5 { min-width: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5-tablet\]\:min-h_auto.horizontal-tablet .fb-5-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5-tablet\]\:min-w_calc\(83\%_-_16px_\*_2\).horizontal-tablet .fb-5-tablet { min-width: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6\]\:min-h_auto.horizontal-tablet .fb-6 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-tablet .fb-6 { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6-tablet\]\:min-h_auto.horizontal-tablet .fb-6-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6-tablet\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-tablet .fb-6-tablet { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical-tablet .fb-1 { min-height: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1\]\:min-w_auto.vertical-tablet .fb-1 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1-tablet\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical-tablet .fb-1-tablet { min-height: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1-tablet\]\:min-w_auto.vertical-tablet .fb-1-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical-tablet .fb-2 { min-height: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2\]\:min-w_auto.vertical-tablet .fb-2 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2-tablet\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical-tablet .fb-2-tablet { min-height: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2-tablet\]\:min-w_auto.vertical-tablet .fb-2-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-tablet .fb-3 { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3\]\:min-w_auto.vertical-tablet .fb-3 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3-tablet\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-tablet .fb-3-tablet { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3-tablet\]\:min-w_auto.vertical-tablet .fb-3-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical-tablet .fb-4 { min-height: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4\]\:min-w_auto.vertical-tablet .fb-4 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4-tablet\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical-tablet .fb-4-tablet { min-height: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4-tablet\]\:min-w_auto.vertical-tablet .fb-4-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical-tablet .fb-5 { min-height: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5\]\:min-w_auto.vertical-tablet .fb-5 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5-tablet\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical-tablet .fb-5-tablet { min-height: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5-tablet\]\:min-w_auto.vertical-tablet .fb-5-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-tablet .fb-6 { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6\]\:min-w_auto.vertical-tablet .fb-6 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6-tablet\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-tablet .fb-6-tablet { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6-tablet\]\:min-w_auto.vertical-tablet .fb-6-tablet { min-width: auto; } } @media (max-width: 780px) { .\[\@media_\(max-width\:_780px\)\]\:grid-tc_1fr { grid-template-columns: 1fr; } } @media screen and (max-width: 768px) { .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:p_12px ul.file-list-contents li { padding: 12px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:leading_24px ul.file-list-contents li { line-height: 24px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:min-h_48px ul.file-list-contents li { min-height: 48px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:\[\&\:\:after\]\:right_16px ul.file-list-contents li::after { right: 16px; } } @media screen and (max-width: 767px) { .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&_\.hide-phone\]\:d_none .hide-phone { display: none; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:flex-d_row.horizontal-phone { flex-direction: row; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:flex-d_column.vertical-phone { flex-direction: column; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1\]\:min-h_auto.horizontal-phone .fb-1 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1\]\:min-w_calc\(25\%_-_16px_\*_2\).horizontal-phone .fb-1 { min-width: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1-phone\]\:min-h_auto.horizontal-phone .fb-1-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1-phone\]\:min-w_calc\(25\%_-_16px_\*_2\).horizontal-phone .fb-1-phone { min-width: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2\]\:min-h_auto.horizontal-phone .fb-2 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-phone .fb-2 { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2-phone\]\:min-h_auto.horizontal-phone .fb-2-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2-phone\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-phone .fb-2-phone { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3\]\:min-h_auto.horizontal-phone .fb-3 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3\]\:min-w_calc\(75\%_-_16px_\*_2\).horizontal-phone .fb-3 { min-width: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3-phone\]\:min-h_auto.horizontal-phone .fb-3-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3-phone\]\:min-w_calc\(75\%_-_16px_\*_2\).horizontal-phone .fb-3-phone { min-width: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4\]\:min-h_auto.horizontal-phone .fb-4 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-phone .fb-4 { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4-phone\]\:min-h_auto.horizontal-phone .fb-4-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4-phone\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-phone .fb-4-phone { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical-phone .fb-1 { min-height: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1\]\:min-w_auto.vertical-phone .fb-1 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1-phone\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical-phone .fb-1-phone { min-height: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1-phone\]\:min-w_auto.vertical-phone .fb-1-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-phone .fb-2 { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2\]\:min-w_auto.vertical-phone .fb-2 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2-phone\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-phone .fb-2-phone { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2-phone\]\:min-w_auto.vertical-phone .fb-2-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical-phone .fb-3 { min-height: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3\]\:min-w_auto.vertical-phone .fb-3 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3-phone\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical-phone .fb-3-phone { min-height: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3-phone\]\:min-w_auto.vertical-phone .fb-3-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-phone .fb-4 { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4\]\:min-w_auto.vertical-phone .fb-4 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4-phone\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-phone .fb-4-phone { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4-phone\]\:min-w_auto.vertical-phone .fb-4-phone { min-width: auto; } } @media screen and (max-width: 39.9975rem) { .smDown\:d_flex { display: flex; } .smDown\:d_none { display: none; } .smDown\:d_block { display: block; } .smDown\:pt_72px { padding-top: 72px; } } @media (max-width: 600px) { .\[\@media_\(max-width\:_600px\)\]\:grid-tc_1fr { grid-template-columns: 1fr; } .\[\@media_\(max-width\:_600px\)\]\:h_calc\(100vh_-_56px\) { height: calc(100vh - 56px); } .\[\@media_\(max-width\:_600px\)\]\:left_0 { left: var(--spacing-0); } .\[\@media_\(max-width\:_600px\)\]\:right_0 { right: var(--spacing-0); } .\[\@media_\(max-width\:_600px\)\]\:w_auto { width: auto; } .\[\@media_\(max-width\:_600px\)\]\:mt_8px { margin-top: 8px; } .\[\@media_\(max-width\:_600px\)\]\:w_100\% { width: 100%; } .\[\@media_\(max-width\:_600px\)\]\:h_0px { height: 0px; } .\[\@media_\(max-width\:_600px\)\]\:w_0px { width: 0px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\@media_\(max-width\:_600px\)\]\:p_16px > div > div > .nav-item { padding: 16px; } .\[\&_\.double-fields\]\:\[\@media_\(max-width\:_600px\)\]\:gap_0px .double-fields,.\[\&_\.triple-fields\]\:\[\@media_\(max-width\:_600px\)\]\:gap_0px .triple-fields { gap: 0px; } .\[\&_\.double-fields\]\:\[\@media_\(max-width\:_600px\)\]\:d_block .double-fields,.\[\&_\.triple-fields\]\:\[\@media_\(max-width\:_600px\)\]\:d_block .triple-fields { display: block; } .\[\@media_\(max-width\:_600px\)\]\:\[\&\.open\]\:top_calc\(100\%_-_48px\).open { top: calc(100% - 48px); } } @media screen and (max-width: 600px) { .\[\@media_screen_and_\(max-width\:_600px\)\]\:m_4px\! { margin: 4px !important; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:top_56px { top: 56px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:h_56px { height: 56px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&\.has-tab-bar\]\:h_104px.has-tab-bar { height: 104px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&\.ios\.standalone\]\:h_76px.ios.standalone { height: 76px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\.search-button\,_\&_\.close-button\]\:top_16px .search-button,.\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\.search-button\,_\&_\.close-button\]\:top_16px .close-button { top: 16px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_header\]\:mb_12px header { margin-bottom: 12px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_header\]\:mt_12px header { margin-top: 12px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_span\.input\]\:top_1px span.input { top: 1px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:mt_0px > span { margin-top: 0px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:\[\&_svg\]\:h_32px > span svg { height: 32px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:\[\&_svg\]\:w_32px > span svg { width: 32px; } } @media (max-width: 480px) { .\[\@media_\(max-width\:_480px\)\]\:max-w_100\% { max-width: 100%; } } @media print { .\[\@media_print\]\:m_0 { margin: var(--spacing-0); } .\[\@media_print\]\:p_4 { padding: var(--spacing-4); } .\[\@media_print\]\:p_0 { padding: var(--spacing-0); } .\[\@media_print\]\:ov_visible { overflow: visible; } .\[\@media_print\]\:bg-c_white { background-color: var(--colors-white); } .\[\@media_print\]\:d_none { display: none; } .\[\@media_print\]\:grid-tc_1fr { grid-template-columns: 1fr; } .\[\@media_print\]\:bx-sh_none { box-shadow: none; } .\[\@media_print\]\:page-break-after_always { page-break-after: always; } .\[\@media_print\]\:d_table-row { display: table-row; } .\[\@media_print\]\:max-w_100\% { max-width: 100%; } .\[\@media_print\]\:mb_0 { margin-bottom: var(--spacing-0); } .\[\@media_print\]\:pb_4px { padding-bottom: 4px; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:p_4px table thead tr th { padding: 4px; } .\[\@media_print\]\:\[\&_\.action-container\]\:d_none .action-container,.\[\@media_print\]\:\[\&_\>_\:first-child\]\:d_none > :first-child { display: none; } .\[\@media_print\]\:\[\&_\.hide-print\]\:d_none\! .hide-print { display: none !important; } .\[\@media_print\]\:\[\&_\>_\.card-tabs-content_\>_\.inactive\]\:d_block > .card-tabs-content > .inactive { display: block; } .\[\@media_print\]\:\[\&_\>_ul\]\:d_none > ul { display: none; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:fs_10px table tbody tr td,.\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:fs_10px table tbody tr th { font-size: 10px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:leading_10px table tbody tr td,.\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:leading_10px table tbody tr th { line-height: 10px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td_span\.input_input\]\:fs_10px table tbody tr td span.input input,.\[\@media_print\]\:\[\&_table_thead_tr_th\]\:fs_10px table thead tr th { font-size: 10px; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:leading_10px table thead tr th { line-height: 10px; } .\[\@media_print\]\:\[\&_\.title\]\:pt_4px .title { padding-top: 4px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\.spacer\]\:h_auto table tbody tr td.spacer { height: auto; } .\[\@media_print\]\:\[\&_table_tbody_tr_th\.child\]\:pl_12px table tbody tr th.child { padding-left: 12px; } .\[\&_ul\.file-list-contents\]\:\[\@media_print\]\:\[\&_li\:\:after\]\:d_none ul.file-list-contents li::after { display: none; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:\[\&\.spacer\]\:h_auto table thead tr th.spacer { height: auto; } } } /* /@fs//app/styled-system/styles.css */ @layer panda.reset, panda.base, panda.tokens, panda.recipes, panda.utilities; @layer panda.reset{ html,:host { --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-tab-size: 4; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); -webkit-tap-highlight-color: transparent; } *,::before,::after,::backdrop,::file-selector-button { margin: 0px; padding: 0px; border-width: 0px; border-style: solid; border-color: var(--global-color-border, currentcolor); box-sizing: border-box; } hr { color: inherit; height: 0px; border-top-width: 1px; } body { line-height: inherit; height: 100%; } img { border-style: none; } img,svg,video,canvas,audio,iframe,embed,object { display: block; vertical-align: middle; } img,video { max-width: 100%; height: auto; } h1,h2,h3,h4,h5,h6 { text-wrap: balance; font-size: inherit; font-weight: inherit; } p,h1,h2,h3,h4,h5,h6 { overflow-wrap: break-word; } ol,ul,menu { list-style: none; } button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button { appearance: button; -webkit-appearance: button; } button,input,optgroup,select,textarea,::file-selector-button { font: inherit; background: var(--colors-transparent); font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; } ::placeholder { --placeholder-fallback: rgba(0, 0, 0, 0.5); opacity: 1; color: var(--global-color-placeholder, var(--placeholder-fallback)); } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent); } } ::selection { background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3)); } textarea { resize: vertical; } table { border-color: inherit; text-indent: 0px; border-collapse: collapse; } summary { display: list-item; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } dialog { padding: 0px; } a { text-decoration: inherit; color: inherit; } abbr:where([title]) { text-decoration: underline dotted; } b,strong { font-weight: bolder; } code,kbd,samp,pre { --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New'; font-family: var(--global-font-mono, var(--font-mono-fallback)); font-size: 1em; font-feature-settings: normal; font-variation-settings: normal; } progress { vertical-align: baseline; } ::-webkit-search-decoration,::-webkit-search-cancel-button { -webkit-appearance: none; } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto; } :-moz-ui-invalid { box-shadow: none; } :-moz-focusring { outline: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } @layer panda.base{ :root { --made-with-panda: '🐼'; } *,*::before,*::after { border-width: 0; border-style: solid; border-color: var(--global-color-border, currentColor); } button,input,optgroup,select,textarea { margin: var(--spacing-0); padding: var(--spacing-0); font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; } button,select { text-transform: none; } button,[type='button'],[type='reset'],[type='submit'] { -webkit-appearance: button; background-color: var(--colors-transparent); background-image: none; } textarea { resize: vertical; } [data-theme="beedee-bags"] body .mdc-text-field__input,[data-theme="pilatus-scm"] body .mdc-text-field__input { font-family: var(--fonts-font-body); } :root { --fc-primary: #1976d2; --fc-primary-light: var(--colors-blue-lighten-5); --fc-primary-bg-hover: rgba(25, 118, 210, 0.08); --fc-text-primary: var(--colors-grey-darken-4); --fc-text-secondary: var(--colors-grey-darken); --fc-border: var(--colors-grey-lighten-2); --fc-font: "Roboto", "Helvetica", "Arial", sans-serif; --fc-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); } html { -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body { background: var(--colors-background); color: var(--colors-foreground); font-family: var(--fonts-sans); } button { outline: 2px solid transparent; color: inherit; } *,::before,::after,::backdrop { --blur: /*-*/ /*-*/; --brightness: /*-*/ /*-*/; --contrast: /*-*/ /*-*/; --grayscale: /*-*/ /*-*/; --hue-rotate: /*-*/ /*-*/; --invert: /*-*/ /*-*/; --saturate: /*-*/ /*-*/; --sepia: /*-*/ /*-*/; --drop-shadow: /*-*/ /*-*/; --backdrop-blur: /*-*/ /*-*/; --backdrop-brightness: /*-*/ /*-*/; --backdrop-contrast: /*-*/ /*-*/; --backdrop-grayscale: /*-*/ /*-*/; --backdrop-hue-rotate: /*-*/ /*-*/; --backdrop-invert: /*-*/ /*-*/; --backdrop-opacity: /*-*/ /*-*/; --backdrop-saturate: /*-*/ /*-*/; --backdrop-sepia: /*-*/ /*-*/; --gradient-from-position: /*-*/ /*-*/; --gradient-to-position: /*-*/ /*-*/; --gradient-via-position: /*-*/ /*-*/; --scroll-snap-strictness: proximity; --border-spacing-x: 0; --border-spacing-y: 0; --translate-x: 0; --translate-y: 0; --rotate: 0; --rotate-x: 0; --rotate-y: 0; --skew-x: 0; --skew-y: 0; --scale-x: 1; --scale-y: 1; } } @layer panda.tokens{ :where(:root, :host) { --borders-none: none; --easings-default: cubic-bezier(0.4, 0, 0.2, 1); --easings-linear: linear; --easings-in: cubic-bezier(0.4, 0, 1, 1); --easings-out: cubic-bezier(0, 0, 0.2, 1); --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1); --durations-fastest: 50ms; --durations-faster: 100ms; --durations-fast: 150ms; --durations-normal: 200ms; --durations-slow: 300ms; --durations-slower: 400ms; --durations-slowest: 500ms; --letter-spacings-tighter: -0.05em; --letter-spacings-tight: -0.025em; --letter-spacings-normal: 0em; --letter-spacings-wide: 0.025em; --letter-spacings-wider: 0.05em; --letter-spacings-widest: 0.1em; --blurs-sm: 4px; --blurs-base: 8px; --blurs-md: 12px; --blurs-lg: 16px; --blurs-xl: 24px; --blurs-2xl: 40px; --blurs-3xl: 64px; --animations-spin: spin 1s linear infinite; --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animations-bounce: bounce 1s infinite; --colors-current: currentColor; --colors-rose-50: #fff1f2; --colors-rose-100: #ffe4e6; --colors-rose-200: #fecdd3; --colors-rose-300: #fda4af; --colors-rose-400: #fb7185; --colors-rose-500: #f43f5e; --colors-rose-600: #e11d48; --colors-rose-700: #be123c; --colors-rose-800: #9f1239; --colors-rose-900: #881337; --colors-rose-950: #4c0519; --colors-fuchsia-50: #fdf4ff; --colors-fuchsia-100: #fae8ff; --colors-fuchsia-200: #f5d0fe; --colors-fuchsia-300: #f0abfc; --colors-fuchsia-400: #e879f9; --colors-fuchsia-500: #d946ef; --colors-fuchsia-600: #c026d3; --colors-fuchsia-700: #a21caf; --colors-fuchsia-800: #86198f; --colors-fuchsia-900: #701a75; --colors-fuchsia-950: #4a044e; --colors-violet-50: #f5f3ff; --colors-violet-100: #ede9fe; --colors-violet-200: #ddd6fe; --colors-violet-300: #c4b5fd; --colors-violet-400: #a78bfa; --colors-violet-500: #8b5cf6; --colors-violet-600: #7c3aed; --colors-violet-700: #6d28d9; --colors-violet-800: #5b21b6; --colors-violet-900: #4c1d95; --colors-violet-950: #2e1065; --colors-sky-50: #f0f9ff; --colors-sky-100: #e0f2fe; --colors-sky-200: #bae6fd; --colors-sky-300: #7dd3fc; --colors-sky-400: #38bdf8; --colors-sky-500: #0ea5e9; --colors-sky-600: #0284c7; --colors-sky-700: #0369a1; --colors-sky-800: #075985; --colors-sky-900: #0c4a6e; --colors-sky-950: #082f49; --colors-emerald-50: #ecfdf5; --colors-emerald-100: #d1fae5; --colors-emerald-200: #a7f3d0; --colors-emerald-300: #6ee7b7; --colors-emerald-400: #34d399; --colors-emerald-500: #10b981; --colors-emerald-600: #059669; --colors-emerald-700: #047857; --colors-emerald-800: #065f46; --colors-emerald-900: #064e3b; --colors-emerald-950: #022c22; --colors-neutral-50: #fafafa; --colors-neutral-100: #f5f5f5; --colors-neutral-200: #e5e5e5; --colors-neutral-300: #d4d4d4; --colors-neutral-400: #a3a3a3; --colors-neutral-500: #737373; --colors-neutral-600: #525252; --colors-neutral-700: #404040; --colors-neutral-800: #262626; --colors-neutral-900: #171717; --colors-neutral-950: #0a0a0a; --colors-stone-50: #fafaf9; --colors-stone-100: #f5f5f4; --colors-stone-200: #e7e5e4; --colors-stone-300: #d6d3d1; --colors-stone-400: #a8a29e; --colors-stone-500: #78716c; --colors-stone-600: #57534e; --colors-stone-700: #44403c; --colors-stone-800: #292524; --colors-stone-900: #1c1917; --colors-stone-950: #0c0a09; --colors-gray-50: #f9fafb; --colors-gray-100: #f3f4f6; --colors-gray-200: #e5e7eb; --colors-gray-300: #d1d5db; --colors-gray-400: #9ca3af; --colors-gray-500: #6b7280; --colors-gray-600: #4b5563; --colors-gray-700: #374151; --colors-gray-800: #1f2937; --colors-gray-900: #111827; --colors-gray-950: #030712; --colors-slate-50: #f8fafc; --colors-slate-100: #f1f5f9; --colors-slate-200: #e2e8f0; --colors-slate-300: #cbd5e1; --colors-slate-400: #94a3b8; --colors-slate-500: #64748b; --colors-slate-600: #475569; --colors-slate-700: #334155; --colors-slate-800: #1e293b; --colors-slate-900: #0f172a; --colors-slate-950: #020617; --colors-grayscale-0: var(--colors-white); --colors-grayscale-50: var(--colors-zinc-50); --colors-grayscale-100: var(--colors-zinc-100); --colors-grayscale-200: var(--colors-zinc-200); --colors-grayscale-300: var(--colors-zinc-300); --colors-grayscale-400: var(--colors-zinc-400); --colors-grayscale-500: var(--colors-zinc-500); --colors-grayscale-600: var(--colors-zinc-600); --colors-grayscale-700: var(--colors-zinc-700); --colors-grayscale-800: var(--colors-zinc-800); --colors-grayscale-900: var(--colors-zinc-900); --colors-grayscale-950: var(--colors-zinc-950); --colors-zinc-50: #fafafa; --colors-zinc-100: #f4f4f5; --colors-zinc-200: #e4e4e7; --colors-zinc-300: #d4d4d8; --colors-zinc-400: #a1a1aa; --colors-zinc-500: #71717a; --colors-zinc-600: #52525b; --colors-zinc-700: #3f3f46; --colors-zinc-800: #27272a; --colors-zinc-900: #18181b; --colors-zinc-950: #09090b; --colors-amber-50: #fffbeb; --colors-amber-100: #fef3c7; --colors-amber-200: #fde68a; --colors-amber-300: #fcd34d; --colors-amber-400: #fbbf24; --colors-amber-500: #f59e0b; --colors-amber-600: #d97706; --colors-amber-700: #b45309; --colors-amber-800: #92400e; --colors-amber-900: #78350f; --colors-amber-950: #451a03; --colors-amber-accent-1: #ffe57f; --colors-amber-accent-2: #ffd740; --colors-amber-accent-3: #ffc400; --colors-amber-accent-4: #ffab00; --colors-amber-base: #ffc107; --colors-amber-darken: #ffb300; --colors-amber-darken-2: #ffa000; --colors-amber-darken-3: #ff8f00; --colors-amber-darken-4: #ff6f00; --colors-amber-lighten: #ffca28; --colors-amber-lighten-2: #ffd54f; --colors-amber-lighten-3: #ffe082; --colors-amber-lighten-4: #ffecb3; --colors-amber-lighten-5: #fff8e1; --colors-beedee-50: #fafcfd; --colors-beedee-100: #f2f5f6; --colors-beedee-200: #eaf4f8; --colors-beedee-300: #d4e2e8; --colors-beedee-400: #c8d8db; --colors-beedee-500: #a8d4e0; --colors-beedee-600: #7a909a; --colors-beedee-700: #1a7a96; --colors-beedee-800: #156582; --colors-beedee-900: #1a2d35; --colors-blue-50: #eff6ff; --colors-blue-100: #dbeafe; --colors-blue-200: #bfdbfe; --colors-blue-300: #93c5fd; --colors-blue-400: #60a5fa; --colors-blue-500: #3b82f6; --colors-blue-600: #2563eb; --colors-blue-700: #1d4ed8; --colors-blue-800: #1e40af; --colors-blue-900: #1e3a8a; --colors-blue-950: #172554; --colors-blue-accent-1: #82b1ff; --colors-blue-accent-2: #448aff; --colors-blue-accent-3: #2979ff; --colors-blue-accent-4: #2962ff; --colors-blue-base: #2196f3; --colors-blue-darken: #1e88e5; --colors-blue-darken-2: #1976d2; --colors-blue-darken-3: #1565c0; --colors-blue-darken-4: #0d47a1; --colors-blue-lighten: #42a5f5; --colors-blue-lighten-2: #64b5f6; --colors-blue-lighten-3: #90caf9; --colors-blue-lighten-4: #bbdefb; --colors-blue-lighten-5: #e3f2fd; --colors-blue-grey-accent-1: #cfd8dc; --colors-blue-grey-accent-2: #b0bec5; --colors-blue-grey-accent-3: #78909c; --colors-blue-grey-accent-4: #455a64; --colors-blue-grey-base: #607d8b; --colors-blue-grey-darken: #546e7a; --colors-blue-grey-darken-2: #455a64; --colors-blue-grey-darken-3: #37474f; --colors-blue-grey-darken-4: #263238; --colors-blue-grey-lighten: #78909c; --colors-blue-grey-lighten-2: #90a4ae; --colors-blue-grey-lighten-3: #b0bec5; --colors-blue-grey-lighten-4: #cfd8dc; --colors-blue-grey-lighten-5: #eceff1; --colors-brown-accent-1: #d7ccc8; --colors-brown-accent-2: #bcaaa4; --colors-brown-accent-3: #8d6e63; --colors-brown-accent-4: #5d4037; --colors-brown-base: #795548; --colors-brown-darken: #6d4c41; --colors-brown-darken-2: #5d4037; --colors-brown-darken-3: #4e342e; --colors-brown-darken-4: #3e2723; --colors-brown-lighten: #8d6e63; --colors-brown-lighten-2: #a1887f; --colors-brown-lighten-3: #bcaaa4; --colors-brown-lighten-4: #d7ccc8; --colors-brown-lighten-5: #efebe9; --colors-cyan-50: #ecfeff; --colors-cyan-100: #cffafe; --colors-cyan-200: #a5f3fc; --colors-cyan-300: #67e8f9; --colors-cyan-400: #22d3ee; --colors-cyan-500: #06b6d4; --colors-cyan-600: #0891b2; --colors-cyan-700: #0e7490; --colors-cyan-800: #155e75; --colors-cyan-900: #164e63; --colors-cyan-950: #083344; --colors-cyan-accent-1: #84ffff; --colors-cyan-accent-2: #18ffff; --colors-cyan-accent-3: #00e5ff; --colors-cyan-accent-4: #00b8d4; --colors-cyan-base: #00bcd4; --colors-cyan-darken: #00acc1; --colors-cyan-darken-2: #0097a7; --colors-cyan-darken-3: #00838f; --colors-cyan-darken-4: #006064; --colors-cyan-lighten: #26c6da; --colors-cyan-lighten-2: #4dd0e1; --colors-cyan-lighten-3: #80deea; --colors-cyan-lighten-4: #b2ebf2; --colors-cyan-lighten-5: #e0f7fa; --colors-deep-orange-accent-1: #ff9e80; --colors-deep-orange-accent-2: #ff6e40; --colors-deep-orange-accent-3: #ff3d00; --colors-deep-orange-accent-4: #dd2c00; --colors-deep-orange-base: #ff5722; --colors-deep-orange-darken: #f4511e; --colors-deep-orange-darken-2: #e64a19; --colors-deep-orange-darken-3: #d84315; --colors-deep-orange-darken-4: #bf360c; --colors-deep-orange-lighten: #ff7043; --colors-deep-orange-lighten-2: #ff8a65; --colors-deep-orange-lighten-3: #ffab91; --colors-deep-orange-lighten-4: #ffccbc; --colors-deep-orange-lighten-5: #fbe9e7; --colors-deep-purple-accent-1: #b388ff; --colors-deep-purple-accent-2: #7c4dff; --colors-deep-purple-accent-3: #651fff; --colors-deep-purple-accent-4: #6200ea; --colors-deep-purple-base: #673ab7; --colors-deep-purple-darken: #5e35b1; --colors-deep-purple-darken-2: #512da8; --colors-deep-purple-darken-3: #4527a0; --colors-deep-purple-darken-4: #311b92; --colors-deep-purple-lighten: #7e57c2; --colors-deep-purple-lighten-2: #9575cd; --colors-deep-purple-lighten-3: #b39ddb; --colors-deep-purple-lighten-4: #d1c4e9; --colors-deep-purple-lighten-5: #ede7f6; --colors-green-50: #f0fdf4; --colors-green-100: #dcfce7; --colors-green-200: #bbf7d0; --colors-green-300: #86efac; --colors-green-400: #4ade80; --colors-green-500: #22c55e; --colors-green-600: #16a34a; --colors-green-700: #15803d; --colors-green-800: #166534; --colors-green-900: #14532d; --colors-green-950: #052e16; --colors-green-accent-1: #b9f6ca; --colors-green-accent-2: #69f0ae; --colors-green-accent-3: #00e676; --colors-green-accent-4: #00c853; --colors-green-base: #4caf50; --colors-green-darken: #43a047; --colors-green-darken-2: #388e3c; --colors-green-darken-3: #2e7d32; --colors-green-darken-4: #1b5e20; --colors-green-lighten: #66bb6a; --colors-green-lighten-2: #81c784; --colors-green-lighten-3: #a5d6a7; --colors-green-lighten-4: #c8e6c9; --colors-green-lighten-5: #e8f5e9; --colors-grey-accent-1: #d5d5d5; --colors-grey-accent-2: #aaaaaa; --colors-grey-accent-3: #303030; --colors-grey-accent-4: #616161; --colors-grey-base: #9e9e9e; --colors-grey-darken: #757575; --colors-grey-darken-2: #616161; --colors-grey-darken-3: #424242; --colors-grey-darken-4: #212121; --colors-grey-lighten: #bdbdbd; --colors-grey-lighten-2: #e0e0e0; --colors-grey-lighten-3: #eeeeee; --colors-grey-lighten-4: #f5f5f5; --colors-grey-lighten-5: #fafafa; --colors-indigo-50: #eef2ff; --colors-indigo-100: #e0e7ff; --colors-indigo-200: #c7d2fe; --colors-indigo-300: #a5b4fc; --colors-indigo-400: #818cf8; --colors-indigo-500: #6366f1; --colors-indigo-600: #4f46e5; --colors-indigo-700: #4338ca; --colors-indigo-800: #3730a3; --colors-indigo-900: #312e81; --colors-indigo-950: #1e1b4b; --colors-indigo-accent-1: #8c9eff; --colors-indigo-accent-2: #536dfe; --colors-indigo-accent-3: #3d5afe; --colors-indigo-accent-4: #304ffe; --colors-indigo-base: #3f51b5; --colors-indigo-darken: #3949ab; --colors-indigo-darken-2: #303f9f; --colors-indigo-darken-3: #283593; --colors-indigo-darken-4: #1a237e; --colors-indigo-lighten: #5c6bc0; --colors-indigo-lighten-2: #7986cb; --colors-indigo-lighten-3: #9fa8da; --colors-indigo-lighten-4: #c5cae9; --colors-indigo-lighten-5: #e8eaf6; --colors-light-blue-accent-1: #80d8ff; --colors-light-blue-accent-2: #40c4ff; --colors-light-blue-accent-3: #00b0ff; --colors-light-blue-accent-4: #0091ea; --colors-light-blue-base: #03a9f4; --colors-light-blue-darken: #039be5; --colors-light-blue-darken-2: #0288d1; --colors-light-blue-darken-3: #0277bd; --colors-light-blue-darken-4: #01579b; --colors-light-blue-lighten: #29b6f6; --colors-light-blue-lighten-2: #4fc3f7; --colors-light-blue-lighten-3: #81d4fa; --colors-light-blue-lighten-4: #b3e5fc; --colors-light-blue-lighten-5: #e1f5fe; --colors-light-green-accent-1: #ccff90; --colors-light-green-accent-2: #b2ff59; --colors-light-green-accent-3: #76ff03; --colors-light-green-accent-4: #64dd17; --colors-light-green-base: #8bc34a; --colors-light-green-darken: #7cb342; --colors-light-green-darken-2: #689f38; --colors-light-green-darken-3: #558b2f; --colors-light-green-darken-4: #33691e; --colors-light-green-lighten: #9ccc65; --colors-light-green-lighten-2: #aed581; --colors-light-green-lighten-3: #c5e1a5; --colors-light-green-lighten-4: #dcedc8; --colors-light-green-lighten-5: #f1f8e9; --colors-lime-50: #f7fee7; --colors-lime-100: #ecfccb; --colors-lime-200: #d9f99d; --colors-lime-300: #bef264; --colors-lime-400: #a3e635; --colors-lime-500: #84cc16; --colors-lime-600: #65a30d; --colors-lime-700: #4d7c0f; --colors-lime-800: #3f6212; --colors-lime-900: #365314; --colors-lime-950: #1a2e05; --colors-lime-accent-1: #f4ff81; --colors-lime-accent-2: #eeff41; --colors-lime-accent-3: #c6ff00; --colors-lime-accent-4: #aeea00; --colors-lime-base: #cddc39; --colors-lime-darken: #c0ca33; --colors-lime-darken-2: #afb42b; --colors-lime-darken-3: #9e9d24; --colors-lime-darken-4: #827717; --colors-lime-lighten: #d4e157; --colors-lime-lighten-2: #dce775; --colors-lime-lighten-3: #e6ee9c; --colors-lime-lighten-4: #f0f4c3; --colors-lime-lighten-5: #f9fbe7; --colors-orange-50: #fff7ed; --colors-orange-100: #ffedd5; --colors-orange-200: #fed7aa; --colors-orange-300: #fdba74; --colors-orange-400: #fb923c; --colors-orange-500: #f97316; --colors-orange-600: #ea580c; --colors-orange-700: #c2410c; --colors-orange-800: #9a3412; --colors-orange-900: #7c2d12; --colors-orange-950: #431407; --colors-orange-accent-1: #ffd180; --colors-orange-accent-2: #ffab40; --colors-orange-accent-3: #ffcc80; --colors-orange-accent-4: #ffb74d; --colors-orange-base: #ff9800; --colors-orange-darken: #fb8c00; --colors-orange-darken-2: #f57c00; --colors-orange-darken-3: #ef6c00; --colors-orange-darken-4: #e65100; --colors-orange-lighten: #ffa726; --colors-orange-lighten-2: #ffb74d; --colors-orange-lighten-3: #ffcc80; --colors-orange-lighten-4: #ffe0b2; --colors-orange-lighten-5: #fff3e0; --colors-pink-50: #fdf2f8; --colors-pink-100: #fce7f3; --colors-pink-200: #fbcfe8; --colors-pink-300: #f9a8d4; --colors-pink-400: #f472b6; --colors-pink-500: #ec4899; --colors-pink-600: #db2777; --colors-pink-700: #be185d; --colors-pink-800: #9d174d; --colors-pink-900: #831843; --colors-pink-950: #500724; --colors-pink-accent-1: #ff80ab; --colors-pink-accent-2: #ff4081; --colors-pink-accent-3: #f50057; --colors-pink-accent-4: #c51162; --colors-pink-base: #e91e63; --colors-pink-darken: #d81b60; --colors-pink-darken-2: #c2185b; --colors-pink-darken-3: #ad1457; --colors-pink-darken-4: #880e4f; --colors-pink-lighten: #ec407a; --colors-pink-lighten-2: #f06292; --colors-pink-lighten-3: #f48fb1; --colors-pink-lighten-4: #f8bbd0; --colors-pink-lighten-5: #fce4ec; --colors-purple-50: #faf5ff; --colors-purple-100: #f3e8ff; --colors-purple-200: #e9d5ff; --colors-purple-300: #d8b4fe; --colors-purple-400: #c084fc; --colors-purple-500: #a855f7; --colors-purple-600: #9333ea; --colors-purple-700: #7e22ce; --colors-purple-800: #6b21a8; --colors-purple-900: #581c87; --colors-purple-950: #3b0764; --colors-purple-accent-1: #ea80fc; --colors-purple-accent-2: #e040fb; --colors-purple-accent-3: #d500f9; --colors-purple-accent-4: #aa00ff; --colors-purple-base: #9c27b0; --colors-purple-darken: #8e24aa; --colors-purple-darken-2: #7b1fa2; --colors-purple-darken-3: #6a1b9a; --colors-purple-darken-4: #4a148c; --colors-purple-lighten: #ab47bc; --colors-purple-lighten-2: #ba68c8; --colors-purple-lighten-3: #ce93d8; --colors-purple-lighten-4: #e1bee7; --colors-purple-lighten-5: #f3e5f5; --colors-red-50: #fef2f2; --colors-red-100: #fee2e2; --colors-red-200: #fecaca; --colors-red-300: #fca5a5; --colors-red-400: #f87171; --colors-red-500: #ef4444; --colors-red-600: #dc2626; --colors-red-700: #b91c1c; --colors-red-800: #991b1b; --colors-red-900: #7f1d1d; --colors-red-950: #450a0a; --colors-red-accent-1: #ff8a80; --colors-red-accent-2: #ff5252; --colors-red-accent-3: #ff1744; --colors-red-accent-4: #ff1744; --colors-red-base: #f44336; --colors-red-darken: #e53935; --colors-red-darken-2: #d32f2f; --colors-red-darken-3: #c62828; --colors-red-darken-4: #b71c1c; --colors-red-lighten: #ef5350; --colors-red-lighten-2: #e57373; --colors-red-lighten-3: #ef9a9a; --colors-red-lighten-4: #ffcdd2; --colors-red-lighten-5: #ffebee; --colors-teal-50: #f0fdfa; --colors-teal-100: #ccfbf1; --colors-teal-200: #99f6e4; --colors-teal-300: #5eead4; --colors-teal-400: #2dd4bf; --colors-teal-500: #14b8a6; --colors-teal-600: #0d9488; --colors-teal-700: #0f766e; --colors-teal-800: #115e59; --colors-teal-900: #134e4a; --colors-teal-950: #042f2e; --colors-teal-accent-1: #a7ffeb; --colors-teal-accent-2: #64ffda; --colors-teal-accent-3: #1de9b6; --colors-teal-accent-4: #00bfa5; --colors-teal-base: #009688; --colors-teal-darken: #00897b; --colors-teal-darken-2: #00796b; --colors-teal-darken-3: #00695c; --colors-teal-darken-4: #004d40; --colors-teal-lighten: #26a69a; --colors-teal-lighten-2: #4db6ac; --colors-teal-lighten-3: #80cbc4; --colors-teal-lighten-4: #b2dfdb; --colors-teal-lighten-5: #e0f2f1; --colors-yellow-50: #fefce8; --colors-yellow-100: #fef9c3; --colors-yellow-200: #fef08a; --colors-yellow-300: #fde047; --colors-yellow-400: #facc15; --colors-yellow-500: #eab308; --colors-yellow-600: #ca8a04; --colors-yellow-700: #a16207; --colors-yellow-800: #854d0e; --colors-yellow-900: #713f12; --colors-yellow-950: #422006; --colors-yellow-accent-1: #ffff8d; --colors-yellow-accent-2: #ffff00; --colors-yellow-accent-3: #ffea00; --colors-yellow-accent-4: #ffd600; --colors-yellow-base: #ffeb3b; --colors-yellow-darken: #fdd835; --colors-yellow-darken-2: #fbc02d; --colors-yellow-darken-3: #f9a825; --colors-yellow-darken-4: #f57f17; --colors-yellow-lighten: #ffee58; --colors-yellow-lighten-2: #fff176; --colors-yellow-lighten-3: #fff59d; --colors-yellow-lighten-4: #fff9c4; --colors-yellow-lighten-5: #fffde7; --colors-white: #ffffff; --colors-black: #000000; --colors-transparent: transparent; --fonts-app: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif; --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --fonts-sans: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif; --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --fonts-font-display: 'Inter', ui-sans-serif, system-ui, sans-serif; --fonts-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif; --font-sizes-6xl: 3.75rem; --font-sizes-7xl: 4.5rem; --font-sizes-8xl: 6rem; --font-sizes-9xl: 8rem; --font-sizes-2xl: 32px; --font-sizes-2xs: 10px; --font-sizes-3xl: 48px; --font-sizes-4xl: 64px; --font-sizes-5xl: 72px; --font-sizes-grid: 12px; --font-sizes-lg: 18px; --font-sizes-md: 16px; --font-sizes-sm: 14px; --font-sizes-xl: 24px; --font-sizes-xs: 12px; --font-weights-extralight: 200; --font-weights-black: 900; --font-weights-bold: 700; --font-weights-extrabold: 800; --font-weights-hairline: 100; --font-weights-light: 300; --font-weights-medium: 500; --font-weights-normal: 400; --font-weights-semibold: 600; --font-weights-thin: 200; --line-heights-3: .75rem; --line-heights-4: 1rem; --line-heights-5: 1.25rem; --line-heights-6: 1.5rem; --line-heights-7: 1.75rem; --line-heights-8: 2rem; --line-heights-9: 2.25rem; --line-heights-10: 2.5rem; --line-heights-2xl: 2rem; --line-heights-3xl: 2.25rem; --line-heights-4xl: 2.5rem; --line-heights-5xl: 1; --line-heights-6xl: 1; --line-heights-7xl: 1; --line-heights-8xl: 1; --line-heights-9xl: 1; --line-heights-default: 1.5rem; --line-heights-lg: 1.75rem; --line-heights-loose: 2; --line-heights-none: 1; --line-heights-normal: 1.5; --line-heights-relaxed: 1.625; --line-heights-sm: 1.25rem; --line-heights-snug: 1.375; --line-heights-tight: 1.25; --line-heights-xl: 1.75rem; --line-heights-xs: 1rem; --spacing-0: 0px; --spacing-1: 4px; --spacing-2: 8px; --spacing-3: 12px; --spacing-4: 16px; --spacing-5: 1.25rem; --spacing-6: 24px; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 48px; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 96px; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 144px; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 192px; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 240px; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --spacing-0\.5: 0.125rem; --spacing-1\.5: 0.375rem; --spacing-2\.5: 0.625rem; --spacing-3\.5: 0.875rem; --sizes-0: 0rem; --sizes-1: 0.25rem; --sizes-2: 0.5rem; --sizes-3: 0.75rem; --sizes-4: 1rem; --sizes-5: 1.25rem; --sizes-6: 1.5rem; --sizes-7: 1.75rem; --sizes-8: 2rem; --sizes-9: 2.25rem; --sizes-10: 2.5rem; --sizes-11: 2.75rem; --sizes-12: 3rem; --sizes-14: 3.5rem; --sizes-16: 4rem; --sizes-20: 5rem; --sizes-24: 6rem; --sizes-28: 7rem; --sizes-32: 8rem; --sizes-36: 9rem; --sizes-40: 10rem; --sizes-44: 11rem; --sizes-48: 12rem; --sizes-52: 13rem; --sizes-56: 14rem; --sizes-60: 15rem; --sizes-64: 16rem; --sizes-72: 18rem; --sizes-80: 20rem; --sizes-96: 24rem; --sizes-0\.5: 0.125rem; --sizes-1\.5: 0.375rem; --sizes-2\.5: 0.625rem; --sizes-3\.5: 0.875rem; --sizes-xs: 20rem; --sizes-sm: 24rem; --sizes-md: 28rem; --sizes-lg: 32rem; --sizes-xl: 36rem; --sizes-2xl: 42rem; --sizes-3xl: 48rem; --sizes-4xl: 56rem; --sizes-5xl: 64rem; --sizes-6xl: 72rem; --sizes-7xl: 80rem; --sizes-8xl: 90rem; --sizes-prose: 65ch; --sizes-full: 100%; --sizes-min: min-content; --sizes-max: max-content; --sizes-fit: fit-content; --sizes-header: 64px; --sizes-row: 32px; --sizes-input-height: calc(1.5em + .75rem + 2px); --sizes-input-px: .375rem; --sizes-input-py: .75rem; --sizes-breakpoint-2xl: 1536px; --sizes-breakpoint-lg: 1024px; --sizes-breakpoint-md: 768px; --sizes-breakpoint-sm: 640px; --sizes-breakpoint-xl: 1280px; --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --shadows-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); --shadows-header-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); --shadows-beedee-card: 0 2px 16px rgba(26,122,150,0.10), 0 1px 3px rgba(0,0,0,0.06); --radii-xs: 0.125rem; --radii-sm: calc(var(--radii-radius) - 4px); --radii-md: calc(var(--radii-radius) - 2px); --radii-lg: var(--radii-radius); --radii-xl: calc(var(--radii-radius) + 4px); --radii-2xl: 1rem; --radii-3xl: 1.5rem; --radii-full: 9999px; --radii-radius: 0.5rem; --radii-beedee: 12px; --radii-beedee-sm: 8px; --breakpoints-2xl: 1536px; --breakpoints-lg: 1024px; --breakpoints-md: 768px; --breakpoints-sm: 640px; --breakpoints-xl: 1280px; --borders-base: 1px solid var(--colors-border); --borders-input: 1px solid var(--colors-input); --borders-primary: 1px solid var(--colors-primary); --borders-destructive: 1px solid var(--colors-destructive); --animations-accordion-down: accordion-down 0.2s ease-out; --animations-accordion-up: accordion-up 0.2s ease-out; --colors-background: var(--colors-grayscale-0); --colors-foreground: var(--colors-grayscale-950); --colors-muted: var(--colors-grayscale-100); --colors-muted-foreground: var(--colors-grayscale-500); --colors-card: var(--colors-grayscale-0); --colors-card-foreground: var(--colors-grayscale-950); --colors-popover: var(--colors-grayscale-0); --colors-popover-foreground: var(--colors-grayscale-950); --colors-border: var(--colors-grayscale-200); --colors-input: var(--colors-grayscale-200); --colors-secondary: var(--colors-grayscale-100); --colors-secondary-foreground: var(--colors-grayscale-900); --colors-accent: var(--colors-grayscale-100); --colors-accent-foreground: var(--colors-grayscale-900); --colors-destructive: var(--colors-red-500); --colors-destructive-foreground: var(--colors-grayscale-50); --colors-ring: var(--colors-grayscale-400); --colors-primary: var(--colors-blue-darken); --colors-on-primary: var(--colors-white); --colors-action: var(--colors-blue-darken); --colors-spinner: var(--colors-blue-base); --colors-app-background: #f0f0f0; --colors-brand: #1a7a96; --colors-nav-background: var(--colors-blue-darken-4); --colors-nav-foreground: var(--colors-white); --colors-header-background: rgb(2, 75, 146); --colors-header-foreground: var(--colors-white); --colors-header-tabs-active: var(--colors-white); --colors-header-tabs-inactive: rgba(255, 255, 255, 0.5); --colors-header-tabs-background: transparent; --colors-form-heading: var(--colors-blue-darken-2); --colors-form-text: #111827; --colors-form-error: #f44336; --colors-form-nav-group: rgba(41, 215, 255, 0.64); --colors-form-nav-item: rgba(255, 255, 255, 0.87); --colors-number-positive: #4caf50; --colors-number-negative: var(--colors-red-base); --colors-number-overridden: var(--colors-blue-base); --colors-table-row-border: var(--colors-grey-lighten-3); --colors-table-row-empty: var(--colors-grey-base); --colors-table-row-hover: rgba(0, 0, 0, 0.04); --colors-table-row-selected: var(--colors-blue-darken-2); --colors-table-row-selected-bg: rgba(25, 118, 210, 0.15); --colors-table-row-selected-hover: rgba(25, 118, 210, 0.2); --colors-table-row-multiselected: var(--colors-yellow-darken-2); --colors-table-row-multiselected-bg: rgba(251, 192, 45, 0.2); --colors-table-row-multiselected-hover: rgba(251, 192, 45, 0.15); --colors-grid-mode-single: var(--colors-green-base); --colors-grid-mode-edit: var(--colors-blue-base); --colors-grid-mode-multi: var(--colors-yellow-darken-2); --colors-grid-mode-dive: var(--colors-purple-base); --colors-scrollbar-thumb: #90a4ae; --colors-success: #4caf50; --colors-warning: var(--colors-amber-base); --colors-error: #f44336; --colors-info: #3fc3ee; --colors-brand-dark: #156582; --colors-brand-light: #eaf4f8; --colors-brand-mid: #a8d4e0; --colors-text-label: #7a909a; --colors-border-subtle: #d4e2e8; --colors-form-background: var(--colors-white); --colors-form-section-bg: var(--colors-white); --colors-form-field-bg: #f8fafb; --colors-form-field-border: var(--colors-grey-lighten-2); --colors-form-field-focus: var(--colors-blue-base); --colors-sidebar-bg: var(--colors-blue-darken-4); --colors-sidebar-text: var(--colors-white); --colors-sidebar-active: rgba(255,255,255,0.12); --colors-beedee-brand: var(--colors-beedee-700); --colors-beedee-brand-dark: var(--colors-beedee-800); --colors-beedee-brand-light: var(--colors-beedee-200); --colors-beedee-brand-mid: var(--colors-beedee-500); --colors-beedee-bg: var(--colors-beedee-100); --colors-beedee-card: #ffffff; --colors-beedee-label: var(--colors-beedee-600); --colors-beedee-text: var(--colors-beedee-900); --colors-beedee-border: var(--colors-beedee-300); --colors-beedee-red: #c0392b; --colors-beedee-green: #4caf87; --colors-beedee-status-archived: #6366f1; --colors-beedee-status-awaiting: #f59e0b; --colors-beedee-status-draft: #94a3b8; --colors-beedee-status-revisions: #ef4444; --colors-beedee-status-submitted: #22c55e; --colors-stories-bg: var(--colors-zinc-950); --colors-stories-fg: var(--colors-zinc-50); --colors-stories-muted: var(--colors-zinc-400); --colors-stories-border: rgba(255,255,255,0.1); --colors-stories-card: var(--colors-zinc-900); --colors-stories-card-hover: var(--colors-zinc-800); --colors-stories-accent: var(--colors-zinc-400); --colors-stories-accent-primary: var(--colors-indigo-400); --colors-stories-accent-fg: var(--colors-zinc-900); --colors-stories-code-bg: var(--colors-zinc-900); --colors-stories-code-fg: var(--colors-zinc-400); --colors-stories-preview-bg: var(--colors-zinc-900); --colors-stories-preview-border: rgba(255,255,255,0.1); --colors-stories-sidebar-bg: var(--colors-zinc-900); --colors-stories-sidebar-active: var(--colors-zinc-800); --colors-stories-sidebar-hover: rgba(255,255,255,0.05); --colors-stories-badge-bg: var(--colors-zinc-800); --colors-stories-badge-fg: var(--colors-zinc-400); --colors-stories-input: rgba(255,255,255,0.15); } .dark { --colors-background: var(--colors-grayscale-950); --colors-foreground: var(--colors-grayscale-50); --colors-muted: var(--colors-grayscale-800); --colors-muted-foreground: var(--colors-grayscale-400); --colors-card: var(--colors-grayscale-950); --colors-card-foreground: var(--colors-grayscale-50); --colors-popover: var(--colors-grayscale-950); --colors-popover-foreground: var(--colors-grayscale-50); --colors-border: var(--colors-grayscale-800); --colors-input: var(--colors-grayscale-800); --colors-secondary: var(--colors-grayscale-800); --colors-secondary-foreground: var(--colors-grayscale-50); --colors-accent: var(--colors-grayscale-800); --colors-accent-foreground: var(--colors-grayscale-50); --colors-destructive: var(--colors-red-700); --colors-destructive-foreground: var(--colors-red-50); --colors-ring: var(--colors-grayscale-300) } [data-theme="beedee-bags"],[data-theme="pilatus-scm"] { --colors-brand: #0098DA; --colors-nav-background: #002446; --colors-header-background: #002446 } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%,100% { transform: scale(2); opacity: 0; } } @keyframes bounce { 0%,100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } @keyframes enter { from { opacity: var(--shadow-panda-enter-opacity, 1); transform: translate3d(var(--shadow-panda-enter-translate-x, 0), var(--shadow-panda-enter-translate-y, 0), 0) scale3d(var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1)) rotate(var(--shadow-panda-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--shadow-panda-exit-opacity, 1); transform: translate3d(var(--shadow-panda-exit-translate-x, 0), var(--shadow-panda-exit-translate-y, 0), 0) scale3d(var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1)) rotate(var(--shadow-panda-exit-rotate, 0)); } } @keyframes accordion-down { from { height: var(--sizes-0); } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: var(--sizes-0); } } @keyframes fcSlideRight { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } } @keyframes fcSlideLeft { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } } } @layer panda.recipes{ @layer _base{ .button { border-radius: var(--radii-md); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); gap: var(--spacing-2); display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); } .button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 50%; } .button:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .list { margin-block: var(--spacing-6); list-style-type: disc; margin-left: var(--spacing-6); } .list > li { margin-top: var(--spacing-2); } .input { border: var(--borders-input); background: var(--colors-background); border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-2); display: flex; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-10); width: var(--sizes-full); } .input,.input::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } .input::file-selector-button { border: var(--borders-none); background: var(--colors-transparent); font-weight: var(--font-weights-medium); } .input::placeholder,.input[data-placeholder] { color: var(--colors-muted-foreground); } .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .input:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .badge { border: var(--borders-base); border-radius: var(--radii-full); padding-inline: var(--spacing-2\.5); padding-block: var(--spacing-0\.5); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); display: inline-flex; align-items: center; font-size: 0.75rem; line-height: 1rem; font-weight: var(--font-weights-semibold); --shadow-panda-ring-offset-color: var(--colors-background); } .badge:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .label { font-size: 0.875rem; line-height: var(--line-heights-none); font-weight: var(--font-weights-medium); } .peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ .label { cursor: not-allowed; opacity: 0.7; } .separator { background: var(--colors-border); flex-shrink: 0; } .toggle { border-radius: var(--radii-md); transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); gap: var(--spacing-2); display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); --shadow-panda-ring-offset-color: var(--colors-background); cursor: pointer; } .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 0.5; } .toggle:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } } .button--variant_default { background: var(--colors-primary); color: primary.foreground; } .button--variant_default:is(:hover, [data-hover]) { --sp-bga: color-mix(in srgb, transparent 10%, var(--colors-primary)); background-color: var(--sp-bga, var(--colors-primary)); } .button--size_default { padding-inline: var(--spacing-4); padding-block: var(--spacing-2); height: var(--sizes-10); } .icon--size_md { height: var(--sizes-4); width: var(--sizes-4); } .badge--variant_default { background: var(--colors-primary); border-color: var(--colors-transparent); color: primary.foreground; } .badge--variant_default:is(:hover, [data-hover]) { --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-primary)); background-color: var(--sp-bga, var(--colors-primary)); } .separator--orientation_horizontal { height: 1px; width: var(--sizes-full); } .toggle--variant_default { background: var(--colors-transparent); } .toggle--variant_default[data-state=on] { background: var(--colors-accent); color: var(--colors-accent-foreground); } .toggle--variant_default:is(:hover, [data-hover]) { background: var(--colors-muted); color: var(--colors-muted-foreground); } .toggle--variant_default:is(:hover, [data-hover])[data-state=on] { color: var(--colors-accent-foreground); } .toggle--size_default { padding-inline: var(--spacing-3); height: var(--sizes-10); } } @layer panda.recipes.slots{ @layer _base{ .checkbox__root { border: var(--borders-primary); border-radius: var(--radii-sm); flex-shrink: 0; cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-4); width: var(--sizes-4); } .checkbox__root[data-state="checked"] { background: var(--colors-primary); color: primary.foreground; } .checkbox__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .checkbox__root:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .checkbox__indicator { justify-content: center; color: currentColor; } .checkbox__indicator,.select__trigger { display: flex; align-items: center; } .select__trigger { border: var(--borders-input); background: var(--colors-transparent); border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-2); justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-10); width: var(--sizes-full); } .select__trigger::placeholder,.select__trigger[data-placeholder] { color: var(--colors-muted-foreground); } .select__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .select__trigger:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .select__viewport { padding: var(--spacing-1); } .select__viewport[data-position=popper] { height: var(--radix-select-trigger-height); width: var(--sizes-full); min-width: var(--radix-select-trigger-width); } .select__content { border: var(--borders-base); background: var(--colors-popover); overflow: hidden; border-radius: var(--radii-md); position: relative; z-index: 50; color: var(--colors-popover-foreground); box-shadow: var(--shadows-md); min-width: 8rem; } .select__content[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .select__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .select__content[data-side=top] { --shadow-panda-enter-translate-y: var(--spacing-2); } .select__content[data-side=bottom] { --shadow-panda-enter-translate-y: calc(var(--spacing-2) * -1); } .select__content[data-side=left] { --shadow-panda-enter-translate-x: var(--spacing-2); } .select__content[data-side=right] { --shadow-panda-enter-translate-x: calc(var(--spacing-2) * -1); } .select__content[data-position=popper][data-side=top] { --shadow-panda-translate-y: calc(var(--spacing-1) * -1); } .select__content[data-position=popper][data-side=top],.select__content[data-position=popper][data-side=bottom] { transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); } .select__content[data-position=popper][data-side=bottom] { --shadow-panda-translate-y: var(--spacing-1); } .select__content[data-position=popper][data-side=left] { --shadow-panda-translate-x: calc(var(--spacing-1) * -1); } .select__content[data-position=popper][data-side=left],.select__content[data-position=popper][data-side=right] { transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); } .select__content[data-position=popper][data-side=right] { --shadow-panda-translate-x: var(--spacing-1); } .select__label { font-weight: var(--font-weights-semibold); } .select__label,.select__item { padding-block: var(--spacing-1\.5); font-size: 0.875rem; line-height: 1.25rem; padding-left: var(--spacing-8); padding-right: var(--spacing-2); } .select__item { border-radius: var(--radii-sm); outline: 2px solid transparent; position: relative; display: flex; cursor: default; -webkit-user-select: none; user-select: none; align-items: center; } .select__item[data-disabled] { pointer-events: none; opacity: 0.5; } .select__item:is(:focus, [data-focus]) { background: var(--colors-accent); color: var(--colors-accent-foreground); } .select__itemIndicator { position: absolute; display: flex; align-items: center; justify-content: center; left: var(--spacing-2); height: var(--sizes-3\.5); width: var(--sizes-3\.5); } .select__separator { background: var(--colors-muted); margin-inline: calc(var(--spacing-1) * -1); margin-block: var(--spacing-1); height: 1px; } .radioGroup__root { gap: var(--spacing-2); display: grid; } .radioGroup__item { border: var(--borders-primary); border-radius: var(--radii-full); aspect-ratio: square; color: var(--colors-primary); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); height: var(--sizes-4); width: var(--sizes-4); } .radioGroup__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; opacity: 0.5; } .radioGroup__item:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .radioGroup__indicator { display: flex; align-items: center; justify-content: center; } .radioGroup__icon { fill: var(--colors-current); color: var(--colors-current); height: var(--sizes-2\.5); width: var(--sizes-2\.5); } .dialog__overlay { inset: var(--spacing-0); position: fixed; z-index: 50; --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-background)); background-color: var(--sp-bga, var(--colors-background)); backdrop-filter: blur(4px); } .dialog__overlay[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 1; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .dialog__overlay[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 1; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .dialog__close { background: var(--colors-accent); border-radius: var(--radii-sm); transition-property: var(--transition-prop, opacity); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); position: absolute; opacity: 0.7; --shadow-panda-ring-offset-color: var(--colors-background); cursor: pointer; color: var(--colors-muted-foreground); right: var(--spacing-4); top: var(--spacing-4); } .dialog__close:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; } .dialog__close:is(:focus, [data-focus]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .dialog__close:is(:hover, [data-hover]) { opacity: 1; } .dialog__content { border: var(--borders-base); background: var(--colors-background); padding: var(--spacing-6); gap: var(--spacing-4); position: fixed; z-index: 50; display: grid; transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1)); --shadow-panda-translate-x: -50%; --shadow-panda-translate-y: -50%; --transition-duration: var(--durations-normal); transition-duration: var(--durations-normal); box-shadow: var(--shadows-lg); left: 50%; top: 50%; width: var(--sizes-full); max-width: var(--sizes-lg); } .dialog__content[data-state=open] { animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: calc(50% * -1); --shadow-panda-enter-translate-y: calc(48% * -1); } .dialog__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: calc(50% * -1); --shadow-panda-exit-translate-y: calc(48% * -1); } .dialog__header { display: flex; flex-direction: column; } .dialog__header > * + * { margin-top: var(--spacing-1\.5); } .dialog__header { text-align: center; } .dialog__footer { display: flex; flex-direction: column-reverse; } .dialog__title { font-size: 1.125rem; line-height: var(--line-heights-none); font-weight: var(--font-weights-semibold); letter-spacing: var(--letter-spacings-tight); } .dialog__description { color: var(--colors-muted-foreground); } .dialog__description,.tooltip__content { font-size: 0.875rem; line-height: 1.25rem; } .tooltip__content { border: var(--borders-base); background: var(--colors-popover); overflow: hidden; border-radius: var(--radii-md); padding-inline: var(--spacing-3); padding-block: var(--spacing-1\.5); z-index: 50; color: var(--colors-popover-foreground); box-shadow: var(--shadows-md); animation-name: enter; animation-duration: var(--durations-fast); --shadow-panda-enter-opacity: 0; --shadow-panda-enter-scale: 0.95; --shadow-panda-enter-rotate: 0; --shadow-panda-enter-translate-x: 0; --shadow-panda-enter-translate-y: 0; } .tooltip__content[data-state=closed] { animation-name: exit; animation-duration: var(--durations-fast); --shadow-panda-exit-opacity: 0; --shadow-panda-exit-scale: 0.95; --shadow-panda-exit-rotate: 0; --shadow-panda-exit-translate-x: 0; --shadow-panda-exit-translate-y: 0; } .tooltip__content[data-side=top] { --shadow-panda-enter-translate-y: var(--spacing-2); } .tooltip__content[data-side=bottom] { --shadow-panda-enter-translate-y: calc(var(--spacing-2) * -1); } .tooltip__content[data-side=left] { --shadow-panda-enter-translate-x: var(--spacing-2); } .tooltip__content[data-side=right] { --shadow-panda-enter-translate-x: calc(var(--spacing-2) * -1); } .tabs__list { background: var(--colors-muted); padding: var(--spacing-1); border-radius: var(--radii-md); color: var(--colors-muted-foreground); height: var(--sizes-10); } .tabs__list,.tabs__trigger { display: inline-flex; align-items: center; justify-content: center; } .tabs__trigger { border-radius: var(--radii-sm); padding-inline: var(--spacing-3); padding-block: var(--spacing-1\.5); transition-property: var(--transition-prop, all); transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--transition-duration, 150ms); white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--font-weights-medium); cursor: pointer; --shadow-panda-ring-offset-color: var(--colors-background); } .tabs__trigger[data-state=active] { background: var(--colors-background); color: var(--colors-foreground); box-shadow: var(--shadows-sm); } .tabs__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 50%; } .tabs__trigger:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } .tabs__content { --shadow-panda-ring-offset-color: var(--colors-background); margin-top: var(--spacing-2); } .tabs__content:is(:focus-visible, [data-focus-visible]) { outline: 2px solid transparent; outline-offset: 2px; --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color); --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color); box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000); --shadow-panda-ring-color: var(--colors-ring); --shadow-panda-ring-offset-width: 2px; } @media screen and (min-width: 40rem) { .dialog__content { border-radius: var(--radii-lg); } .dialog__header { text-align: left; } .dialog__footer { flex-direction: row; justify-content: flex-end; } .dialog__footer > * + * { margin-left: var(--spacing-2); } } } } @layer panda.utilities{ .\--thickness_1px { --thickness: 1px; } .\--primary-colour_\#f44336 { --primary-colour: #f44336; } .\--padding_32px { --padding: 32px; } .\--primary-active-colour_\#ffa000 { --primary-active-colour: #ffa000; } .\--primary-colour_\#ffc107 { --primary-colour: #ffc107; } .\--primary-hover-colour_\#ffb300 { --primary-hover-colour: #ffb300; } .\--text-colour_black { --text-colour: black; } .\--primary-active-colour_\#0d47a1 { --primary-active-colour: #0d47a1; } .\--primary-colour_\#1976d2 { --primary-colour: #1976d2; } .\--primary-hover-colour_\#1565c0 { --primary-hover-colour: #1565c0; } .\--text-colour_white { --text-colour: white; } .\--primary-active-colour_\#37474f { --primary-active-colour: #37474f; } .\--primary-colour_\#546e7a { --primary-colour: #546e7a; } .\--primary-hover-colour_\#455a64 { --primary-hover-colour: #455a64; } .\--primary-active-colour_\#5d4037 { --primary-active-colour: #5d4037; } .\--primary-colour_\#795548 { --primary-colour: #795548; } .\--primary-hover-colour_\#6d4c41 { --primary-hover-colour: #6d4c41; } .\--primary-active-colour_\#0097a7 { --primary-active-colour: #0097a7; } .\--primary-colour_\#00bcd4 { --primary-colour: #00bcd4; } .\--primary-hover-colour_\#00acc1 { --primary-hover-colour: #00acc1; } .\--primary-active-colour_\#e64a19 { --primary-active-colour: #e64a19; } .\--primary-colour_\#ff5722 { --primary-colour: #ff5722; } .\--primary-hover-colour_\#f4511e { --primary-hover-colour: #f4511e; } .\--primary-active-colour_\#512da8 { --primary-active-colour: #512da8; } .\--primary-colour_\#673ab7 { --primary-colour: #673ab7; } .\--primary-hover-colour_\#5e35b1 { --primary-hover-colour: #5e35b1; } .\--primary-active-colour_\#388e3c { --primary-active-colour: #388e3c; } .\--primary-colour_\#4caf50 { --primary-colour: #4caf50; } .\--primary-hover-colour_\#43a047 { --primary-hover-colour: #43a047; } .\--primary-active-colour_\#303f9f { --primary-active-colour: #303f9f; } .\--primary-colour_\#3f51b5 { --primary-colour: #3f51b5; } .\--primary-hover-colour_\#3949ab { --primary-hover-colour: #3949ab; } .\--primary-active-colour_\#0288d1 { --primary-active-colour: #0288d1; } .\--primary-colour_\#03a9f4 { --primary-colour: #03a9f4; } .\--primary-hover-colour_\#039be5 { --primary-hover-colour: #039be5; } .\--primary-active-colour_\#689f38 { --primary-active-colour: #689f38; } .\--primary-colour_\#8bc34a { --primary-colour: #8bc34a; } .\--primary-hover-colour_\#7cb342 { --primary-hover-colour: #7cb342; } .\--primary-active-colour_\#afb42b { --primary-active-colour: #afb42b; } .\--primary-colour_\#cddc39 { --primary-colour: #cddc39; } .\--primary-hover-colour_\#c0ca33 { --primary-hover-colour: #c0ca33; } .\--primary-active-colour_\#f57c00 { --primary-active-colour: #f57c00; } .\--primary-colour_\#ff9800 { --primary-colour: #ff9800; } .\--primary-hover-colour_\#fb8c00 { --primary-hover-colour: #fb8c00; } .\--primary-active-colour_\#ad1457 { --primary-active-colour: #ad1457; } .\--primary-colour_\#d81b60 { --primary-colour: #d81b60; } .\--primary-hover-colour_\#c2185b { --primary-hover-colour: #c2185b; } .\--primary-active-colour_\#7b1fa2 { --primary-active-colour: #7b1fa2; } .\--primary-colour_\#9c27b0 { --primary-colour: #9c27b0; } .\--primary-hover-colour_\#8e24aa { --primary-hover-colour: #8e24aa; } .\--primary-active-colour_\#b71c1c { --primary-active-colour: #b71c1c; } .\--primary-colour_\#d32f2f { --primary-colour: #d32f2f; } .\--primary-hover-colour_\#c62828 { --primary-hover-colour: #c62828; } .\--primary-active-colour_\#004d40 { --primary-active-colour: #004d40; } .\--primary-colour_\#00796b { --primary-colour: #00796b; } .\--primary-hover-colour_\#00695c { --primary-hover-colour: #00695c; } .\--primary-active-colour_\#fbc02d { --primary-active-colour: #fbc02d; } .\--primary-colour_\#ffeb3b { --primary-colour: #ffeb3b; } .\--primary-hover-colour_\#fdd835 { --primary-hover-colour: #fdd835; } .\--min-opacity_0\.85 { --min-opacity: 0.85; } .\--cell-size_var\(--heatmap-cell-size\,_22px\) { --cell-size: var(--heatmap-cell-size, 22px); } .\--gap_var\(--heatmap-cell-gap\,_2px\) { --gap: var(--heatmap-cell-gap, 2px); } .\--border-thickness_2px { --border-thickness: 2px; } .\--primary-color_\#F44336 { --primary-color: #F44336; } .\--height_28px { --height: 28px; } .\--width_96px { --width: 96px; } .bg_rgb\(240\,_240\,_240\) { background: rgb(240, 240, 240); } .grid-area_config { grid-area: config; } .p_32px { padding: 32px; } .bg_\#e0e0e0 { background: #e0e0e0; } .grid-area_footer { grid-area: footer; } .p_8px { padding: 8px; } .grid-area_logo { grid-area: logo; } .grid-area_subtitle { grid-area: subtitle; } .grid-area_title { grid-area: title; } .bg_var\(--background-color\) { background: var(--background-color); } .grid-area_sidebar { grid-area: sidebar; } .p_32px_0px { padding: 32px 0px; } .bd_0px { border: 0px; } .bg_var\(--tab-item-active-colour\) { background: var(--tab-item-active-colour); } .p_0 { padding: var(--spacing-0); } .m_0 { margin: var(--spacing-0); } .bd_4px_solid_black { border: 4px solid black; } .m_16px { margin: 16px; } .bg_white { background: var(--colors-white); } .m_32px { margin: 32px; } .p_16px { padding: 16px; } .bg_\#ffcdd2 { background: #ffcdd2; } .bd_1px_solid_\#f44336 { border: 1px solid #f44336; } .bg_\#ff5722 { background: #ff5722; } .bd_6px_solid_rgba\(255\,_255\,_255\,_0\.6\) { border: 6px solid rgba(255, 255, 255, 0.6); } .m_auto { margin: auto; } .bg_\#f5f5f5 { background: #f5f5f5; } .p_5px_12px { padding: 5px 12px; } .p_16px_24px { padding: 16px 24px; } .p_4px { padding: 4px; } .p_12px_16px { padding: 12px 16px; } .bg_\#f0f0f0 { background: #f0f0f0; } .p_0_6px { padding: 0 6px; } .bg_\#f8f9fa { background: #f8f9fa; } .p_8px_16px { padding: 8px 16px; } .bg_none { background: none; } .bd_none { border: var(--borders-none); } .p_2px_4px { padding: 2px 4px; } .bg_\#d0d0d0 { background: #d0d0d0; } .bg_\#e3f2fd { background: #e3f2fd; } .p_0_3px { padding: 0 3px; } .p_2px_0 { padding: 2px 0; } .p_1px_6px { padding: 1px 6px; } .bg_rgb\(245\,_245\,_245\) { background: rgb(245, 245, 245); } .bg_linear-gradient\(to_bottom\,_rgba\(0\,_0\,_0\,_0\)_0\%\,_rgba\(0\,_0\,_0\,_0\.5\)_100\%\) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .m_16 { margin: var(--spacing-16); } .bg_\#1976d2 { background: #1976d2; } .m_0px { margin: 0px; } .bg_\#fdfdfd { background: #fdfdfd; } .bg_rgba\(255\,_255\,_255\,_0\.25\) { background: rgba(255, 255, 255, 0.25); } .p_0px { padding: 0px; } .bg_\#ffffff { background: #ffffff; } .m_4px_0px { margin: 4px 0px; } .p_12px { padding: 12px; } .p_0px_8px { padding: 0px 8px; } .bg_\#fafafa { background: #fafafa; } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) { border: 1px solid rgba(0, 0, 0, 0.15); } .m_16px_0px { margin: 16px 0px; } .bg_rgba\(0\,_0\,_0\,_0\.25\) { background: rgba(0, 0, 0, 0.25); } .grid-area_actions { grid-area: actions; } .bg_var\(--background-colour\,_\#f0f0f0\) { background: var(--background-colour, #f0f0f0); } .bg_\#0d47a1 { background: #0d47a1; } .m_8px { margin: 8px; } .bg_\#f44336 { background: #f44336; } .bd_5px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border: 5px solid rgba(0, 0, 0, 0.25); } .m_24px { margin: 24px; } .p_4px_8px { padding: 4px 8px; } .p_4 { padding: var(--spacing-4); } .p_2 { padding: var(--spacing-2); } .p_3 { padding: var(--spacing-3); } .p_6 { padding: var(--spacing-6); } .bg_\#e2e2e2 { background: #e2e2e2; } .grid-area_center { grid-area: center; } .bg_var\(--primary-colour\) { background: var(--primary-colour); } .bg_rgba\(218\,_181\,_79\,_0\.225\) { background: rgba(218, 181, 79, 0.225); } .bg_rgba\(0\,_0\,_0\,_0\.2\)\! { background: rgba(0, 0, 0, 0.2) !important; } .p_8px_0px { padding: 8px 0px; } .bg_rgba\(0\,_0\,_0\,_0\.15\) { background: rgba(0, 0, 0, 0.15); } .bg_rgba\(0\,_0\,_0\,_0\.05\) { background: rgba(0, 0, 0, 0.05); } .bg_var\(--primary-colour-faint\,_\#1976d2\) { background: var(--primary-colour-faint, #1976d2); } .bg_var\(--primary-colour\,_\#1976d2\) { background: var(--primary-colour, #1976d2); } .bg_\#e5e5e5 { background: #e5e5e5; } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border: 1px solid rgba(0, 0, 0, 0.25); } .m_var\(--cell-gap\) { margin: var(--cell-gap); } .p_1 { padding: var(--spacing-1); } .p_2_4 { padding: 2 4; } .bd_1px_dashed { border: 1px dashed; } .p_24px { padding: 24px; } .p_2px_6px { padding: 2px 6px; } .inset_0 { inset: var(--spacing-0); } .p_20px { padding: 20px; } .p_48px_24px { padding: 48px 24px; } .m_0_0_8px_0 { margin: 0 0 8px 0; } .m_0_0_12px_0 { margin: 0 0 12px 0; } .p_8 { padding: var(--spacing-8); } .p_12 { padding: var(--spacing-12); } .p_2_3 { padding: 2 3; } .p_1_2 { padding: 1 2; } .p_1_3 { padding: 1 3; } .m_0_auto { margin: 0 auto; } .bg_transparent { background: var(--colors-transparent); } .p_10px_16px { padding: 10px 16px; } .m_4px_2px { margin: 4px 2px; } .p_6px_16px { padding: 6px 16px; } .p_0\.2em_0\.6em_0\.3em { padding: 0.2em 0.6em 0.3em; } .m_2px { margin: 2px; } .bg_rgba\(0\,_0\,_0\,_0\.26\) { background: rgba(0, 0, 0, 0.26); } .m_32px_16px_16px_8px { margin: 32px 16px 16px 8px; } .bg_black { background: var(--colors-black); } .bg_rgba\(0\,_0\,_0\,_0\.5\) { background: rgba(0, 0, 0, 0.5); } .bg_\#eeeeee { background: #eeeeee; } .p_0px_5px { padding: 0px 5px; } .m_4px { margin: 4px; } .bg_rgb\(60\,_60\,_60\) { background: rgb(60, 60, 60); } .bg_var\(--background-colour\,_white\) { background: var(--background-colour, white); } .anim_fadeIn_0\.3s_ease-in-out { animation: fadeIn 0.3s ease-in-out; } .bg_beedee-card { background: var(--colors-beedee-card); } .p_0_24px { padding: 0 24px; } .anim_fadeIn_\.22s_ease { animation: fadeIn .22s ease; } .p_24px_26px_20px { padding: 24px 26px 20px; } .bd_1\.5px_solid { border: 1.5px solid; } .p_8px_20px { padding: 8px 20px; } .p_12px_15px_9px { padding: 12px 15px 9px; } .p_5px_0 { padding: 5px 0; } .bg_beedee-brand-light { background: var(--colors-beedee-brand-light); } .p_8px_15px { padding: 8px 15px; } .p_14px_26px_18px { padding: 14px 26px 18px; } .p_24px_24px_20px { padding: 24px 24px 20px; } .bg_beedee-border { background: var(--colors-beedee-border); } .bg_beedee-brand { background: var(--colors-beedee-brand); } .p_6px_15px_6px_30px { padding: 6px 15px 6px 30px; } .p_2\.5_6 { padding: 2.5 6; } .anim_fadeIn_0\.2s_ease-out { animation: fadeIn 0.2s ease-out; } .anim_slideUp_0\.3s_ease-out { animation: slideUp 0.3s ease-out; } .bg_blue\.50 { background: var(--colors-blue-50); } .bd_blue\.500 { border: blue.500; } .m_0\! { margin: var(--spacing-0) !important; } .p_0\! { padding: var(--spacing-0) !important; } .anim_slideIn_0\.3s_ease-out { animation: slideIn 0.3s ease-out; } .bg_gray\.100 { background: var(--colors-gray-100); } .m_3px { margin: 3px; } .p_16px_24px_12px { padding: 16px 24px 12px; } .p_6px_14px { padding: 6px 14px; } .bg_\#f7fbfc { background: #f7fbfc; } .p_9px_13px { padding: 9px 13px; } .p_11px_13px { padding: 11px 13px; } .bd_1\.5px_solid_\{colors\.beedee-brand-mid\} { border: 1.5px solid var(--colors-beedee-brand-mid); } .p_2px_9px { padding: 2px 9px; } .p_10px_20px { padding: 10px 20px; } .m_4px_0_0_0 { margin: 4px 0 0 0; } .p_40px { padding: 40px; } .bg_url\(\'\/ga\/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a\.PNG\'\)_center\/cover_no-repeat { background: url('/ga/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a.PNG') center/cover no-repeat; } .p_12px_20px { padding: 12px 20px; } .bg_\#fff { background: #fff; } .bd_1px_solid_\#e0e0e0 { border: 1px solid #e0e0e0; } .bg_\#f4f5f7 { background: #f4f5f7; } .p_3px_8px { padding: 3px 8px; } .bg_linear-gradient\(180deg\,_\#1ba360_0\%\,_\#0f7a47_100\%\) { background: linear-gradient(180deg, #1ba360 0%, #0f7a47 100%); } .p_28px_0 { padding: 28px 0; } .p_10px_24px { padding: 10px 24px; } .bg_rgba\(255\,_255\,_255\,_0\.18\) { background: rgba(255, 255, 255, 0.18); } .bd_1\.5px_dashed_\#c8d6ce { border: 1.5px dashed #c8d6ce; } .bg_\#e8faf0 { background: #e8faf0; } .bg_\#e8f7ee { background: #e8f7ee; } .p_24px_28px { padding: 24px 28px; } .bg_beedee-bg { background: var(--colors-beedee-bg); } .p_8px_12px { padding: 8px 12px; } .bd_1px_solid { border: 1px solid; } .p_2px_3 { padding: 2px 3; } .p_10px_14px { padding: 10px 14px; } .p_4px_0 { padding: 4px 0; } .p_8px_14px_4px { padding: 8px 14px 4px; } .p_9px_14px { padding: 9px 14px; } .m_4px_0_0 { margin: 4px 0 0; } .bg_\#faf5ff { background: #faf5ff; } .p_20px_24px { padding: 20px 24px; } .p_3px_10px { padding: 3px 10px; } .p_4px_12px { padding: 4px 12px; } .p_16px_20px { padding: 16px 20px; } .p_5px_10px { padding: 5px 10px; } .bg_\#f5f7f9 { background: #f5f7f9; } .p_16px_32px { padding: 16px 32px; } .p_28px_24px_72px { padding: 28px 24px 72px; } .anim_fadeIn_0\.22s_ease { animation: fadeIn 0.22s ease; } .m_20px_auto { margin: 20px auto; } .p_3px { padding: 3px; } .p_8px_24px { padding: 8px 24px; } .p_32px_24px { padding: 32px 24px; } .p_16px_22px { padding: 16px 22px; } .p_18px_22px { padding: 18px 22px; } .p_5px_6px { padding: 5px 6px; } .p_6px_0 { padding: 6px 0; } .p_6px_8px { padding: 6px 8px; } .p_14px_22px { padding: 14px 22px; } .bg_beedee-brand-dark { background: var(--colors-beedee-brand-dark); } .bd_2px_solid_var\(--colors-beedee-brand\) { border: 2px solid var(--colors-beedee-brand); } .bd_2px_solid_var\(--colors-beedee-border\) { border: 2px solid var(--colors-beedee-border); } .p_2px_8px { padding: 2px 8px; } .p_1px_5px { padding: 1px 5px; } .bg_rgba\(255\,255\,255\,0\.15\) { background: rgba(255,255,255,0.15); } .p_14px_18px { padding: 14px 18px; } .p_8px_14px { padding: 8px 14px; } .p_6px_10px { padding: 6px 10px; } .p_12px_18px { padding: 12px 18px; } .bd_1px_solid_beedee-border { border: 1px solid beedee-border; } .bd_2px_solid_token\(colors\.beedee-brand\) { border: 2px solid var(--colors-beedee-brand); } .bd_2px_solid_token\(colors\.beedee-brand-mid\) { border: 2px solid var(--colors-beedee-brand-mid); } .bd_2px_solid_token\(colors\.beedee-border\) { border: 2px solid var(--colors-beedee-border); } .p_28px_20px { padding: 28px 20px; } .bd_2px_dashed_token\(colors\.beedee-brand\) { border: 2px dashed var(--colors-beedee-brand); } .bg_green\.50 { background: var(--colors-green-50); } .bd_2px_dashed_token\(colors\.green\.300\) { border: 2px dashed var(--colors-green-300); } .bg_\#fafcfd { background: #fafcfd; } .bd_2px_dashed_token\(colors\.beedee-border\) { border: 2px dashed var(--colors-beedee-border); } .bg_\#c8d5d8 { background: #c8d5d8; } .p_14px_16px { padding: 14px 16px; } .p_18px_20px { padding: 18px 20px; } .p_12px_14px { padding: 12px 14px; } .p_4px_6px { padding: 4px 6px; } .p_9px_0 { padding: 9px 0; } .bg_\#039BE5 { background: #039BE5; } .p_0px_32px { padding: 0px 32px; } .bg_rgb\(3\,_155\,_229\) { background: rgb(3, 155, 229); } .bd_3px_solid { border: 3px solid; } .p_3px_9px { padding: 3px 9px; } .p_6px_4px { padding: 6px 4px; } .p_10px_12px { padding: 10px 12px; } .p_0_12px_8px { padding: 0 12px 8px; } .p_5px_9px { padding: 5px 9px; } .p_5px_11px { padding: 5px 11px; } .p_5px_14px { padding: 5px 14px; } .p_12px_15px { padding: 12px 15px; } .p_8px_10px { padding: 8px 10px; } .p_5px_8px { padding: 5px 8px; } .grid-area_custom-header { grid-area: custom-header; } .grid-area_grid { grid-area: grid; } .grid-area_notes { grid-area: notes; } .bd_1px_solid_transparent { border: 1px solid transparent; } .m_0px_4px { margin: 0px 4px; } .m_0px_8px { margin: 0px 8px; } .bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .p_4px_16px { padding: 4px 16px; } .grid-area_search { grid-area: search; } .p_var\(--base-padding\) { padding: var(--base-padding); } .bg_var\(--accent-background-colour\) { background: var(--accent-background-colour); } .grid-area_header { grid-area: header; } .bg_var\(--heatmap-background-apr\) { background: var(--heatmap-background-apr); } .bg_var\(--heatmap-background-aug\) { background: var(--heatmap-background-aug); } .grid-area_days { grid-area: days; } .bg_var\(--heatmap-background-dec\) { background: var(--heatmap-background-dec); } .bg_var\(--heatmap-background-feb\) { background: var(--heatmap-background-feb); } .bg_red { background: red; } .bg_var\(--heatmap-background-jan\) { background: var(--heatmap-background-jan); } .bg_var\(--heatmap-background-jul\) { background: var(--heatmap-background-jul); } .bg_var\(--heatmap-background-jun\) { background: var(--heatmap-background-jun); } .grid-area_legend { grid-area: legend; } .bg_var\(--heatmap-background-mar\) { background: var(--heatmap-background-mar); } .bg_var\(--heatmap-background-may\) { background: var(--heatmap-background-may); } .grid-area_months { grid-area: months; } .bg_var\(--heatmap-background-nov\) { background: var(--heatmap-background-nov); } .bg_var\(--heatmap-background-oct\) { background: var(--heatmap-background-oct); } .bg_var\(--heatmap-background-sep\) { background: var(--heatmap-background-sep); } .grid-area_year { grid-area: year; } .grid-area_chart { grid-area: chart; } .m_0px_16px { margin: 0px 16px; } .bd_2px_solid_rgb\(102\,_102\,_102\) { border: 2px solid rgb(102, 102, 102); } .bd_4px_solid_var\(--accent-background-colour\) { border: 4px solid var(--accent-background-colour); } .bg_rgba\(0\,_0\,_0\,_0\.35\) { background: rgba(0, 0, 0, 0.35); } .bd_1px_solid_rgba\(0\,_0\,_0\,_0\.5\) { border: 1px solid rgba(0, 0, 0, 0.5); } .bg_var\(--background-colour\) { background: var(--background-colour); } .bg_var\(--background-colour\)\! { background: var(--background-colour) !important; } .grid-area_content { grid-area: content; } .bg_\#0d47a1\! { background: #0d47a1 !important; } .bd_calc\(var\(--border-thickness\)_\*_3\)_solid_var\(--accent-background-colour\) { border: calc(var(--border-thickness) * 3) solid var(--accent-background-colour); } .bd_var\(--border-thickness\)_solid_var\(--accent-background-colour\) { border: var(--border-thickness) solid var(--accent-background-colour); } .p_8px_48px { padding: 8px 48px; } .bd_1px_solid_\#5B5B66 { border: 1px solid #5B5B66; } .grid-template_\'code\' { grid-template: 'code'; } .grid-template_\'preview\' { grid-template: 'preview'; } .p_var\(--margin\) { padding: var(--margin); } .bg_\#B71C1C { background: #B71C1C; } .p_var\(--padding\) { padding: var(--padding); } .bg_var\(--sidebar-item-active-colour\) { background: var(--sidebar-item-active-colour); } .bg_var\(--sidebar-header-background-colour\) { background: var(--sidebar-header-background-colour); } .p_2px { padding: 2px; } .bg_rgba\(255\,_255\,_255\,_0\.5\) { background: rgba(255, 255, 255, 0.5); } .m_16px_32px { margin: 16px 32px; } .bd_1px_solid_\#f1f5f9 { border: 1px solid #f1f5f9; } .anim_GEAR-OPEN_400ms { animation: GEAR-OPEN 400ms; } .bg_\#388e3c { background: #388e3c; } .anim_pulse_1\.5s_ease-in-out_infinite { animation: pulse 1.5s ease-in-out infinite; } .flex_1 { flex: 1 1 0%; } .grid-template-areas_\'sidebar_config\'_\'logo_footer\' { grid-template-areas: 'sidebar config' 'logo footer'; } .gap_0px_32px { gap: 0px 32px; } .bg-p_center { background-position: center; } .grid-template-areas_\'config\'_\'footer\' { grid-template-areas: 'config' 'footer'; } .flex_1_1_0\% { flex: 1 1 0%; } .px_\[13px\] { padding-inline: 13px; } .ov_visible { overflow: visible; } .trs_color_150ms { transition: color 150ms; } .grid-template-areas_\'list_record\' { grid-template-areas: 'list record'; } .bdr_4px { border-radius: 4px; } .bdr_50\% { border-radius: 50%; } .trs_width\,_height\,_left\,_top { transition: width, height, left, top; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .columns_2 { columns: 2; } .ov_hidden { overflow: hidden; } .bd-b_1px_solid_\#e0e0e0 { border-bottom: 1px solid #e0e0e0; } .bd-l_3px_solid_\#1976d2 { border-left: 3px solid #1976d2; } .gap_2px { gap: 2px; } .li-s_none { list-style: none; } .flex_0_0_clamp\(150px\,_40\%\,_350px\) { flex: 0 0 clamp(150px, 40%, 350px); } .bd-l_1px_solid_\#eee { border-left: 1px solid #eee; } .flex_1_1_auto { flex: 1 1 auto; } .bd-b_1px_solid_var\(--color-border-default\) { border-bottom: 1px solid var(--color-border-default); } .bdr_8px { border-radius: 8px; } .bd-t_1px_solid_\#e0e0e0 { border-top: 1px solid #e0e0e0; } .td_underline { text-decoration: underline; } .bdr_6px { border-radius: 6px; } .gap_1px { gap: 1px; } .gap_8px { gap: 8px; } .bdr_3px { border-radius: 3px; } .columns_1 { columns: 1; } .trs_transform_300ms { transition: transform 300ms; } .trs_height_200ms { transition: height 200ms; } .flex_unset { flex: unset; } .bdr_32px { border-radius: 32px; } .trs_background-color_0\.3s { transition: background-color 0.3s; } .bdr_2px { border-radius: 2px; } .grid-template-areas_\'sidebar_config\'_\'sidebar_actions\' { grid-template-areas: 'sidebar config' 'sidebar actions'; } .gap_4 { gap: var(--spacing-4); } .bd-c_white { border-color: var(--colors-white); } .bdr_md { border-radius: var(--radii-md); } .border-style_solid { border-style: solid; } .bd-w_1px { border-width: 1px; } .gap_2 { gap: var(--spacing-2); } .td_none { text-decoration: none; } .gap_6 { gap: var(--spacing-6); } .gap_1 { gap: var(--spacing-1); } .bdr_full { border-radius: var(--radii-full); } .px_3 { padding-inline: var(--spacing-3); } .py_1 { padding-block: var(--spacing-1); } .bdr_lg { border-radius: var(--radii-lg); } .gap_3 { gap: var(--spacing-3); } .bd-w_0 { border-width: 0; } .px_4 { padding-inline: var(--spacing-4); } .py_2 { padding-block: var(--spacing-2); } .trs_all_0\.15s { transition: all 0.15s; } .bd-c_brand { border-color: var(--colors-brand); } .grid-template-areas_\"top-panel_top-panel_top-panel\"_\"left-panel_center_right-panel\" { grid-template-areas: "top-panel top-panel top-panel" "left-panel center right-panel"; } .trs_max-width_600ms\,_transform_600ms { transition: max-width 600ms, transform 600ms; } .trs_background-color_300ms { transition: background-color 300ms; } .grid-template-areas_\'sidebar_content\' { grid-template-areas: 'sidebar content'; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .bd-l_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-left: 1px solid rgba(0, 0, 0, 0.25); } .bd-t_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-top: 1px solid rgba(0, 0, 0, 0.25); } .trs_background-color_100ms { transition: background-color 100ms; } .grid-c_span_2 { grid-column: span 2; } .grid-template-areas_\'component-list_editor\' { grid-template-areas: 'component-list editor'; } .gap_var\(--cell-gap\) { gap: var(--cell-gap); } .grid-c_span_3 { grid-column: span 3; } .columns_12 { columns: 12; } .trs_all_0\.2s { transition: all 0.2s; } .ov_auto { overflow: auto; } .bd-c_stories-border { border-color: var(--colors-stories-border); } .bdr_sm { border-radius: var(--radii-sm); } .mx_0\.5 { margin-inline: var(--spacing-0\.5); } .px_2 { padding-inline: var(--spacing-2); } .py_0\.5 { padding-block: var(--spacing-0\.5); } .mx_auto { margin-inline: auto; } .gap_20px { gap: 20px; } .gap_16px { gap: 16px; } .grid-c_1_\/_-1 { grid-column: 1 / -1; } .gap_4px { gap: 4px; } .gap_0\.5 { gap: var(--spacing-0\.5); } .py_0 { padding-block: var(--spacing-0); } .bd-c_stories-accent { border-color: var(--colors-stories-accent); } .my_4 { margin-block: var(--spacing-4); } .bd-c_border-subtle { border-color: var(--colors-border-subtle); } .bd-t_1px_solid_transparent { border-top: 1px solid transparent; } .bd-c_transparent { border-color: var(--colors-transparent); } .ring_none { outline: var(--borders-none); } .py_3 { padding-block: var(--spacing-3); } .bdr_0 { border-radius: 0; } .px_0 { padding-inline: var(--spacing-0); } .bd-c_form-field-border { border-color: var(--colors-form-field-border); } .px_1 { padding-inline: var(--spacing-1); } .bd-c_grey\.lighten-3 { border-color: var(--colors-grey-lighten-3); } .px_6 { padding-inline: var(--spacing-6); } .bd-c_grey\.lighten-2 { border-color: var(--colors-grey-lighten-2); } .trs_background-color_200ms\,_box-shadow_200ms { transition: background-color 200ms, box-shadow 200ms; } .bdr_16px { border-radius: 16px; } .trs_box-shadow_100ms { transition: box-shadow 100ms; } .trs_color_200ms\,_background-color_200ms\,_box-shadow_200ms { transition: color 200ms, background-color 200ms, box-shadow 200ms; } .trs_top_200ms\,_opacity_200ms { transition: top 200ms, opacity 200ms; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.26\) { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .trs_border-color_200ms\,_border-width_200ms { transition: border-color 200ms, border-width 200ms; } .trs_opacity_400ms { transition: opacity 400ms; } .trs_transform_400ms\,_box-shadow_400ms { transition: transform 400ms, box-shadow 400ms; } .trs_top_400ms { transition: top 400ms; } .bdr_12px { border-radius: 12px; } .trs_background-color_200ms_ease-in { transition: background-color 200ms ease-in; } .trs_background-color_200ms_ease-in\,_left_200ms_ease-in { transition: background-color 200ms ease-in, left 200ms ease-in; } .trs_margin-top_200ms\,_opacity_200ms { transition: margin-top 200ms, opacity 200ms; } .trs_opacity_200ms { transition: opacity 200ms; } .trs_400ms { transition: 400ms; } .trs_height_400ms { transition: height 400ms; } .flex_2 { flex: 2; } .flex_3 { flex: 3; } .flex_4 { flex: 4; } .flex_5 { flex: 5; } .flex_6 { flex: 6; } .flex_7 { flex: 7; } .flex_8 { flex: 8; } .flex_9 { flex: 9; } .flex_10 { flex: 10; } .flex_11 { flex: 11; } .flex_12 { flex: 12; } .grid-template-areas_\'sidebar_config\' { grid-template-areas: 'sidebar config'; } .trs_font-size_200ms\,_top_200ms\,_color_200ms { transition: font-size 200ms, top 200ms, color 200ms; } .bdr_0px\! { border-radius: 0px !important; } .trs_top\,_left\,_opacity { transition: top, left, opacity; } .trs_width\,_height\,_top\,_left { transition: width, height, top, left; } .trs_color_\.15s { transition: color .15s; } .bdr_beedee { border-radius: var(--radii-beedee); } .gap_24px { gap: 24px; } .flex_0_1_640px { flex: 0 1 640px; } .flex_1_1_0 { flex: 1 1 0; } .gap_14px { gap: 14px; } .bd-c_beedee-border { border-color: var(--colors-beedee-border); } .bd-t_1px_solid { border-top: 1px solid; } .gap_10px { gap: 10px; } .bdr_beedee-sm { border-radius: var(--radii-beedee-sm); } .gap_5px { gap: 5px; } .trs_all_\.15s { transition: all .15s; } .bd-b_1px_solid { border-bottom: 1px solid; } .bd-l_3px_solid { border-left: 3px solid; } .bd-l_3px_solid_transparent { border-left: 3px solid transparent; } .trs_background_\.15s\,_color_\.15s\,_border-color_\.15s { transition: background .15s, color .15s, border-color .15s; } .trs_background_\.15s\,_color_\.15s { transition: background .15s, color .15s; } .bd-b_none { border-bottom: var(--borders-none); } .bd-r_1px_solid { border-right: 1px solid; } .bd-r_none { border-right: var(--borders-none); } .bd-b_2px_solid { border-bottom: 2px solid; } .gap_7px { gap: 7px; } .bd-c_red\.500 { border-color: var(--colors-red-500); } .trs_background_\.15s { transition: background .15s; } .trs_grid-template-rows_\.25s_ease { transition: grid-template-rows .25s ease; } .trs_transform_\.2s_ease { transition: transform .2s ease; } .gap_8 { gap: var(--spacing-8); } .bd-c_gray\.300 { border-color: var(--colors-gray-300); } .trs_color_0\.15s { transition: color 0.15s; } .trs_border-color_0\.15s { transition: border-color 0.15s; } .trs_background-color_0\.15s { transition: background-color 0.15s; } .bdr_xl { border-radius: var(--radii-xl); } .mx_4 { margin-inline: var(--spacing-4); } .gap_6px { gap: 6px; } .bdr_8 { border-radius: 8px; } .gap_12px { gap: 12px; } .bd-b_1\.5px_solid_\{colors\.beedee-border\} { border-bottom: 1.5px solid var(--colors-beedee-border); } .bd-b_1px_solid_\{colors\.beedee-border\} { border-bottom: 1px solid var(--colors-beedee-border); } .trs_background_\.1s { transition: background .1s; } .gap_9px { gap: 9px; } .bdr_999px { border-radius: 999px; } .bd-t_1px_solid_\{colors\.beedee-border\} { border-top: 1px solid var(--colors-beedee-border); } .gap_30px { gap: 30px; } .bdr_45px { border-radius: 45px; } .bdr_10px { border-radius: 10px; } .bdr_5px { border-radius: 5px; } .trs_background_0\.15s { transition: background 0.15s; } .trs_border-color_0\.2s\,_box-shadow_0\.2s { transition: border-color 0.2s, box-shadow 0.2s; } .bd-c_beedee-brand { border-color: var(--colors-beedee-brand); } .bd-l_1px_solid { border-left: 1px solid; } .bd-b_1px_solid_\#e5e7eb { border-bottom: 1px solid #e5e7eb; } .trs_grid-template-columns_0\.3s_ease { transition: grid-template-columns 0.3s ease; } .trs_box-shadow_0\.2s\,_transform_0\.2s { transition: box-shadow 0.2s, transform 0.2s; } .trs_opacity_0\.2s { transition: opacity 0.2s; } .trs_transform_0\.3s_ease { transition: transform 0.3s ease; } .px_12px { padding-inline: 12px; } .py_4px { padding-block: 4px; } .bd-w_1\.5px { border-width: 1.5px; } .px_13px { padding-inline: 13px; } .trs_border-color_0\.15s\,_box-shadow_0\.15s\,_background-color_0\.15s { transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s; } .py_5px { padding-block: 5px; } .px_10px { padding-inline: 10px; } .trs_background-color_0\.2s { transition: background-color 0.2s; } .px_15px { padding-inline: 15px; } .py_8px { padding-block: 8px; } .trs_background-color_0\.15s\,_color_0\.15s\,_border-color_0\.15s { transition: background-color 0.15s, color 0.15s, border-color 0.15s; } .trs_background-color_0\.15s\,_color_0\.15s { transition: background-color 0.15s, color 0.15s; } .px_26px { padding-inline: 26px; } .px_20px { padding-inline: 20px; } .bd-c_beedee-brand-mid { border-color: var(--colors-beedee-brand-mid); } .gap_0 { gap: var(--spacing-0); } .px_8px { padding-inline: 8px; } .py_2px { padding-block: 2px; } .bd-t_1px_solid_\#e5e7eb { border-top: 1px solid #e5e7eb; } .bdr_6px_6px_0_0 { border-radius: 6px 6px 0 0; } .bdr_20px { border-radius: 20px; } .bdr_14px { border-radius: 14px; } .bdr_3 { border-radius: 3px; } .trs_background_0\.15s\,_border-color_0\.15s { transition: background 0.15s, border-color 0.15s; } .bdr_12 { border-radius: 12px; } .bdr_6 { border-radius: 6px; } .gap_10 { gap: var(--spacing-10); } .bdr_10 { border-radius: 10px; } .trs_border-color_0\.15s\,_background_0\.15s { transition: border-color 0.15s, background 0.15s; } .bdr_7 { border-radius: 7px; } .gap_5 { gap: var(--spacing-5); } .bd-t_1px_solid_beedee-border { border-top: 1px solid beedee-border; } .bd-b_2px_solid_token\(colors\.beedee-brand\) { border-bottom: 2px solid var(--colors-beedee-brand); } .bd-b_2px_solid_transparent { border-bottom: 2px solid transparent; } .bdr_9px { border-radius: 9px; } .bd-b_1px_solid_beedee-border { border-bottom: 1px solid beedee-border; } .trs_background_0\.2s { transition: background 0.2s; } .gap_14 { gap: var(--spacing-14); } .bdr_9 { border-radius: 9px; } .gap_0px { gap: 0px; } .bd-r_1px_solid_\#c4c4c4 { border-right: 1px solid #c4c4c4; } .bd-t_1px_solid_\#c4c4c4 { border-top: 1px solid #c4c4c4; } .trs_border-color_0\.15s\,_box-shadow_0\.15s { transition: border-color 0.15s, box-shadow 0.15s; } .bd-c_\#f59e0b { border-color: #f59e0b; } .bd-c_\#3b82f6 { border-color: #3b82f6; } .bd-c_\#a855f7 { border-color: #a855f7; } .trs_background_0\.12s\,_color_0\.12s { transition: background 0.12s, color 0.12s; } .trs_background_0\.15s\,_color_0\.15s { transition: background 0.15s, color 0.15s; } .bd-b_1px_solid_rgba\(0\,0\,0\,0\.07\) { border-bottom: 1px solid rgba(0,0,0,0.07); } .bd-t_1px_solid_rgba\(0\,0\,0\,0\.07\) { border-top: 1px solid rgba(0,0,0,0.07); } .trs_background_0\.12s { transition: background 0.12s; } .trs_transform_0\.3s { transition: transform 0.3s; } .border-style_dashed { border-style: dashed; } .px_16px { padding-inline: 16px; } .bdr_0_6px_6px_0 { border-radius: 0 6px 6px 0; } .gap_calc\(var\(--base-padding\)_\*_2\) { gap: calc(var(--base-padding) * 2); } .grid-template-areas_\"header_header\"_\"sidebar_controls\"_\"sidebar_grid\" { grid-template-areas: "header header" "sidebar controls" "sidebar grid"; } .bdr_18px { border-radius: 18px; } .bdr_var\(--base-padding\) { border-radius: var(--base-padding); } .grid-template-areas_\"title_search_actions\"_\"navigation_navigation_navigation\" { grid-template-areas: "title search actions" "navigation navigation navigation"; } .grid-g_var\(--gap\) { grid-gap: var(--gap); } .trs_transform_200ms\,_box-shadow_200ms { transition: transform 200ms, box-shadow 200ms; } .grid-g_var\(--base-padding\) { grid-gap: var(--base-padding); } .grid-template-areas_\"\._year\"_\"\._months\"_\"days_grid\"_\"\._legend\" { grid-template-areas: ". year" ". months" "days grid" ". legend"; } .grid-g_8px { grid-gap: 8px; } .gap_32px { gap: 32px; } .grid-template-areas_\"sidebar_content\"_\"sidebar_actions\" { grid-template-areas: "sidebar content" "sidebar actions"; } .trs_background-color_200ms { transition: background-color 200ms; } .bd-r_var\(--border-thickness\)_solid_var\(--accent-background-colour\) { border-right: var(--border-thickness) solid var(--accent-background-colour); } .grid-template-areas_\'sidebar_code\'_\'sidebar_preview\' { grid-template-areas: 'sidebar code' 'sidebar preview'; } .grid-r_span_3 { grid-row: span 3; } .bd-t_4px_solid_rgba\(0\,_0\,_0\,_0\.25\) { border-top: 4px solid rgba(0, 0, 0, 0.25); } .gap_var\(--margin\) { gap: var(--margin); } .grid-r_span_2 { grid-row: span 2; } .trs_left_400ms\,_width_400ms { transition: left 400ms, width 400ms; } .trs_width_200ms\,_height_200ms { transition: width 200ms, height 200ms; } .bd-c_var\(--primary-colour\,_\#1976d2\) { border-color: var(--primary-colour, #1976d2); } .bdr_24px { border-radius: 24px; } .trs_800ms_cubic-bezier\(0\,_1\,_1\,_1\) { transition: 800ms cubic-bezier(0, 1, 1, 1); } .trs_bottom_400ms { transition: bottom 400ms; } .bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bd-c_red\.200 { border-color: var(--colors-red-200); } .d_inline-block { display: inline-block; } .ta_left { text-align: left; } .pos_absolute { position: absolute; } .c_rgba\(0\,_0\,_0\,_0\.87\) { color: rgba(0, 0, 0, 0.87); } .pos_relative { position: relative; } .bx-s_border-box { box-sizing: border-box; } .d_flex { display: flex; } .flex-d_column { flex-direction: column; } .d_grid\! { display: grid !important; } .ff_Roboto { font-family: Roboto; } .fs_16px { font-size: 16px; } .grid-tc_240px_1fr { grid-template-columns: 240px 1fr; } .grid-tr_1fr_64px { grid-template-rows: 1fr 64px; } .d_grid { display: grid; } .grid-tc_1fr { grid-template-columns: 1fr; } .c_black { color: var(--colors-black); } .c_white { color: var(--colors-white); } .ta_right { text-align: right; } .bg-o_content-box { background-origin: content-box; } .bg-r_no-repeat { background-repeat: no-repeat; } .bg-s_contain { background-size: contain; } .bg-c_\#388e3c { background-color: #388e3c; } .fs_14px { font-size: 14px; } .leading_20px { line-height: 20px; } .op_0\.75 { opacity: 0.75; } .fw_500 { font-weight: 500; } .leading_28px { line-height: 28px; } .c_rgba\(255\,_255\,_255\,_0\.87\) { color: rgba(255, 255, 255, 0.87); } .flex-g_0 { flex-grow: 0; } .flex-d_row { flex-direction: row; } .c_var\(--tab-item-text-active-colour\) { color: var(--tab-item-text-active-colour); } .ff_inherit { font-family: inherit; } .fs_inherit { font-size: inherit; } .resize_vertical { resize: vertical; } .bx-sh_border-box { box-shadow: border-box; } .cursor_pointer { cursor: pointer; } .d_block { display: block; } .ff_monospace { font-family: monospace; } .bg-c_\#fcfcfc { background-color: #fcfcfc; } .grid-tc_1fr_2fr { grid-template-columns: 1fr 2fr; } .jc_flex-end { justify-content: flex-end; } .bx-sh_0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2); } .bg-c_var\(--primary-colour\) { background-color: var(--primary-colour); } .ta_center { text-align: center; } .pos_fixed { position: fixed; } .trs-dur_800ms { --transition-duration: 800ms; transition-duration: 800ms; } .fs_64px { font-size: 64px; } .leading_96px { line-height: 96px; } .tt_uppercase { text-transform: uppercase; } .ff_\'Roboto\'\,_\'RobotoDraft\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'RobotoDraft', 'Helvetica', sans-serif; } .op_0\.7 { opacity: 0.7; } .c_\#555 { color: #555; } .fs_11px { font-size: 11px; } .fw_700 { font-weight: 700; } .tracking_0\.5px { letter-spacing: 0.5px; } .pos_sticky { position: sticky; } .z_1 { z-index: 1; } .ai_center { align-items: center; } .flex-wrap_wrap { flex-wrap: wrap; } .c_\#999 { color: #999; } .fs_13px { font-size: 13px; } .font-style_italic { font-style: italic; } .pos_end { position: end; } .flex-sh_0 { flex-shrink: 0; } .bg-c_var\(--background-colour\,_white\) { background-color: var(--background-colour, white); } .jc_space-between { justify-content: space-between; } .fs_1\.25rem { font-size: 1.25rem; } .bd-be-w_var\(--thickness\) { border-block-end-width: var(--thickness); } .leading_1\.3 { line-height: 1.3; } .tov_ellipsis { text-overflow: ellipsis; } .white-space_nowrap { white-space: nowrap; } .c_\#777 { color: #777; } .leading_1\.6 { line-height: 1.6; } .c_\#666 { color: #666; } .fs_12px { font-size: 12px; } .c_\#1976d2 { color: #1976d2; } .bd-cl_collapse { border-collapse: collapse; } .leading_1\.15 { line-height: 1.15; } .d_none { display: none; } .pointer-events_none { pointer-events: none; } .c_\#333 { color: #333; } .fs_11\.5px { font-size: 11.5px; } .fw_600 { font-weight: 600; } .fw_400 { font-weight: 400; } .c_\#888 { color: #888; } .fs_9px { font-size: 9px; } .leading_1\.4 { line-height: 1.4; } .c_\#757575 { color: #757575; } .ff_\'Roboto_Mono\'\,_monospace { font-family: 'Roboto Mono', monospace; } .c_primary { color: var(--colors-primary); } .pos_start { position: start; } .bg-c_\#2b2b2b { background-color: #2b2b2b; } .c_rgba\(255\,_255\,_255\,_0\.87\)\! { color: rgba(255, 255, 255, 0.87) !important; } .fill_white { fill: var(--colors-white); } .stk-w_1 { stroke-width: 1; } .stk_\#ccc { stroke: #ccc; } .z_8 { z-index: 8; } .bx-sh_0_4px_4px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_2px_-4px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_2px_10px_0_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .trf_none { transform: none; } .trf_translateX\(-100\%\) { transform: translateX(-100%); } .us_none { -webkit-user-select: none; user-select: none; } .will-change_transform { will-change: transform; } .z_9 { z-index: 9; } .ff_\'Roboto\'\,_\'Verdana\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'Verdana', 'Helvetica', sans-serif; } .z_5 { z-index: 5; } .fs_0\.65rem\! { font-size: 0.65rem !important; } .c_\#aaaaaa { color: #aaaaaa; } .c_\#777777 { color: #777777; } .float_right { float: right; } .fs_10px { font-size: 10px; } .c_\#424242 { color: #424242; } .ff_\'Roboto\'\,_\'Helvetica\'\,_sans-serif { font-family: 'Roboto', 'Helvetica', sans-serif; } .fs_1rem { font-size: 1rem; } .fw_bold { font-weight: var(--font-weights-bold); } .leading_16px { line-height: 16px; } .z_4 { z-index: 4; } .fs_1\.5em { font-size: 1.5em; } .z_10 { z-index: 10; } .bg-c_var\(--color-amber\) { background-color: var(--color-amber); } .va_top { vertical-align: top; } .size_8 { size: 8px; } .bx-sh_none { box-shadow: none; } .fs_0\.9em { font-size: 0.9em; } .fs_0\.8rem { font-size: 0.8rem; } .bx-sh_0_2px_4px_rgba\(0\,_0\,_0\,_0\.07\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.1); } .c_rgb\(100\,_100\,_100\) { color: rgb(100, 100, 100); } .fs_0\.85em { font-size: 0.85em; } .fw_300 { font-weight: 300; } .c_var\(--text-colour\) { color: var(--text-colour); } .grid-tr_auto_64px { grid-template-rows: auto 64px; } .fs_0\.875rem { font-size: 0.875rem; } .fs_20px { font-size: 20px; } .ff_\'Roboto\'\,_\'RobotoDraft\'\,_\'Open_Sans\'\,_\'Helvetica\'\,_sans-serif\! { font-family: 'Roboto', 'RobotoDraft', 'Open Sans', 'Helvetica', sans-serif !important; } .grid-tr_auto_auto_1fr_auto { grid-template-rows: auto auto 1fr auto; } .grid-tc_1fr_54px_1fr { grid-template-columns: 1fr 54px 1fr; } .grid-tc_auto_auto_2fr_1fr { grid-template-columns: auto auto 2fr 1fr; } .bg-c_transparent { background-color: var(--colors-transparent); } .jc_center { justify-content: center; } .fs_xs { font-size: var(--font-sizes-xs); } .op_0\.5 { opacity: 0.5; } .op_0\.8 { opacity: 0.8; } .c_gray\.600 { color: var(--colors-gray-600); } .fs_sm { font-size: var(--font-sizes-sm); } .bg-c_brand { background-color: var(--colors-brand); } .bx-sh_header-shadow { box-shadow: var(--shadows-header-shadow); } .z_50 { z-index: 50; } .ff_font-display { font-family: var(--fonts-font-display); } .fs_xl { font-size: var(--font-sizes-xl); } .bg-c_brand-light { background-color: var(--colors-brand-light); } .d_inline-flex { display: inline-flex; } .fw_medium { font-weight: var(--font-weights-medium); } .tracking_wide { letter-spacing: var(--letter-spacings-wide); } .bg-c_blue\.100 { background-color: var(--colors-blue-100); } .c_blue\.700 { color: var(--colors-blue-700); } .bg-c_gray\.200 { background-color: var(--colors-gray-200); } .bg-c_green\.100 { background-color: var(--colors-green-100); } .c_green\.700 { color: var(--colors-green-700); } .bg-c_yellow\.100 { background-color: var(--colors-yellow-100); } .c_yellow\.700 { color: var(--colors-yellow-700); } .bg-c_white { background-color: var(--colors-white); } .bx-sh_card-shadow { box-shadow: var(--shadows-card-shadow); } .c_brand { color: var(--colors-brand); } .c_text-label { color: var(--colors-text-label); } .grid-tr_64px_1fr { grid-template-rows: 64px 1fr; } .grid-tc_320px_1fr_320px { grid-template-columns: 320px 1fr 320px; } .grid-tr_auto_1fr { grid-template-rows: auto 1fr; } .bx-sh_8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15); } .bg-i_url\(\"data\:image\/svg\+xml\,\%0A\%3Csvg_xmlns\=\'http\:\/\/www\.w3\.org\/2000\/svg\'_version\=\'1\.1\'_width\=\'40\'_height\=\'40\'\%3E\%3Cdefs\%3E\%3Cpattern_id\=\'grid\'_width\=\'40\'_height\=\'40\'_patternUnits\=\'userSpaceOnUse\'\%3E\%3Crect_fill\=\'black\'_x\=\'0\'_y\=\'0\'_width\=\'20\'_height\=\'20\'_opacity\=\'0\.05\'\/\%3E\%3Crect_fill\=\'white\'_x\=\'20\'_y\=\'0\'_width\=\'20\'_height\=\'20\'\/\%3E\%3Crect_fill\=\'black\'_x\=\'20\'_y\=\'20\'_width\=\'20\'_height\=\'20\'_opacity\=\'0\.05\'\/\%3E\%3Crect_fill\=\'white\'_x\=\'0\'_y\=\'20\'_width\=\'20\'_height\=\'20\'\/\%3E\%3C\/pattern\%3E\%3C\/defs\%3E\%3Crect_fill\=\'url\(\%23grid\)\'_x\=\'0\'_y\=\'0\'_width\=\'100\%25\'_height\=\'100\%25\'\/\%3E\%3C\/svg\%3E\"\) { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='40' height='40'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='20' height='20' opacity='0.05'/%3E%3Crect fill='white' x='20' y='0' width='20' height='20'/%3E%3Crect fill='black' x='20' y='20' width='20' height='20' opacity='0.05'/%3E%3Crect fill='white' x='0' y='20' width='20' height='20'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E"); } .bg-i_url\(\"data\:image\/svg\+xml\,\%3Csvg_xmlns\=\'http\:\/\/www\.w3\.org\/2000\/svg\'_version\=\'1\.1\'_width\=\'80\'_height\=\'80\'\%3E\%3Cdefs\%3E\%3Cpattern_id\=\'grid\'_width\=\'80\'_height\=\'80\'_patternUnits\=\'userSpaceOnUse\'\%3E\%3Crect_fill\=\'\%23333333\'_x\=\'0\'_y\=\'0\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3Crect_fill\=\'\%231f1f1f\'_x\=\'40\'_y\=\'0\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3Crect_fill\=\'\%23333333\'_x\=\'40\'_y\=\'40\'_width\=\'40\'_height\=\'40\'\/\%3E\%3Crect_fill\=\'\%231f1f1f\'_x\=\'0\'_y\=\'40\'_width\=\'40\'_height\=\'40\'_\/\%3E\%3C\/pattern\%3E\%3C\/defs\%3E\%3Crect_fill\=\'url\(\%23grid\)\'_x\=\'0\'_y\=\'0\'_width\=\'100\%25\'_height\=\'100\%25\'_\/\%3E\%3C\/svg\%3E\"\) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80' height='80'%3E%3Cdefs%3E%3Cpattern id='grid' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Crect fill='%23333333' x='0' y='0' width='40' height='40' /%3E%3Crect fill='%231f1f1f' x='40' y='0' width='40' height='40' /%3E%3Crect fill='%23333333' x='40' y='40' width='40' height='40'/%3E%3Crect fill='%231f1f1f' x='0' y='40' width='40' height='40' /%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25' /%3E%3C/svg%3E"); } .fill_true { fill: true; } .grid-tc_320px_auto { grid-template-columns: 320px auto; } .grid-tr_auto { grid-template-rows: auto; } .c_\#e57373 { color: #e57373; } .grid-tc_1fr_1fr { grid-template-columns: 1fr 1fr; } .grid-tr_40px_40px_1fr { grid-template-rows: 40px 40px 1fr; } .grid-tc_200px_auto { grid-template-columns: 200px auto; } .grid-tc_320px_3fr { grid-template-columns: 320px 3fr; } .grid-tr_100\% { grid-template-rows: 100%; } .content_Outcome_Placeholder { content: Outcome Placeholder; } .c_rgb\(25\,_29\,_31\) { color: rgb(25, 29, 31); } .ff_\"Open_Sans\"\,_sans-serif { font-family: "Open Sans", sans-serif; } .content_Notes_Placeholder { content: Notes Placeholder; } .c_var\(--text-colour-faint\,_white\) { color: var(--text-colour-faint, white); } .c_var\(--text-colour\,_white\) { color: var(--text-colour, white); } .grid-tr_1fr_1fr { grid-template-rows: 1fr 1fr; } .fw_normal { font-weight: var(--font-weights-normal); } .leading_1\.5rem { line-height: 1.5rem; } .asp_3\.5_\/_1 { aspect-ratio: 3.5 / 1; } .bx-sh_2px_2px_4px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .cursor_grab { cursor: grab; } .leading_0\.875rem { line-height: 0.875rem; } .grid-tc_repeat\(var\(--columns-per-row\)\,_1fr\) { grid-template-columns: repeat(var(--columns-per-row), 1fr); } .leading_24px { line-height: 24px; } .bg-c_\#1565c0 { background-color: #1565c0; } .grid-tr_1fr_3fr { grid-template-rows: 1fr 3fr; } .grid-tr_1fr { grid-template-rows: 1fr; } .bg-c_stories-sidebar-hover { background-color: var(--colors-stories-sidebar-hover); } .fs_0\.75rem { font-size: 0.75rem; } .c_stories-muted { color: var(--colors-stories-muted); } .white-space_pre-wrap { white-space: pre-wrap; } .wb_break-word { word-break: break-word; } .bg-c_stories-bg { background-color: var(--colors-stories-bg); } .c_stories-fg { color: var(--colors-stories-fg); } .z_9999 { z-index: 9999; } .cursor_not-allowed { cursor: not-allowed; } .c_stories-accent-primary { color: var(--colors-stories-accent-primary); } .fw_semibold { font-weight: var(--font-weights-semibold); } .tracking_0\.05em { letter-spacing: 0.05em; } .as_flex-start { align-self: flex-start; } .bg-c_stories-code-bg { background-color: var(--colors-stories-code-bg); } .fs_2xl { font-size: var(--font-sizes-2xl); } .fs_lg { font-size: var(--font-sizes-lg); } .fs_md { font-size: var(--font-sizes-md); } .leading_1\.7 { line-height: 1.7; } .tracking_1 { letter-spacing: 1px; } .bg-c_stories-card { background-color: var(--colors-stories-card); } .c_stories-code-fg { color: var(--colors-stories-code-fg); } .ff_\'SF_Mono\'\,_\'Monaco\'\,_\'Inconsolata\'\,_\'Fira_Code\'\,_\'Droid_Sans_Mono\'\,_\'Source_Code_Pro\'\,_monospace { font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', monospace; } .ov-wrap_break-word { overflow-wrap: break-word; } .leading_1\.5 { line-height: 1.5; } .bd-sp_0 { border-spacing: var(--spacing-0); } .ff_var\(--font-family-base\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_Roboto\,_Oxygen\,_Ubuntu\,_Cantarell\,_sans-serif\) { font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif); } .bg-c_stories-sidebar-bg { background-color: var(--colors-stories-sidebar-bg); } .z_1300 { z-index: 1300; } .flex-g_1 { flex-grow: 1; } .z_1400 { z-index: 1400; } .bg-c_rgba\(0\,_0\,_0\,_0\.5\) { background-color: rgba(0, 0, 0, 0.5); } .bx-sh_lg { box-shadow: var(--shadows-lg); } .ff_system-ui\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_sans-serif\! { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } .ai_initial { align-items: initial; } .jc_initial { justify-content: initial; } .grid-tc_repeat\(auto-fill\,_minmax\(300px\,_1fr\)\) { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .ff_system-ui\,_-apple-system\,_sans-serif { font-family: system-ui, -apple-system, sans-serif; } .ff_Monaco\,_Consolas\,_monospace { font-family: Monaco, Consolas, monospace; } .bg-c_stories-accent-primary { background-color: var(--colors-stories-accent-primary); } .bg-c_stories-sidebar-active { background-color: var(--colors-stories-sidebar-active); } .grid-tc_280px_1fr { grid-template-columns: 280px 1fr; } .grid-tc_280px_1fr_400px { grid-template-columns: 280px 1fr 400px; } .bg-c_stories-preview-bg { background-color: var(--colors-stories-preview-bg); } .leading_1 { line-height: 1; } .c_stories-accent-fg { color: var(--colors-stories-accent-fg); } .bg-c_stories-badge-bg { background-color: var(--colors-stories-badge-bg); } .c_stories-badge-fg { color: var(--colors-stories-badge-fg); } .bg-c_stories-border { background-color: var(--colors-stories-border); } .ap_none { appearance: none; -webkit-appearance: none; } .bg-c_form-background { background-color: var(--colors-form-background); } .z_modal { z-index: modal; } .bg-c_form-section-bg { background-color: var(--colors-form-section-bg); } .ff_font-body { font-family: var(--fonts-font-body); } .c_grey\.darken-4 { color: var(--colors-grey-darken-4); } .trf_translateY\(-50\%\) { transform: translateY(-50%); } .fs_2xs { font-size: var(--font-sizes-2xs); } .c_error { color: var(--colors-error); } .c_success { color: var(--colors-success); } .c_warning { color: var(--colors-warning); } .bx-sh_sm { box-shadow: var(--shadows-sm); } .grid-tc_repeat\(2\,_1fr\) { grid-template-columns: repeat(2, 1fr); } .grid-tc_repeat\(3\,_1fr\) { grid-template-columns: repeat(3, 1fr); } .leading_normal { line-height: var(--line-heights-normal); } .break-inside_avoid { break-inside: avoid; } .bg-c_error { background-color: var(--colors-error); } .bg-c_grey\.lighten-3 { background-color: var(--colors-grey-lighten-3); } .c_grey\.darken-2 { color: var(--colors-grey-darken-2); } .bg-c_red\.lighten-4 { background-color: var(--colors-red-lighten-4); } .c_red\.darken-2 { color: var(--colors-red-darken-2); } .bg-c_blue\.lighten-4 { background-color: var(--colors-blue-lighten-4); } .c_blue\.darken-2 { color: var(--colors-blue-darken-2); } .bg-c_green\.lighten-4 { background-color: var(--colors-green-lighten-4); } .c_green\.darken-2 { color: var(--colors-green-darken-2); } .bg-c_amber\.lighten-4 { background-color: var(--colors-amber-lighten-4); } .c_amber\.darken-3 { color: var(--colors-amber-darken-3); } .leading_tight { line-height: var(--line-heights-tight); } .c_form-heading { color: var(--colors-form-heading); } .c_header-foreground { color: var(--colors-header-foreground); } .bg-c_nav-background { background-color: var(--colors-nav-background); } .c_nav-foreground { color: var(--colors-nav-foreground); } .pos_absolute\! { position: absolute !important; } .bg-c_rgba\(0\,0\,0\,0\.16\) { background-color: rgba(0,0,0,0.16); } .bx-sh_0px_0px_4px_rgba\(0\,0\,0\,0\.14\)\,_0px_3px_4px_rgba\(0\,0\,0\,0\.12\)\,_0px_1px_5px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0px 0px 4px rgba(0,0,0,0.14), 0px 3px 4px rgba(0,0,0,0.12), 0px 1px 5px rgba(0,0,0,0.2); } .c_var\(--color-text-primary\,_\#444\) { color: var(--color-text-primary, #444); } .ff_\'Roboto\'\,_\'RobotoDraft\' { font-family: 'Roboto', 'RobotoDraft'; } .fs_1em { font-size: 1em; } .leading_1em { line-height: 1em; } .\-webkit-tap-highlight-color_rgba\(255\,255\,255\,0\) { -webkit-tap-highlight-color: rgba(255,255,255,0); } .c_var\(--text-colour\,_black\) { color: var(--text-colour, black); } .d_inline { display: inline; } .ff_\'Roboto\' { font-family: 'Roboto'; } .bg-c_var\(--primary-colour\,_\#1e88e5\) { background-color: var(--primary-colour, #1e88e5); } .bx-sh_0_6px_10px_rgba\(0\,0\,0\,0\.14\)\,_0_1px_18px_rgba\(0\,0\,0\,0\.12\)\,_0_3px_5px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12), 0 3px 5px rgba(0,0,0,0.2); } .z_11 { z-index: 11; } .bx-sh_0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2); } .z_0 { z-index: 0; } .\-moz-appearance_none { -moz-appearance: none; } .\-webkit-appearance_none { -webkit-appearance: none; } .z_2 { z-index: 2; } .leading_40px { line-height: 40px; } .op_0 { opacity: 0; } .leading_32px { line-height: 32px; } .z_9000 { z-index: 9000; } .vis_visible { visibility: visible; } .bx-sh_-3px_0px_5px_2px_rgba\(0\,0\,0\,0\) { box-shadow: -3px 0px 5px 2px rgba(0,0,0,0); } .vis_hidden { visibility: hidden; } .z_9001 { z-index: 9001; } .ff_\'Roboto\'\,_\'Open-Sans\' { font-family: 'Roboto', 'Open-Sans'; } .c_gold { color: gold; } .va_middle { vertical-align: middle; } .bx-sh_0px_1px_3px_rgba\(0\,_0\,_0\,_0\.5\) { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .bx-s_content-box { box-sizing: content-box; } .bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 5px 2px rgba(0, 0, 0, 0.12); } .fs_0\.85rem { font-size: 0.85rem; } .z_9002 { z-index: 9002; } .bx-sh_0_2px_4px_rgba\(0\,0\,0\,0\.14\)\,_0_4px_5px_rgba\(0\,0\,0\,0\.12\)\,_0_1px_10px_rgba\(0\,0\,0\,0\.2\) { box-shadow: 0 2px 4px rgba(0,0,0,0.14), 0 4px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.2); } .\-webkit-tap-highlight-color_transparent { -webkit-tap-highlight-color: transparent; } .leading_18px { line-height: 18px; } .bx-sh_0_2px_2px_0_rgba\(0\,0\,0\,0\.14\)\,_0_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,_0_1px_5px_0_rgba\(0\,0\,0\,0\.12\) { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); } .bx-sh_0_1px_1px_rgba\(0\,0\,0\,0\.15\) { box-shadow: 0 1px 1px rgba(0,0,0,0.15); } .bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0px_0px_5px_rgba\(0\,_0\,_0\,_0\.1\)\,_-2px_-2px_3px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1); } .z_100 { z-index: 100; } .c_\#f44336 { color: #f44336; } .leading_12px { line-height: 12px; } .c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\) { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\-webkit-tap-highlight-color_rgba\(255\,_255\,_255\,_0\) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .bx-sh_2px_2px_2px_rgba\(0\,0\,0\,0\.14\)\,_0px_0px_5px_2px_rgba\(0\,0\,0\,0\.12\) { box-shadow: 2px 2px 2px rgba(0,0,0,0.14), 0px 0px 5px 2px rgba(0,0,0,0.12); } .trs-dur_400ms { --transition-duration: 400ms; transition-duration: 400ms; } .bx-sh_0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_-3px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px -3px rgba(0, 0, 0, 0.2); } .c_gray\.900 { color: var(--colors-gray-900); } .c_gray\.400 { color: var(--colors-gray-400); } .c_beedee-label { color: var(--colors-beedee-label); } .fs_\.69rem { font-size: .69rem; } .tracking_\.05em { letter-spacing: .05em; } .c_beedee-red { color: var(--colors-beedee-red); } .bg-c_beedee-bg { background-color: var(--colors-beedee-bg); } .bx-sh_beedee-card { box-shadow: var(--shadows-beedee-card); } .ai_start { align-items: start; } .bg-c_beedee-brand-light { background-color: var(--colors-beedee-brand-light); } .c_beedee-brand { color: var(--colors-beedee-brand); } .ff_\'DM_Sans\'\,_sans-serif { font-family: 'DM Sans', sans-serif; } .fs_\.76rem { font-size: .76rem; } .tracking_\.09em { letter-spacing: .09em; } .bg-c_beedee-brand { background-color: var(--colors-beedee-brand); } .c_beedee-card { color: var(--colors-beedee-card); } .as_start { align-self: start; } .fs_\.65rem { font-size: .65rem; } .tracking_\.13em { letter-spacing: .13em; } .c_beedee-text { color: var(--colors-beedee-text); } .fs_\.8rem { font-size: .8rem; } .bg-c_beedee-green { background-color: var(--colors-beedee-green); } .bg-c_beedee-border { background-color: var(--colors-beedee-border); } .fs_\.75rem { font-size: .75rem; } .tracking_\.04em { letter-spacing: .04em; } .fs_\.78rem { font-size: .78rem; } .tracking_\.12em { letter-spacing: .12em; } .c_red\.500 { color: var(--colors-red-500); } .c_inherit { color: inherit; } .grid-tr_0fr { grid-template-rows: 0fr; } .trf_rotate\(0deg\) { transform: rotate(0deg); } .trf_rotate\(90deg\) { transform: rotate(90deg); } .c_gray\.800 { color: var(--colors-gray-800); } .c_gray\.700 { color: var(--colors-gray-700); } .bg-c_gray\.50 { background-color: var(--colors-gray-50); } .bg-c_gray\.100 { background-color: var(--colors-gray-100); } .grid-tc_repeat\(1\,_1fr\) { grid-template-columns: repeat(1, 1fr); } .bg-c_green\.500 { background-color: var(--colors-green-500); } .ai_flex-end { align-items: flex-end; } .z_1000 { z-index: 1000; } .bx-sh_0_-4px_20px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); } .cursor_default { cursor: default; } .text_blue\.800 { text: blue.800; } .bg-c_transparent\! { background-color: var(--colors-transparent) !important; } .bx-sh_none\! { box-shadow: none !important; } .trf_translateX\(-50\%\)\! { transform: translateX(-50%) !important; } .bx-sh_-4px_0_20px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15); } .ac-c_brand { accent-color: var(--colors-brand); } .fs_3xl { font-size: var(--font-sizes-3xl); } .grid-tc_auto_1fr_1fr_auto_auto { grid-template-columns: auto 1fr 1fr auto auto; } .obj-f_cover { object-fit: cover; } .bg-c_rgba\(0\,_0\,_0\,_0\.75\) { background-color: rgba(0, 0, 0, 0.75); } .bx-sh_xl { box-shadow: var(--shadows-xl); } .asp_1 { aspect-ratio: 1; } .cursor_move { cursor: move; } .tch-a_none { touch-action: none; } .bx-sh_0_0_0_9999px_rgba\(0\,_0\,_0\,_0\.5\) { box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); } .as_center { align-self: center; } .tch-a_manipulation { touch-action: manipulation; } .bg-i_url\(\'ga_backdrop\/BeeDeeHeaderLogo\'\) { background-image: url('ga_backdrop/BeeDeeHeaderLogo'); } .ff_var\(--font-family-app\) { font-family: var(--font-family-app); } .bg-c_rgba\(0\,0\,0\,0\.1\) { background-color: rgba(0,0,0,0.1); } .c_\#1a1a2e { color: #1a1a2e; } .ff_\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif { font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif; } .ff_\'DM_Sans\'\,_\'Inter\'\,_sans-serif { font-family: 'DM Sans', 'Inter', sans-serif; } .fs_\.82rem { font-size: .82rem; } .tracking_0 { letter-spacing: 0; } .tt_none { text-transform: none; } .bx-sh_0_2px_8px_rgba\(26\,122\,150\,\.25\) { box-shadow: 0 2px 8px rgba(26,122,150,.25); } .fs_\.72rem { font-size: .72rem; } .fs_\.64rem { font-size: .64rem; } .tracking_\.1em { letter-spacing: .1em; } .fs_\.86rem { font-size: .86rem; } .fs_\.68rem { font-size: .68rem; } .tracking_\.02em { letter-spacing: .02em; } .fs_\.71rem { font-size: .71rem; } .fs_1\.15rem { font-size: 1.15rem; } .fs_0\.78rem { font-size: 0.78rem; } .c_beedee-border { color: var(--colors-beedee-border); } .z_400 { z-index: 400; } .ai_stretch { align-items: stretch; } .bg-c_rgb\(0\,_113\,_140\) { background-color: rgb(0, 113, 140); } .tracking_1px { letter-spacing: 1px; } .fs_0\.9rem { font-size: 0.9rem; } .c_\#fff { color: #fff; } .fs_1\.5rem { font-size: 1.5rem; } .c_rgba\(255\,_255\,_255\,_0\.7\) { color: rgba(255, 255, 255, 0.7); } .c_rgba\(255\,_255\,_255\,_0\.9\) { color: rgba(255, 255, 255, 0.9); } .c_\#1ba360 { color: #1ba360; } .fs_0\.65rem { font-size: 0.65rem; } .c_\#1a1a1a { color: #1a1a1a; } .leading_1\.45 { line-height: 1.45; } .bx-sh_0_20px_60px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_4px_16px_rgba\(0\,_0\,_0\,_0\.06\) { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06); } .c_beedee-brand-dark { color: var(--colors-beedee-brand-dark); } .bx-sh_0_2px_10px_rgba\(13\,122\,138\,0\.07\) { box-shadow: 0 2px 10px rgba(13,122,138,0.07); } .ai_flex-start { align-items: flex-start; } .tracking_wider { letter-spacing: var(--letter-spacings-wider); } .fw_extrabold { font-weight: var(--font-weights-extrabold); } .tracking_tight { letter-spacing: var(--letter-spacings-tight); } .fv-num_tabular-nums { font-variant-numeric: tabular-nums; } .fs_8px { font-size: 8px; } .fw_800 { font-weight: 800; } .tracking_0\.12em { letter-spacing: 0.12em; } .grid-tc_repeat\(auto-fill\,_minmax\(130px\,_1fr\)\) { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .alignitems_start { alignitems: start; } .grid-tc_190px_1fr { grid-template-columns: 190px 1fr; } .bg-c_beedee-card { background-color: var(--colors-beedee-card); } .grid-tc_210px_1fr { grid-template-columns: 210px 1fr; } .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .bg-c_rgba\(0\,_0\,_0\,_0\.4\) { background-color: rgba(0, 0, 0, 0.4); } .op_1 { opacity: 1; } .bx-sh_-4px_0_16px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15); } .trf_translateX\(100\%\) { transform: translateX(100%); } .z_401 { z-index: 401; } .trf_translateX\(0\) { transform: translateX(0); } .z_500 { z-index: 500; } .fs_0\.72rem { font-size: 0.72rem; } .tracking_0\.06em { letter-spacing: 0.06em; } .c_gray\.500 { color: var(--colors-gray-500); } .bg-c_amber\.100 { background-color: var(--colors-amber-100); } .c_amber\.700 { color: var(--colors-amber-700); } .bg-c_red\.100 { background-color: var(--colors-red-100); } .c_red\.700 { color: var(--colors-red-700); } .bg-c_currentColor { background-color: currentColor; } .bg-c_beedee\.50 { background-color: var(--colors-beedee-50); } .fs_0\.69rem { font-size: 0.69rem; } .bg-c_beedee-label { background-color: var(--colors-beedee-label); } .cp-path_polygon\(0_0\,_100\%_0\,_50\%_100\%\) { clip-path: polygon(0 0, 100% 0, 50% 100%); -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); } .bg-c_rgba\(255\,_255\,_255\,_0\.15\) { background-color: rgba(255, 255, 255, 0.15); } .c_rgba\(255\,_255\,_255\,_0\.75\) { color: rgba(255, 255, 255, 0.75); } .tracking_0\.07em { letter-spacing: 0.07em; } .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); } .bg-c_rgba\(255\,_255\,_255\,_0\.13\) { background-color: rgba(255, 255, 255, 0.13); } .c_rgba\(255\,_255\,_255\,_0\.8\) { color: rgba(255, 255, 255, 0.8); } .fs_0\.7rem { font-size: 0.7rem; } .tracking_0\.13em { letter-spacing: 0.13em; } .tracking_0\.04em { letter-spacing: 0.04em; } .fs_0\.76rem { font-size: 0.76rem; } .tracking_0\.09em { letter-spacing: 0.09em; } .bg-c_beedee-red { background-color: var(--colors-beedee-red); } .bx-sh_0_2px_8px_rgba\(26\,_122\,_150\,_0\.25\) { box-shadow: 0 2px 8px rgba(26, 122, 150, 0.25); } .bx-sh_0_2px_8px_rgba\(76\,_175\,_135\,_0\.3\) { box-shadow: 0 2px 8px rgba(76, 175, 135, 0.3); } .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.18\) { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); } .z_300 { z-index: 300; } .tracking_0\.08em { letter-spacing: 0.08em; } .fs_0\.82rem { font-size: 0.82rem; } .bg-c_orange\.100 { background-color: var(--colors-orange-100); } .c_orange\.700 { color: var(--colors-orange-700); } .bg-c_beedee-brand-mid { background-color: var(--colors-beedee-brand-mid); } .bg-c_\#e99151 { background-color: #e99151; } .z_2000 { z-index: 2000; } .c_rgba\(255\,255\,255\,0\.55\) { color: rgba(255,255,255,0.55); } .tracking_0\.1em { letter-spacing: 0.1em; } .ai_end { align-items: end; } .z_3000 { z-index: 3000; } .fs_20 { font-size: 20px; } .fs_10 { font-size: 10px; } .fs_11 { font-size: 11px; } .c_\#c8d8db { color: #c8d8db; } .c_\#6a9199 { color: #6a9199; } .stk_beedee-brand { stroke: var(--colors-beedee-brand); } .bx-sh_-8px_0_40px_rgba\(9\,95\,109\,0\.18\) { box-shadow: -8px 0 40px rgba(9,95,109,0.18); } .fs_18 { font-size: 18px; } .fs_16 { font-size: 16px; } .fs_14 { font-size: 14px; } .fs_2rem { font-size: 2rem; } .fs_24px { font-size: 24px; } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, Arial, "Noto Sans", "Liberation Sans", sans-serif; } .ff_Roboto\,_Montserrat\,_\"Open_Sans\"\,_ui-sans-serif\,_system-ui\,_sans-serif { font-family: Roboto, Montserrat, "Open Sans", ui-sans-serif, system-ui, sans-serif; } .bx-sh_0_4px_24px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); } .fs_1\.1rem { font-size: 1.1rem; } .fs_2\.5rem { font-size: 2.5rem; } .bg-c_\#fffdf5 { background-color: #fffdf5; } .bg-c_\#f0f7ff { background-color: #f0f7ff; } .bg-c_\#fdf6ff { background-color: #fdf6ff; } .bg-c_\#fef3c7 { background-color: #fef3c7; } .c_\#d97706 { color: #d97706; } .bg-c_\#dbeafe { background-color: #dbeafe; } .c_\#2563eb { color: #2563eb; } .bg-c_\#ede9fe { background-color: #ede9fe; } .c_\#7c3aed { color: #7c3aed; } .bg-c_\#f59e0b { background-color: #f59e0b; } .bg-c_\#3b82f6 { background-color: #3b82f6; } .bg-c_\#a855f7 { background-color: #a855f7; } .bg-c_rgba\(245\,158\,11\,0\.15\) { background-color: rgba(245,158,11,0.15); } .c_rgba\(180\,83\,9\,0\.5\) { color: rgba(180,83,9,0.5); } .fs_0\.68rem { font-size: 0.68rem; } .fs_0\.84rem { font-size: 0.84rem; } .resize_none { resize: none; } .bg-c_rgba\(0\,0\,0\,0\.02\) { background-color: rgba(0,0,0,0.02); } .trf_scaleX\(-1\) { transform: scaleX(-1); } .jc_flex-start { justify-content: flex-start; } .fs_1\.2rem { font-size: 1.2rem; } .grid-tc_90px_1fr_1fr_1fr { grid-template-columns: 90px 1fr 1fr 1fr; } .grid-tc_auto_1fr { grid-template-columns: auto 1fr; } .grid-tr_auto_auto_1fr { grid-template-rows: auto auto 1fr; } .scr-bar-w_thin { scrollbar-width: thin; } .bx-sh_2px_2px_4px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .op_var\(--min-opacity\) { opacity: var(--min-opacity); } .leading_30px { line-height: 30px; } .va_bottom { vertical-align: bottom; } .justify-self_center { justify-self: center; } .bx-sh_4px_4px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.15); } .c_var\(--accent-text-colour\) { color: var(--accent-text-colour); } .grid-tc_1fr_auto_1fr { grid-template-columns: 1fr auto 1fr; } .grid-tr_64px_32px { grid-template-rows: 64px 32px; } .grid-tr_repeat\(7\,_var\(--cell-size\)\) { grid-template-rows: repeat(7, var(--cell-size)); } .grid-ac_var\(--cell-size\) { grid-auto-columns: var(--cell-size); } .grid-af_column { grid-auto-flow: column; } .fs_0\.8125rem { font-size: 0.8125rem; } .stk-dsh_3_3 { stroke-dasharray: 3 3; } .fill-opacity_1 { fill-opacity: 1; } .stk_\#8884d8 { stroke: #8884d8; } .cx_50\% { cx: 50%; } .cy_50\% { cy: 50%; } .bg-c_var\(--background-colour\) { background-color: var(--background-colour); } .order_1 { order: 1; } .bx-sh_2px_2px_3px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .bx-sh_0px_0px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_4px_4px_8px_rgba\(0\,_0\,_0\,_0\.25\) { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 4px 4px 8px rgba(0, 0, 0, 0.25); } .c_var\(--text-colour\)\! { color: var(--text-colour) !important; } .c_white\! { color: var(--colors-white) !important; } .d_block\! { display: block !important; } .grid-tc_240px_auto { grid-template-columns: 240px auto; } .grid-tr_1fr_auto { grid-template-rows: 1fr auto; } .grid-tc_1fr_1fr_1fr { grid-template-columns: 1fr 1fr 1fr; } .d_inline-grid { display: inline-grid; } .grid-tc_3fr_1fr { grid-template-columns: 3fr 1fr; } .leading_1rem { line-height: 1rem; } .bx-sh_2px_2px_4px_1px_rgba\(0\,_0\,_0\,_0\.3\) { box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3); } .ff_var\(--font-family-sans\,_\"Montserrat\"\) { font-family: var(--font-family-sans, "Montserrat"); } .grid-tr_60\%_40\% { grid-template-rows: 60% 40%; } .bg-c_var\(--sidebar-background-colour\) { background-color: var(--sidebar-background-colour); } .bg-c_\#eeeeee { background-color: #eeeeee; } .bg-c_var\(--config-action-background-colour\) { background-color: var(--config-action-background-colour); } .bx-sh_0_2px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2); } .c_var\(--config-action-item-text-colour\) { color: var(--config-action-item-text-colour); } .c_var\(--sidebar-header-text-colour\) { color: var(--sidebar-header-text-colour); } .c_var\(--sidebar-item-text-active-colour\) { color: var(--sidebar-item-text-active-colour); } .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.07\)\,_0_2px_5px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_5px_rgba\(0\,_0\,_0\,_0\.1\) { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07), 0 2px 5px rgba(0, 0, 0, 0.06), 0 1px 5px rgba(0, 0, 0, 0.1); } .bg-c_var\(--tab-item-active-colour\) { background-color: var(--tab-item-active-colour); } .z_3 { z-index: 3; } .label_extrava-core-theme-rowColumn { label: extrava-core-theme-rowColumn; } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Arial { font-family: "Montserrat", "Open Sans", Arial; } .trf_translateX\(-136px\) { transform: translateX(-136px); } .flex-d_row-reverse { flex-direction: row-reverse; } .bx-sh_0px_0px_4px_1px_rgba\(0\,0\,0\,0\.1\) { box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1); } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_-apple-system\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif { font-family: "Montserrat", "Open Sans", -apple-system, Arial, "Noto Sans", "Liberation Sans", sans-serif; } .c_rgb\(68\,_100\,_161\) { color: rgb(68, 100, 161); } .ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\" { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bx-sh_0px_0px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_3px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0px_1px_5px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); } .c_\#444 { color: #444; } .bx-sh_0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_rgba\(0\,_0\,_0\,_0\.2\) { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2); } .anim-tmf_cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\) { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .bx-sh_-3px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\) { box-shadow: -3px 0px 5px 2px rgba(0, 0, 0, 0); } .bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\) { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .bx-sh_0_1px_1px_rgba\(0\,_0\,_0\,_0\.15\) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .c_rgba\(0\,_0\,_0\,_0\.7\) { color: rgba(0, 0, 0, 0.7); } .bg-c_rgba\(0\,_0\,_0\,_0\.16\) { background-color: rgba(0, 0, 0, 0.16); } .d_-webkit-box { display: -webkit-box; } .leading_14px { line-height: 14px; } .\-webkit-box-orient_vertical { -webkit-box-orient: vertical; } .\-webkit-line-clamp_2 { -webkit-line-clamp: 2; } .fs_2em { font-size: 2em; } .fs_1\.25em { font-size: 1.25em; } .leading_76px { line-height: 76px; } .bg-c_green\.600 { background-color: var(--colors-green-600); } .c_red\.600 { color: var(--colors-red-600); } .bg-c_red\.600 { background-color: var(--colors-red-600); } .c_orange\.600 { color: var(--colors-orange-600); } .bg-c_orange\.600 { background-color: var(--colors-orange-600); } .bg-c_red\.50 { background-color: var(--colors-red-50); } .trunc_true { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tt_capitalize { text-transform: capitalize; } .c_gray\.300 { color: var(--colors-gray-300); } .right_32px { right: 32px; } .top_32px { top: 32px; } .ov-y_auto { overflow-y: auto; } .h_100\% { height: 100%; } .min-h_640px { min-height: 640px; } .w_100\% { width: 100%; } .pt_48px { padding-top: 48px; } .h_600 { height: 600px; } .h_700 { height: 700px; } .w_1500 { width: 1500px; } .h_500 { height: 500px; } .h_150 { height: 150px; } .min-h_500 { min-height: 500px; } .h_200 { height: 200px; } .h_600px { height: 600px; } .min-h_60 { min-height: var(--sizes-60); } .bd-t-c_hsl\(0\,_0\%\,_80\%\) { border-top-color: hsl(0, 0%, 80%); } .border-top-style_solid { border-top-style: solid; } .bd-t-w_1 { border-top-width: 1px; } .pb_8 { padding-bottom: var(--spacing-8); } .pl_12 { padding-left: var(--spacing-12); } .pr_12 { padding-right: var(--spacing-12); } .pt_8 { padding-top: var(--spacing-8); } .h_360px { height: 360px; } .min-h_100vh { min-height: 100vh; } .h_100vh { height: 100vh; } .w_100vw { width: 100vw; } .mt_0px { margin-top: 0px; } .h_150vmax { height: 150vmax; } .left_calc\(50\%_-_75vmax\) { left: calc(50% - 75vmax); } .top_calc\(50\%_-_75vmax\) { top: calc(50% - 75vmax); } .w_150vmax { width: 150vmax; } .mb_16px { margin-bottom: 16px; } .h_0 { height: var(--sizes-0); } .left_50\% { left: 50%; } .top_50\% { top: 50%; } .w_0 { width: var(--sizes-0); } .h_96px { height: 96px; } .mt_16px { margin-top: 16px; } .w_96px { width: 96px; } .max-h_700px { max-height: 700px; } .min-h_0 { min-height: var(--sizes-0); } .top_0 { top: var(--spacing-0); } .max-h_640px { max-height: 640px; } .min-w_0 { min-width: var(--sizes-0); } .h_80vh { height: 80vh; } .max-w_1200px { max-width: 1200px; } .w_90vw { width: 90vw; } .min-w_auto { min-width: auto; } .ml_6px { margin-left: 6px; } .min-w_20px { min-width: 20px; } .ml_8px { margin-left: 8px; } .mt_4px { margin-top: 4px; } .min-h_18px { min-height: 18px; } .bottom_50\% { bottom: 50%; } .bottom_0 { bottom: var(--spacing-0); } .w_1px { width: 1px; } .h_1px { height: 1px; } .w_10px { width: 10px; } .ml_4px { margin-left: 4px; } .min-w_14px { min-width: 14px; } .w_1 { width: var(--sizes-1); } .min-h_200px { min-height: 200px; } .w_20 { width: var(--sizes-20); } .h_10 { height: var(--sizes-10); } .left_0 { left: var(--spacing-0); } .right_0 { right: var(--spacing-0); } .h_calc\(100vh_-_64px\) { height: calc(100vh - 64px); } .w_280px { width: 280px; } .bottom_0px { bottom: 0px; } .h_54px { height: 54px; } .right_0px { right: 0px; } .top_0px { top: 0px; } .bottom_10px { bottom: 10px; } .left_16px { left: 16px; } .h_160px { height: 160px; } .mr_0px { margin-right: 0px; } .mt_2px { margin-top: 2px; } .w_24px { width: 24px; } .ov-y_hidden { overflow-y: hidden; } .h_48px { height: 48px; } .h_28px { height: 28px; } .left_-14px { left: -14px; } .pl_7px { padding-left: 7px; } .top_8px { top: 8px; } .w_28px { width: 28px; } .w_48px { width: 48px; } .mb_56px { margin-bottom: 56px; } .max-h_calc\(100vh_-_256px\) { max-height: calc(100vh - 256px); } .min-w_1200px { min-width: 1200px; } .min-w_400px { min-width: 400px; } .pb_16px { padding-bottom: 16px; } .h_64px { height: 64px; } .w_500px { width: 500px; } .h_40px { height: 40px; } .pt_5\.5px { padding-top: 5.5px; } .w_40px { width: 40px; } .mr_8px { margin-right: 8px; } .h_calc\(100vh_-_160px\) { height: calc(100vh - 160px); } .min-h_600px { min-height: 600px; } .w_calc\(100vw_-_64px\) { width: calc(100vw - 64px); } .right_-8px { right: -8px; } .h_calc\(24px_\+_8px_\*_2\) { height: calc(24px + 8px * 2); } .h_24px { height: 24px; } .min-w_var\(--yAxisWidth\) { min-width: var(--yAxisWidth); } .w_calc\(100\%_-_48px\) { width: calc(100% - 48px); } .left_calc\(50\%_-_176px\) { left: calc(50% - 176px); } .pb_32px { padding-bottom: 32px; } .top_calc\(50\%_-_64px\) { top: calc(50% - 64px); } .w_320px { width: 320px; } .h_calc\(100\%_-_48px\) { height: calc(100% - 48px); } .pt_1px { padding-top: 1px; } .left_168px { left: 168px; } .top_1px { top: 1px; } .pt_24px { padding-top: 24px; } .w_95\% { width: 95%; } .left_54px { left: 54px; } .top_-2px { top: -2px; } .pl_48px { padding-left: 48px; } .h_calc\(100\%_-_80px\) { height: calc(100% - 80px); } .w_32px { width: 32px; } .w_10 { width: var(--sizes-10); } .mb_1 { margin-bottom: var(--spacing-1); } .ml_auto { margin-left: auto; } .max-w_full { max-width: var(--sizes-full); } .max-w_800px { max-width: 800px; } .max-w_100\% { max-width: 100%; } .max-w_640px { max-width: 640px; } .mt_6 { margin-top: var(--spacing-6); } .mb_50vh { margin-bottom: 50vh; } .h_calc\(100vh_-_64px\)\! { height: calc(100vh - 64px) !important; } .pt_20 { padding-top: var(--spacing-20); } .mr_auto { margin-right: auto; } .mt_32 { margin-top: var(--spacing-32); } .pb_20 { padding-bottom: var(--spacing-20); } .ov-y_scroll { overflow-y: scroll; } .mb_calc\(2_\*_var\(--cell-gap\)\) { margin-bottom: calc(2 * var(--cell-gap)); } .h_500px { height: 500px; } .ov-x_scroll { overflow-x: scroll; } .pl_4 { padding-left: var(--spacing-4); } .ml_4 { margin-left: var(--spacing-4); } .mt_1 { margin-top: var(--spacing-1); } .bd-t-c_stories-border { border-top-color: var(--colors-stories-border); } .bd-t-w_1px { border-top-width: 1px; } .max-h_50vh { max-height: 50vh; } .h_7 { height: var(--sizes-7); } .w_7 { width: var(--sizes-7); } .max-h_calc\(50vh_-_40px\) { max-height: calc(50vh - 40px); } .h_36px { height: 36px; } .mb_4 { margin-bottom: var(--spacing-4); } .ml_1 { margin-left: var(--spacing-1); } .mt_2 { margin-top: var(--spacing-2); } .mt_8 { margin-top: var(--spacing-8); } .mt_0 { margin-top: var(--spacing-0); } .bd-l-c_stories-accent-primary { border-left-color: var(--colors-stories-accent-primary); } .border-left-style_solid { border-left-style: solid; } .bd-l-w_4 { border-left-width: 4px; } .mb_2 { margin-bottom: var(--spacing-2); } .pb_1 { padding-bottom: var(--spacing-1); } .pl_2 { padding-left: var(--spacing-2); } .pt_1 { padding-top: var(--spacing-1); } .mt_4 { margin-top: var(--spacing-4); } .mt_3 { margin-top: var(--spacing-3); } .mb_3 { margin-bottom: var(--spacing-3); } .mb_0\.5 { margin-bottom: var(--spacing-0\.5); } .pl_3 { padding-left: var(--spacing-3); } .bd-b-c_stories-border { border-bottom-color: var(--colors-stories-border); } .border-bottom-style_solid { border-bottom-style: solid; } .bd-b-w_1px { border-bottom-width: 1px; } .max-w_800 { max-width: 800px; } .ov-x_auto { overflow-x: auto; } .bd-b-w_2px { border-bottom-width: 2px; } .min-w_120px { min-width: 120px; } .w_15\% { width: 15%; } .min-w_200px { min-width: 200px; } .w_40\% { width: 40%; } .min-w_80px { min-width: 80px; } .w_10\% { width: 10%; } .min-w_150px { min-width: 150px; } .w_20\% { width: 20%; } .ml_2px { margin-left: 2px; } .h_8 { height: var(--sizes-8); } .w_8 { width: var(--sizes-8); } .ml_3 { margin-left: var(--spacing-3); } .bd-r-c_stories-border { border-right-color: var(--colors-stories-border); } .border-right-style_solid { border-right-style: solid; } .bd-r-w_1px { border-right-width: 1px; } .top_49px { top: 49px; } .w_280 { width: 280px; } .mb_0 { margin-bottom: var(--spacing-0); } .w_320 { width: 320px; } .bd-l-w_1px { border-left-width: 1px; } .bd-l-c_stories-border { border-left-color: var(--colors-stories-border); } .max-h_400px { max-height: 400px; } .mb_8px { margin-bottom: 8px; } .mb_4px { margin-bottom: 4px; } .lc_2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .h_8px { height: 8px; } .w_8px { width: 8px; } .bd-l-c_transparent { border-left-color: var(--colors-transparent); } .bd-b-w_0 { border-bottom-width: 0; } .bd-l-w_3px { border-left-width: 3px; } .bd-r-w_0 { border-right-width: 0; } .bd-t-w_0 { border-top-width: 0; } .pl_5 { padding-left: var(--spacing-5); } .w_240px { width: 240px; } .min-h_300px { min-height: 300px; } .min-h_150px { min-height: 150px; } .bd-b-c_transparent { border-bottom-color: var(--colors-transparent); } .pr_10 { padding-right: var(--spacing-10); } .h_5 { height: var(--sizes-5); } .w_9 { width: var(--sizes-9); } .h_4 { height: var(--sizes-4); } .left_0\.5 { left: var(--spacing-0\.5); } .top_0\.5 { top: var(--spacing-0\.5); } .w_4 { width: var(--sizes-4); } .left_4\.5 { left: 4.5px; } .h_6 { height: var(--sizes-6); } .w_6 { width: var(--sizes-6); } .h_9 { height: var(--sizes-9); } .h_auto { height: auto; } .min-h_auto { min-height: auto; } .mr_3 { margin-right: var(--spacing-3); } .min-w_24 { min-width: var(--sizes-24); } .w_full { width: var(--sizes-full); } .pb_2 { padding-bottom: var(--spacing-2); } .pt_6 { padding-top: var(--spacing-6); } .bd-b-c_form-field-border { border-bottom-color: var(--colors-form-field-border); } .left_3 { left: var(--spacing-3); } .bd-b-c_brand-mid { border-bottom-color: var(--colors-brand-mid); } .h_full { height: var(--sizes-full); } .bd-t-c_form-field-border { border-top-color: var(--colors-form-field-border); } .max-w_210mm { max-width: 210mm; } .max-w_560px { max-width: 560px; } .max-h_calc\(100vh_-_0px\) { max-height: calc(100vh - 0px); } .right_-4px { right: -4px; } .mt_-48px { margin-top: -48px; } .top_64px { top: 64px; } .w_calc\(100\%_-_4px\) { width: calc(100% - 4px); } .h_2\.5em { height: 2.5em; } .mr_4px { margin-right: 4px; } .bottom_24px { bottom: 24px; } .h_56px { height: 56px; } .right_24px { right: 24px; } .w_56px { width: 56px; } .left_calc\(50\%_-_20px\) { left: calc(50% - 20px); } .h_42px { height: 42px; } .h_4px { height: 4px; } .left_0px { left: 0px; } .top_10px { top: 10px; } .w_calc\(100\%_-_16px\) { width: calc(100% - 16px); } .top_-28px { top: -28px; } .left_-2px { left: -2px; } .top_2px { top: 2px; } .min-w_240px { min-width: 240px; } .ml_-10px { margin-left: -10px; } .top_-56px { top: -56px; } .h_32px { height: 32px; } .right_4px { right: 4px; } .top_-6px { top: -6px; } .top_100\% { top: 100%; } .h_calc\(100\%_-_24px\) { height: calc(100% - 24px); } .ml_12px { margin-left: 12px; } .mr_12px { margin-right: 12px; } .w_calc\(100\%_-_24px\) { width: calc(100% - 24px); } .left_4px { left: 4px; } .left_64px { left: 64px; } .right_64px { right: 64px; } .pr_32px { padding-right: 32px; } .pt_8px { padding-top: 8px; } .ml_16px\! { margin-left: 16px !important; } .pb_24px { padding-bottom: 24px; } .pl_32px { padding-left: 32px; } .h_52px { height: 52px; } .h_calc\(16px_\*_2\) { height: calc(16px * 2); } .h_calc\(100vh_-_256px\) { height: calc(100vh - 256px); } .max-w_1000px { max-width: 1000px; } .mb_26px { margin-bottom: 26px; } .h_76px { height: 76px; } .h_0px { height: 0px; } .pb_8px { padding-bottom: 8px; } .w_0px { width: 0px; } .h_0\% { height: 0%; } .w_0\% { width: 0%; } .left_13px { left: 13px; } .top_9px { top: 9px; } .w_200px { width: 200px; } .w_220px { width: 220px; } .top_110px { top: 110px; } .bd-l-c_beedee-brand { border-left-color: var(--colors-beedee-brand); } .h_20px { height: 20px; } .w_20px { width: 20px; } .bd-r-c_beedee-border { border-right-color: var(--colors-beedee-border); } .mb_2px { margin-bottom: 2px; } .pb_9px { padding-bottom: 9px; } .max-h_calc\(100vh_-_130px\) { max-height: calc(100vh - 130px); } .h_5px { height: 5px; } .w_5px { width: 5px; } .w_4px { width: 4px; } .bd-b-c_brand { border-bottom-color: var(--colors-brand); } .mb_6 { margin-bottom: var(--spacing-6); } .pb_4 { padding-bottom: var(--spacing-4); } .mb_8 { margin-bottom: var(--spacing-8); } .bd-t-c_border-subtle { border-top-color: var(--colors-border-subtle); } .mt_12 { margin-top: var(--spacing-12); } .bd-b-c_gray\.400 { border-bottom-color: var(--colors-gray-400); } .h_12 { height: var(--sizes-12); } .pt_4 { padding-top: var(--spacing-4); } .bd-l-c_brand-mid { border-left-color: var(--colors-brand-mid); } .bd-l-w_4px { border-left-width: 4px; } .min-h_6 { min-height: var(--sizes-6); } .bd-b-c_border-subtle { border-bottom-color: var(--colors-border-subtle); } .max-h_calc\(100vh_-_140px\) { max-height: calc(100vh - 140px); } .top_28 { top: var(--spacing-28); } .w_64 { width: var(--sizes-64); } .max-w_md { max-width: var(--sizes-md); } .h_16 { height: var(--sizes-16); } .w_16 { width: var(--sizes-16); } .max-w_sm { max-width: var(--sizes-sm); } .bd-b-c_gray\.100 { border-bottom-color: var(--colors-gray-100); } .bdr-tl_xl { border-top-left-radius: var(--radii-xl); } .bdr-tr_xl { border-top-right-radius: var(--radii-xl); } .max-h_80vh { max-height: 80vh; } .max-w_768px { max-width: 768px; } .min-w_80 { min-width: var(--sizes-80); } .min-h_auto\! { min-height: auto !important; } .bottom_16px\! { bottom: 16px !important; } .left_50\%\! { left: 50% !important; } .max-w_400px\! { max-width: 400px !important; } .w_auto\! { width: auto !important; } .max-w_96 { max-width: var(--sizes-96); } .h_24 { height: var(--sizes-24); } .w_24 { width: var(--sizes-24); } .max-w_2xl { max-width: var(--sizes-2xl); } .min-w_48 { min-width: var(--sizes-48); } .pl_10 { padding-left: var(--spacing-10); } .max-w_72 { max-width: var(--sizes-72); } .h_2 { height: var(--sizes-2); } .min-h_60px { min-height: 60px; } .h_30px { height: 30px; } .min-w_70px { min-width: 70px; } .mr_4 { margin-right: var(--spacing-4); } .w_fit-content { width: fit-content; } .mt_32px { margin-top: 32px; } .h_6px { height: 6px; } .w_6px { width: 6px; } .w_30px { width: 30px; } .bd-b-c_beedee-border { border-bottom-color: var(--colors-beedee-border); } .bd-b-c_beedee-brand { border-bottom-color: var(--colors-beedee-brand); } .mb_-1px { margin-bottom: -1px; } .min-h_400px { min-height: 400px; } .max-w_780px { max-width: 780px; } .h_250px { height: 250px; } .ml_-32px { margin-left: -32px; } .mr_-32px { margin-right: -32px; } .mt_-32px { margin-top: -32px; } .pb_100px { padding-bottom: 100px; } .pl_10px { padding-left: 10px; } .pr_10px { padding-right: 10px; } .mb_30px { margin-bottom: 30px; } .mt_30px { margin-top: 30px; } .mb_28px { margin-bottom: 28px; } .right_12px { right: 12px; } .top_12px { top: 12px; } .h_44px { height: 44px; } .w_44px { width: 44px; } .max-w_900px { max-width: 900px; } .min-h_500px { min-height: 500px; } .h_400 { height: 400px; } .w_190px { width: 190px; } .h_22px { height: 22px; } .w_22px { width: 22px; } .mb_20px { margin-bottom: 20px; } .mb_6px { margin-bottom: 6px; } .mb_10px { margin-bottom: 10px; } .h_34px { height: 34px; } .w_34px { width: 34px; } .mb_1px { margin-bottom: 1px; } .ml_5px { margin-left: 5px; } .mt_1px { margin-top: 1px; } .mb_3px { margin-bottom: 3px; } .mt_3px { margin-top: 3px; } .bd-l-c_beedee-border { border-left-color: var(--colors-beedee-border); } .bd-l-c_beedee-green { border-left-color: var(--colors-beedee-green); } .min-h_297mm { min-height: 297mm; } .max-w_100vw { max-width: 100vw; } .w_400px { width: 400px; } .bd-b-c_beedee-brand-mid { border-bottom-color: var(--colors-beedee-brand-mid); } .h_7px { height: 7px; } .w_7px { width: 7px; } .pt_26px { padding-top: 26px; } .pr_38px { padding-right: 38px; } .min-h_84px { min-height: 84px; } .right_11px { right: 11px; } .right_13px { right: 13px; } .w_9px { width: 9px; } .bd-l-c_beedee-status-archived { border-left-color: var(--colors-beedee-status-archived); } .bd-l-c_beedee-status-awaiting { border-left-color: var(--colors-beedee-status-awaiting); } .bd-l-c_beedee-status-draft { border-left-color: var(--colors-beedee-status-draft); } .bd-l-c_beedee-status-revisions { border-left-color: var(--colors-beedee-status-revisions); } .bd-l-c_beedee-status-submitted { border-left-color: var(--colors-beedee-status-submitted); } .w_36px { width: 36px; } .top_80px { top: 80px; } .bd-t-c_beedee-border { border-top-color: var(--colors-beedee-border); } .pb_18px { padding-bottom: 18px; } .pt_14px { padding-top: 14px; } .pt_20px { padding-top: 20px; } .pb_20px { padding-bottom: 20px; } .mb_-32px { margin-bottom: -32px; } .mt_48px { margin-top: 48px; } .max-h_90vh { max-height: 90vh; } .w_min\(860px\,_96vw\) { width: min(860px, 96vw); } .mb_14px { margin-bottom: 14px; } .pl_6px { padding-left: 6px; } .h_14 { height: var(--sizes-14); } .w_14 { width: var(--sizes-14); } .w_min\(680px\,96vw\) { width: min(680px,96vw); } .h_32 { height: var(--sizes-32); } .w_32 { width: var(--sizes-32); } .max-h_60vh { max-height: 60vh; } .min-w_110 { min-width: 110px; } .w_3px { width: 3px; } .h_20 { height: var(--sizes-20); } .w_36 { width: var(--sizes-36); } .w_300 { width: 300px; } .mb_12 { margin-bottom: var(--spacing-12); } .h_28 { height: var(--sizes-28); } .w_28 { width: var(--sizes-28); } .h_26 { height: 26px; } .w_26 { width: 26px; } .w_60 { width: var(--sizes-60); } .min-h_43 { min-height: 43px; } .h_164px { height: 164px; } .min-w_max\(160px\,_66\%\) { min-width: max(160px, 66%); } .max-w_690px { max-width: 690px; } .pt_25px { padding-top: 25px; } .w_64px { width: 64px; } .mt_20px { margin-top: 20px; } .mb_12px { margin-bottom: 12px; } .mb_24px { margin-bottom: 24px; } .w_80px { width: 80px; } .h_80px { height: 80px; } .pt_16px { padding-top: 16px; } .min-w_600px { min-width: 600px; } .mt_12px { margin-top: 12px; } .max-w_400px { max-width: 400px; } .w_90\% { width: 90%; } .w_120px { width: 120px; } .h_120px { height: 120px; } .mt_8px { margin-top: 8px; } .bdr-tl_7 { border-top-left-radius: 7px; } .bdr-tl_0 { border-top-left-radius: 0; } .bdr-tr_7 { border-top-right-radius: 7px; } .bdr-tr_0 { border-top-right-radius: 0; } .min-h_72px { min-height: 72px; } .right_16px { right: 16px; } .mt_24px { margin-top: 24px; } .pr_20px { padding-right: 20px; } .pl_20px { padding-left: 20px; } .pt_7px { padding-top: 7px; } .pb_7px { padding-bottom: 7px; } .pt_5px { padding-top: 5px; } .pb_5px { padding-bottom: 5px; } .pl_8px { padding-left: 8px; } .pr_8px { padding-right: 8px; } .mb_0px { margin-bottom: 0px; } .max-h_calc\(100vh_-_96px\) { max-height: calc(100vh - 96px); } .h_26px { height: 26px; } .mr_2px { margin-right: 2px; } .pr_6px { padding-right: 6px; } .w_50\% { width: 50%; } .pl_0px { padding-left: 0px; } .pr_0px { padding-right: 0px; } .pl_5px { padding-left: 5px; } .pr_5px { padding-right: 5px; } .max-h_75vh { max-height: 75vh; } .w_480px { width: 480px; } .ml_16px { margin-left: 16px; } .pr_36px { padding-right: 36px; } .pr_16px { padding-right: 16px; } .ml_32px { margin-left: 32px; } .w_640px { width: 640px; } .mt_10px { margin-top: 10px; } .h_var\(--cell-size\) { height: var(--cell-size); } .min-h_24px { min-height: 24px; } .h_30 { height: 30px; } .w_360px { width: 360px; } .w_1000px { width: 1000px; } .pt_0px { padding-top: 0px; } .min-w_900px { min-width: 900px; } .pb_0px { padding-bottom: 0px; } .min-w_320px { min-width: 320px; } .max-h_922px { max-height: 922px; } .min-h_75vh { min-height: 75vh; } .w_1242px { width: 1242px; } .pt_32px { padding-top: 32px; } .h_180px { height: 180px; } .h_calc\(100\%_-_32px\) { height: calc(100% - 32px); } .w_16px { width: 16px; } .left_calc\(100\%_-_4px\) { left: calc(100% - 4px); } .top_-4px { top: -4px; } .h_calc\(var\(--icon-height\)_\*_0\.75\)\! { height: calc(var(--icon-height) * 0.75) !important; } .pl_var\(--padding\) { padding-left: var(--padding); } .w_calc\(var\(--icon-height\)_\*_0\.75\)\! { width: calc(var(--icon-height) * 0.75) !important; } .h_var\(--icon-height\)\! { height: var(--icon-height) !important; } .h_16px { height: 16px; } .right_6px { right: 6px; } .top_6px { top: 6px; } .h_calc\(48px_\+_4px\) { height: calc(48px + 4px); } .pt_4px { padding-top: 4px; } .w_calc\(100vw_-_320px\) { width: calc(100vw - 320px); } .left_20px { left: 20px; } .ml_28px { margin-left: 28px; } .h_350px { height: 350px; } .w_450px { width: 450px; } .mb_32px { margin-bottom: 32px; } .ml_9px { margin-left: 9px; } .max-w_1400px { max-width: 1400px; } .min-h_480px { min-height: 480px; } .h_800px { height: 800px; } .w_800px { width: 800px; } .h_400px { height: 400px; } .left_calc\(50\%_-_70px\) { left: calc(50% - 70px); } .top_calc\(50\%_-_70px\) { top: calc(50% - 70px); } .h_calc\(var\(--height\)_\+_8\) { height: calc(var(--height) + 8); } .w_calc\(var\(--width\)_\+_8\) { width: calc(var(--width) + 8); } .left_-12px { left: -12px; } .top_-12px { top: -12px; } .bottom_-88px { bottom: -88px; } .h_112px { height: 112px; } .top_18px { top: 18px; } .pl_16px { padding-left: 16px; } .top_16px { top: 16px; } .max-h_29px { max-height: 29px; } .w_calc\(100\%_-_128px\) { width: calc(100% - 128px); } .left_24px { left: 24px; } .top_20px { top: 20px; } .max-w_64rem { max-width: 64rem; } .pl_9 { padding-left: var(--spacing-9); } .pr_8 { padding-right: var(--spacing-8); } .max-w_1280px { max-width: 1280px; } .\[\&_\.config\]\:--backgroundColor_rgb\(240\,_240\,_240\) .config { --backgroundColor: rgb(240, 240, 240); } .\[\&\.is-editing\]\:--min-opacity_1.is-editing { --min-opacity: 1; } .\[\&_\>_a\]\:p_8px > a { padding: 8px; } .\[\&_\>_a\.active\]\:bg_\#f0f0f0 > a.active { background: #f0f0f0; } .\[\&_h6\]\:m_16px_32px h6 { margin: 16px 32px; } .\[\&_hr\]\:bg_rgba\(255\,_255\,_255\,_0\.25\) hr { background: rgba(255, 255, 255, 0.25); } .\[\&_hr\]\:bd_none hr { border: var(--borders-none); } .\[\&_hr\]\:m_12px_32px hr { margin: 12px 32px; } .\[\&_\>_ul\]\:bg_var\(--tab-background-colour\) > ul { background: var(--tab-background-colour); } .\[\&_\>_ul\]\:m_0px > ul { margin: 0px; } .\[\&_\>_ul\]\:p_0px > ul { padding: 0px; } .\[\&_\>_ul_li\]\:p_8px_16px > ul li { padding: 8px 16px; } .\[\&_h1\]\:m_0 h1 { margin: var(--spacing-0); } .\[\&_h1\]\:p_16px h1 { padding: 16px; } .\[\&_\>_div_\>_img\]\:m_auto > div > img { margin: auto; } .\[\&_\.logo\]\:bg_\#ff5722 .logo { background: #ff5722; } .\[\&_\.logo\]\:bd_6px_solid_rgba\(255\,_255\,_255\,_0\.6\) .logo { border: 6px solid rgba(255, 255, 255, 0.6); } .\[\&_\.logo\]\:m_auto .logo { margin: auto; } .\[\&_\.item\]\:p_16px .item { padding: 16px; } .\[\&_mark\]\:bg_none mark { background: none; } .\[\&_td\]\:p_2px_8px td { padding: 2px 8px; } .\[\&_pre\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) pre { background: rgba(0, 0, 0, 0.25); } .\[\&_pre\]\:p_16px pre { padding: 16px; } .\[\&_\>_span\]\:bg_rgba\(0\,_0\,_0\,_0\.4\) > span { background: rgba(0, 0, 0, 0.4); } .\[\&_\>_span\]\:p_8px > span { padding: 8px; } .\[\&_\.button-container\]\:bg_\#616161 .button-container { background: #616161; } .\[\&_\.button-container\]\:p_8px_16px .button-container { padding: 8px 16px; } .\[\&_span\]\:bg_white span { background: var(--colors-white); } .\[\&_h1\]\:m_0px h1 { margin: 0px; } .\[\&_h1\]\:p_0px h1 { padding: 0px; } .\[\&_\.notification-area-container\]\:m_0px .notification-area-container { margin: 0px; } .\[\&_\.notification-area-container\]\:p_0px .notification-area-container { padding: 0px; } .\[\&_\.counter\]\:p_2px .counter { padding: 2px; } .\[\&_\.child-note-area\]\:bg_\#f0f0f0 .child-note-area { background: #f0f0f0; } .\[\&_\.child-note-area\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .child-note-area { border: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\.child-note-area\]\:m_8px_-16px .child-note-area { margin: 8px -16px; } .\[\&_\.child-note-area\]\:p_8px_16px .child-note-area { padding: 8px 16px; } .\[\&_\.note-message\]\:m_4px_0px .note-message { margin: 4px 0px; } .\[\&_hr\]\:m_4px_32px hr { margin: 4px 32px; } .\[\&_li\]\:m_0px li { margin: 0px; } .\[\&_li\]\:p_8px li,.\[\&_ul\.file-list-contents\]\:p_8px ul.file-list-contents { padding: 8px; } .\[\&_ul\]\:m_0px ul { margin: 0px; } .\[\&_ul\]\:p_0px ul { padding: 0px; } .\[\&_h3\,_\&_h4\]\:m_0px h3,.\[\&_h3\,_\&_h4\]\:m_0px h4 { margin: 0px; } .\[\&_h3\,_\&_h4\]\:p_0px h3,.\[\&_h3\,_\&_h4\]\:p_0px h4 { padding: 0px; } .\[\&_ul\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) ul { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&\:\:before\]\:bg_\#bdbdbd::before { background: #bdbdbd; } .\[\&_svg\]\:bg_\#fdfdfd svg { background: #fdfdfd; } .\[\&_\>_button\]\:bg_none > button { background: none; } .\[\&_\>_button\]\:bd_none > button { border: var(--borders-none); } .\[\&_\>_button\]\:p_0px > button { padding: 0px; } .\[\&_\>_input\]\:bd_1px_solid_\#cccccc > input { border: 1px solid #cccccc; } .\[\&_\>_input\]\:p_6px_12px > input { padding: 6px 12px; } .\[\&\:\:after\]\:bg_\#bdbdbd::after { background: #bdbdbd; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:m_0px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:m_0px > button.duplicate { margin: 0px; } .\[\&_\>_\*\]\:p_6px_8px > * { padding: 6px 8px; } .\[\&_span\.input\]\:m_0px span.input { margin: 0px; } .\[\&_\>_ul\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_h3\]\:m_0px h3 { margin: 0px; } .\[\&_h3\]\:p_0px h3 { padding: 0px; } .\[\&_\.frame-container\]\:bg_\#e2e2e2 .frame-container { background: #e2e2e2; } .\[\&_\.frame-container\]\:m_auto .frame-container { margin: auto; } .\[\&_\.options\]\:p_16px .options { padding: 16px; } .\[\&_\>_\.monaco-editor\]\:grid-area_content > .monaco-editor { grid-area: content; } .\[\&\.drag-over\]\:bg_rgba\(0\,_0\,_0\,_0\.15\).drag-over { background: rgba(0, 0, 0, 0.15); } .\[\&_\>_span\]\:p_2px_4px > span { padding: 2px 4px; } .\[\&_input\]\:bg_none input { background: none; } .\[\&_input\]\:bd_none input { border: var(--borders-none); } .\[\&_\>_div\]\:p_32px > div { padding: 32px; } .\[\&_\.component-container\]\:grid-area_component-list .component-container { grid-area: component-list; } .\[\&_\.template-data\]\:grid-area_data .template-data { grid-area: data; } .\[\&_\.template-editor\]\:grid-area_code .template-editor { grid-area: code; } .\[\&_\>_\*\]\:p_4px > * { padding: 4px; } .\[\&_\>_svg\]\:m_0px_auto > svg { margin: 0px auto; } .\[\&_h3\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) h3 { background: rgba(0, 0, 0, 0.1); } .\[\&_h3\]\:m_calc\(var\(--cell-gap\)_\*_-1\) h3 { margin: calc(var(--cell-gap) * -1); } .\[\&_h3\]\:p_8px h3 { padding: 8px; } .\[\&_label\]\:m_0px label { margin: 0px; } .\[\&_button\]\:p_8px_8px button { padding: 8px 8px; } .\[\&_\.ColorPicker-MuiButtonBase-root\]\:m_0px .ColorPicker-MuiButtonBase-root { margin: 0px; } .\[\&_\>_div\]\:p_4px_8px > div { padding: 4px 8px; } .\[\&_button\]\:bd_none button { border: var(--borders-none); } .\[\&_h4\]\:m_0px h4 { margin: 0px; } .\[\&_h4\]\:p_4px h4 { padding: 4px; } .\[\&_li\]\:m_auto li { margin: auto; } .\[\&_\>_div\]\:bd_2px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.5\) > div { border: 2px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.5); } .\[\&_input\]\:m_0px input { margin: 0px; } .\[\&_\>_span\.title\]\:p_8px_12px > span.title { padding: 8px 12px; } .\[\&_\>_svg\]\:bg_\#2196f3 > svg { background: #2196f3; } .\[\&\.disabled\]\:bg_rgba\(0\,_0\,_0\,_0\.13\).disabled { background: rgba(0, 0, 0, 0.13); } .\[\&\:\:-moz-range-track\]\:bg_none::-moz-range-track { background: none; } .\[\&\:after\]\:bg_rgb\(224\,_224\,_224\):after { background: rgb(224, 224, 224); } .\[\&\:after\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.26\):after { border: 4px solid rgba(0, 0, 0, 0.26); } .\[\&\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.5\):before { background: rgba(0, 0, 0, 0.5); } .\[\&\:before\]\:bg_rgb\(156\,_156\,_156\):before { background: rgb(156, 156, 156); } .\[\&_\.snackbar\]\:m_auto .snackbar { margin: auto; } .\[\&_\.snackbar\]\:p_14px_24px .snackbar { padding: 14px 24px; } .\[\&_\.back\]\:bg_var\(--primary-colour\,_\#1565c0\) .back,.\[\&_\.front\]\:bg_var\(--primary-colour\,_\#1565c0\) .front { background: var(--primary-colour, #1565c0); } .\[\&_\>_div\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > div { background: rgba(0, 0, 0, 0.5); } .\[\&_i\]\:bg_white i { background: var(--colors-white); } .\[\&_i\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) i { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_textarea\]\:bg_none textarea { background: none; } .\[\&_textarea\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.87\) textarea { border: 1px solid rgba(0, 0, 0, 0.87); } .\[\&_textarea\]\:m_1px textarea { margin: 1px; } .\[\&_textarea\]\:p_16px textarea { padding: 16px; } .\[\&_p\]\:m_0px p { margin: 0px; } .\[\&_\.loading-bar\]\:bg_rgba\(255\,255\,255\,0\.25\) .loading-bar { background: rgba(255,255,255,0.25); } .\[\&\.searching\]\:bg_white.searching { background: var(--colors-white); } .\[\&\.transparent\]\:bg_transparent.transparent { background: var(--colors-transparent); } .\[\&_\>_i\,_\&_\>_svg\]\:m_16px > i,.\[\&_\>_i\,_\&_\>_svg\]\:m_16px > svg { margin: 16px; } .\[\&_i\,_\&_svg\]\:m_8px i,.\[\&_i\,_\&_svg\]\:m_8px svg { margin: 8px; } .\[\&_i\,_\&_svg\]\:p_8px i,.\[\&_i\,_\&_svg\]\:p_8px svg { padding: 8px; } .\[\&\:after\]\:bg_rgba\(255\,255\,255\,0\):after { background: rgba(255,255,255,0); } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:p_0 .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:p_0 .back-button { padding: var(--spacing-0); } .\[\&_button\]\:bg_var\(--primary-colour\,_\#1976d2\) button { background: var(--primary-colour, #1976d2); } .\[\&_button\]\:bd_1px_solid_rgba\(0\,0\,0\,0\.075\) button { border: 1px solid rgba(0,0,0,0.075); } .\[\&_button\]\:m_0px button { margin: 0px; } .\[\&_button\]\:p_4px button { padding: 4px; } .\[\&_\.config\]\:bg_rgb\(240\,_240\,_240\) .config { background: rgb(240, 240, 240); } .\[\&_\.config\]\:grid-area_config .config { grid-area: config; } .\[\&_\.sidebar\]\:bg_\#0d47a1 .sidebar { background: #0d47a1; } .\[\&_\.sidebar\]\:grid-area_sidebar .sidebar { grid-area: sidebar; } .\[\&_\.sidebar\]\:p_32px_0px .sidebar { padding: 32px 0px; } .\[\&_\.datepicker-input\]\:bd_1px_solid_\#cccccc .datepicker-input { border: 1px solid #cccccc; } .\[\&_\.datepicker-input\]\:m_0px .datepicker-input { margin: 0px; } .\[\&_\.datepicker-input\]\:p_6px_12px .datepicker-input { padding: 6px 12px; } .\[\&_\>_\.arrow\:\:before\]\:bg_var\(--month-color\) > .arrow::before { background: var(--month-color); } .\[\&_input\]\:p_0 input { padding: var(--spacing-0); } .\[\&_\.action-back\]\:bg_var\(--color-action-primary\,_\#388e3c\) .action-back { background: var(--color-action-primary, #388e3c); } .\[\&_\.content\]\:bg_var\(--color-bg-surface\,_\#fafafa\) .content { background: var(--color-bg-surface, #fafafa); } .\[\&\.polyfill\]\:bg_black.polyfill { background: var(--colors-black); } .\[\&_\#modalContainer_\.backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) #modalContainer .backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&\.polyfill\]\:m_0px.polyfill { margin: 0px; } .\[\&\.react-modal-container\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\).react-modal-container::backdrop { background: rgba(0, 0, 0, 0); } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_beedee-border::-webkit-scrollbar-thumb { background: var(--colors-beedee-border); } .\[\&\.w-form-control\]\:bd_1px_solid_\#ced4da.w-form-control { border: 1px solid #ced4da; } input.\[input\&\,_textarea\&\]\:p_0\.6em_1\.5em,textarea.\[input\&\,_textarea\&\]\:p_0\.6em_1\.5em { padding: 0.6em 1.5em; } .\[\&_input\]\:bg_\#f4f9fb input { background: #f4f9fb; } .\[\&_input\]\:bd_1\.5px_solid_transparent input { border: 1.5px solid transparent; } .\[\&_input\]\:p_6px_10px_6px_30px input { padding: 6px 10px 6px 30px; } .selected\:bg_beedee-brand-light:is([aria-selected=true], [data-selected]) { background: var(--colors-beedee-brand-light); } .\[\&_\.overlay\]\:bg_rgba\(0\,_0\,_0\,_0\.3\) .overlay { background: rgba(0, 0, 0, 0.3); } .\[\&_\.footer-main-standard\]\:p_30px_0_10px .footer-main-standard { padding: 30px 0 10px; } .\[\&_\.footer-main-standard-after\]\:bg_rgb\(2\,3\,3\) .footer-main-standard-after { background: rgb(2,3,3); } .\[\&_\.footer-main-standard-after\]\:p_10px_30px .footer-main-standard-after { padding: 10px 30px; } .\[\&_\.btn\]\:p_12px_20px .btn { padding: 12px 20px; } .\[\&_\.footer-contact\]\:m_0 .footer-contact { margin: var(--spacing-0); } .\[\&_\.footer-divider\]\:bg_\#039BE5 .footer-divider { background: #039BE5; } .\[\&_\.footer-divider\]\:m_8px_0 .footer-divider { margin: 8px 0; } .\[\&_\.footer-title\]\:m_0 .footer-title { margin: var(--spacing-0); } .\[\&_input\.w-form-control\]\:p_8px input.w-form-control { padding: 8px; } .\[\&_\>_\*\]\:bd_1px_solid_\#c4c4c4 > * { border: 1px solid #c4c4c4; } .\[\&_span_\>_span\]\:p_16px span > span { padding: 16px; } .\[\&_\>_\*\]\:p_16px\! > * { padding: 16px !important; } .\[\&_table\.data-grid\]\:bd_none table.data-grid { border: var(--borders-none); } .\[\&_p\]\:p_0px p { padding: 0px; } .\[\&_ul\]\:p_8px_0px ul { padding: 8px 0px; } .\[\&\.is-editing\]\:bd_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\).is-editing { border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&\.is-editing\]\:p_0px.is-editing { padding: 0px; } .\[\&_p\]\:p_0px_32px p { padding: 0px 32px; } .\[\&_input\]\:bg_transparent input { background: var(--colors-transparent); } .\[\&_svg\.fa-times\]\:m_0px svg.fa-times { margin: 0px; } .\[\&_svg\.fa-times\]\:p_4px svg.fa-times { padding: 4px; } .\[\&_\>_span\.filter-name\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > span.filter-name { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_span\.filter-name\]\:m_4px > span.filter-name { margin: 4px; } .\[\&_\>_span\.filter-name\]\:p_4px_12px > span.filter-name { padding: 4px 12px; } .\[\&_\>_svg\,_\&_\>_div\]\:m_4px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:m_4px > div { margin: 4px; } .\[\&_\>_svg\,_\&_\>_div\]\:p_8px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:p_8px > div { padding: 8px; } .\[\&_div\.title\]\:grid-area_title div.title { grid-area: title; } .\[\&_div\.title\]\:p_0px_16px div.title { padding: 0px 16px; } .\[\&_ul\]\:grid-area_navigation ul { grid-area: navigation; } .\[\&_\>_div\]\:m_var\(--gap\) > div { margin: var(--gap); } .\[\&_\>_button\]\:bg_transparent > button { background: var(--colors-transparent); } .\[\&_\>_button\]\:m_0px_4px > button { margin: 0px 4px; } .\[\&_table_tr\]\:bd_none\! table tr,.\[\&_table_tr_td\]\:bd_none\! table tr td { border: var(--borders-none) !important; } .\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:m_0px p { margin: 0px; } .\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:p_0px p { padding: 0px; } .\[\&_pre\]\:bg_rgba\(0\,_0\,_0\,_0\.9\) pre { background: rgba(0, 0, 0, 0.9); } .\[\&_\>_li\]\:p_8px > li { padding: 8px; } .\[\&_\>_ul_\>_li\]\:p_8px_12px > ul > li { padding: 8px 12px; } .\[\&\.active\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.25\).active { background: rgba(var(--accent-background-colour-rgb), 0.25); } .\[\&_h2\]\:m_0px h2 { margin: 0px; } .\[\&_h2\]\:p_0px h2 { padding: 0px; } .\[\&_\>_div\]\:bd_var\(--border-thickness\)_solid_var\(--accent-background-colour\) > div { border: var(--border-thickness) solid var(--accent-background-colour); } .\[\&_fieldset\]\:bd_1px_solid_black fieldset { border: 1px solid black; } .\[\&_fieldset\]\:p_16px fieldset { padding: 16px; } .\[\&_fieldset_legend\]\:p_0px_8px fieldset legend { padding: 0px 8px; } .\[\&_fieldset_p\]\:m_0px fieldset p { margin: 0px; } .\[\&_\>_ul_\>_li\]\:p_4px_8px > ul > li { padding: 4px 8px; } .\[\&_\>_ul_\>_li_button\]\:m_0px > ul > li button { margin: 0px; } .\[\&_\>_ul_\>_li_button\]\:p_0px\! > ul > li button { padding: 0px !important; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:p_var\(--padding\) > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:p_var\(--padding\) > svg { padding: var(--padding); } .\[\&_span\]\:bg_rgba\(255\,_255\,_255\,_0\) span { background: rgba(255, 255, 255, 0); } .\[\&_\.action-container_\>_svg\]\:p_4px .action-container > svg { padding: 4px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:p_2px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:p_2px li svg.unsaved { padding: 2px; } .\[\&_div\.content\]\:p_16px div.content { padding: 16px; } .\[\&_div\.content_\>_label\]\:p_0px div.content > label { padding: 0px; } .\[\&_header\]\:bg_\#455a64 header { background: #455a64; } .\[\&_\>_label\]\:p_0px > label { padding: 0px; } .\[\&_\.tooltip\]\:bg_white .tooltip { background: var(--colors-white); } .\[\&_\.tooltip\]\:m_0px_8px\! .tooltip { margin: 0px 8px !important; } .\[\&_\.tooltip\]\:p_16px .tooltip { padding: 16px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:p_32px_64px > div > div > .nav-item { padding: 32px 64px; } .\[\&\.full\]\:bg_white.full { background: var(--colors-white); } .\[\&_\.info-panel\]\:bg_\#e1f5fe .info-panel { background: #e1f5fe; } .\[\&_blockquote\]\:bg_\#e8f5f6 blockquote { background: #e8f5f6; } .\[\&_blockquote\]\:p_16px blockquote { padding: 16px; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_zoomIn svg#freepik_stories-high-five.animated #freepik--background-complete--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomIn; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--character-1--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideRight svg#freepik_stories-high-five.animated #freepik--character-2--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--Floor--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideUp svg#freepik_stories-high-five.animated #freepik--Lines--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideUp; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:anim_1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft svg#freepik_stories-high-five.animated #freepik--Plant--inject-3 { animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft; } .\[\&_\>_\.icon\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) > .icon { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\>_\.icon\]\:p_8px > .icon { padding: 8px; } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white .wysiwyg-editor,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bg_white .wf-lookup__control { background: var(--colors-white); } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc .wysiwyg-editor,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\,_\&_\.wf-lookup__control\]\:bd_1px_solid_\#ccc .wf-lookup__control { border: 1px solid #ccc; } .\[\&_\>_div_\>_div_\.nav-item\]\:p_32px > div > div .nav-item { padding: 32px; } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bg_white .wysiwyg-editor { background: var(--colors-white); } .\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc input,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc textarea,.\[\&_input\,_\&_textarea\,_\&_\.wysiwyg-editor\]\:bd_1px_solid_\#ccc .wysiwyg-editor { border: 1px solid #ccc; } .\[\&\.coloured\:not\(\.flat\)\]\:bg_var\(--primary-colour\,_\#1976d2\).coloured:not(.flat) { background: var(--primary-colour, #1976d2); } .\[\&\.flat\]\:bg_transparent.flat { background: var(--colors-transparent); } .\[\&\.no-icon\]\:p_10px_16px.no-icon { padding: 10px 16px; } .\[\&\.no-title\]\:p_8px.no-title { padding: 8px; } .\[\&\.animated_\.part\]\:anim_ANI_600ms_linear_infinite.animated .part { animation: ANI 600ms linear infinite; } .\[\&_\>_div\]\:bd_2px_solid_rgba\(0\,_0\,_0\,_0\.5\) > div { border: 2px solid rgba(0, 0, 0, 0.5); } .\[\&_\.active-plane\]\:bg_var\(--primary-colour\,_\#1976d2\) .active-plane { background: var(--primary-colour, #1976d2); } .\[\&_\.back-plane\]\:bg_rgba\(0\,_0\,_0\,_0\.26\) .back-plane { background: rgba(0, 0, 0, 0.26); } .\[\&_\.input\]\:bg_none .input { background: none; } .\[\&_\.input\]\:m_0px .input { margin: 0px; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:bg_\#4caf50.complete:not(.disabled) .submit-loader { background: #4caf50; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bg_transparent.loading:not(.disabled) .submit-loader { background: var(--colors-transparent); } .\[\&_\.submit-loader\]\:bg_\#1976d2 .submit-loader { background: #1976d2; } .\[\&_\.submit-loader\]\:bd_4px_solid_transparent .submit-loader { border: 4px solid transparent; } .\[\&_\.submit-overlay\]\:anim_SPIN_400ms_linear_infinite .submit-overlay { animation: SPIN 400ms linear infinite; } .\[\&_\.submit-overlay\]\:bd_4px_solid_transparent .submit-overlay { border: 4px solid transparent; } .\[\&_\.back\]\:bg_var\(--primary-colour\,_\#1976d2\) .back,.\[\&_\.front\]\:bg_var\(--primary-colour\,_\#1976d2\) .front,.\[\&_\>_div\.active_\.back\]\:bg_var\(--primary-colour\,_\#1976d2\) > div.active .back,.\[\&_\>_div\.active_\.front\]\:bg_var\(--primary-colour\,_\#1976d2\) > div.active .front { background: var(--primary-colour, #1976d2); } .\[\&_\.toast\]\:bg_\#4caf50 .toast { background: #4caf50; } .\[\&_\.toast\]\:p_16px .toast { padding: 16px; } .\[\&_button\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.075\) button { border: 1px solid rgba(0, 0, 0, 0.075); } .\[\&_\.card-actions\]\:p_16px .card-actions { padding: 16px; } .\[\&_\.fab\]\:bg_white .fab { background: var(--colors-white); } .\[\&\.small_\>_ul_li\]\:p_2px.small > ul li { padding: 2px; } .\[\&\.no-padding\]\:m_0px.no-padding { margin: 0px; } .\[\&\.no-padding\]\:p_0px.no-padding { padding: 0px; } .\[\&_\.spacer\]\:m_0px .spacer { margin: 0px; } .\[\&_\>_\*\]\:m_16px > * { margin: 16px; } .\[\&_\.label\]\:p_0px .label { padding: 0px; } .\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\).skeleton { background: rgba(0, 0, 0, 0.15); } .\[\&\.active\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).active::backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\)::backdrop { background: rgba(0, 0, 0, 0); } .\[\&_\>_a\]\:ring_none > a { outline: var(--borders-none); } .\[\&_\>_a\]\:td_none\! > a { text-decoration: none !important; } .\[\&_\>_div\]\:flex_1 > div,.\[\&_\>_ul\]\:flex_1 > ul { flex: 1 1 0%; } .\[\&_\>_ul\]\:li-s_none > ul { list-style: none; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs_left .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs_left .transition-enter { transition: left; } .\[\&_\>_div\]\:trs_top > div { transition: top; } .\[\&_\.logo\]\:bdr_50\% .logo { border-radius: 50%; } .\[\&_\.item\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .item { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_a\:not\(\.single-item\)\]\:td_none\! a:not(.single-item) { text-decoration: none !important; } .\[\&_\>_div\]\:trs_transform_200ms > div { transition: transform 200ms; } .\[\&_span\]\:bdr_1px span { border-radius: 1px; } .\[\&_span\]\:trs_0\.4s span { transition: 0.4s; } .\[\&_\.notification-area-container\]\:ov_hidden .notification-area-container { overflow: hidden; } .\[\&_\.counter\]\:bdr_50\% .counter { border-radius: 50%; } .\[\&_p\]\:ov_hidden p { overflow: hidden; } .\[\&_a\]\:td_none a { text-decoration: none; } .\[\&_\.child-note-area\]\:bd-l_none .child-note-area { border-left: var(--borders-none); } .\[\&_\.child-note-area\]\:bd-r_none .child-note-area { border-right: var(--borders-none); } .\[\&_ul\]\:li-s_none ul { list-style: none; } .\[\&_svg\]\:bdr_50\% svg { border-radius: 50%; } .\[\&_\>_div\]\:flex_3 > div,.\[\&_\>_input\]\:flex_3 > input { flex: 3; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:flex_unset > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:flex_unset > button.duplicate { flex: unset; } .\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms > :not(div),.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms::before,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms::after,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms > div > :not(.delete-group) { transition: opacity 400ms; } .\[\&_\>_\*\]\:flex_1 > * { flex: 1 1 0%; } .\[\&_\>_\:nth-of-type\(2\)\]\:flex_unset > :nth-of-type(2) { flex: unset; } .\[\&_\>_\:nth-of-type\(3\)\]\:flex_2 > :nth-of-type(3) { flex: 2; } .\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_\.frame-container\]\:ov_hidden .frame-container { overflow: hidden; } .\[\&_\.frame-container\]\:trs_max-width_600ms\,_transform_600ms .frame-container { transition: max-width 600ms, transform 600ms; } .\[\&_input\]\:bd-b_1px_solid_rgba\(255\,_255\,_255\,_0\.75\) input { border-bottom: 1px solid rgba(255, 255, 255, 0.75); } .\[\&_ul\]\:flex_1 ul,.\[\&_\>_\:nth-child\(2\)\]\:flex_1 > :nth-child(2) { flex: 1 1 0%; } .\[\&_\>_span\]\:ov_hidden > span { overflow: hidden; } .\[\&_h3\]\:grid-c_span_var\(--columns-per-row\) h3,.\[\&_h2\]\:grid-c_span_var\(--columns-per-row\) h2 { grid-column: span var(--columns-per-row); } .\[\&_button\]\:bd-l_1px_solid_\#8f8f9d button { border-left: 1px solid #8f8f9d; } .invalid\:bd-c_error:is(:invalid, [data-invalid], [aria-invalid=true]) { border-color: var(--colors-error); } .\[\&_li\]\:bd-b_4px_solid_transparent li { border-bottom: 4px solid transparent; } .\[\&_li\]\:flex_1 li { flex: 1 1 0%; } .\[\&_li\]\:ring_none li { outline: var(--borders-none); } .\[\&_li\]\:trs_border-bottom-color_200ms li { transition: border-bottom-color 200ms; } .\[\&_\>_div\]\:bdr_2px > div { border-radius: 2px; } .\[\&_\>_div\]\:trs_background-color_200ms\,_border-color_200ms > div { transition: background-color 200ms, border-color 200ms; } .\[\&_\>_span\.close\]\:trs_color_100ms > span.close { transition: color 100ms; } .\[\&_\>_svg\]\:bdr_50\% > svg { border-radius: 50%; } .\[\&_svg\]\:trs_color_200ms svg { transition: color 200ms; } .\[\&_\>_div\]\:bdr_50\% > div { border-radius: 50%; } .\[\&_\>_div\]\:trs_background-color_200ms\,_border-color_200ms\,_border-width_200ms > div { transition: background-color 200ms, border-color 200ms, border-width 200ms; } .\[\&\:after\]\:bdr_50\%:after { border-radius: 50%; } .\[\&\:after\]\:trs_width\,_height\,_left\,_top\,_background-color\,_border-color:after { transition: width, height, left, top, background-color, border-color; } .\[\&\:before\]\:bdr_50\%:before { border-radius: 50%; } .\[\&\:before\]\:trs_width\,_height\,_left\,_top:before { transition: width, height, left, top; } .\[\&\:before\]\:bdr_50\%_50\%_0\%_50\%:before { border-radius: 50% 50% 0% 50%; } .\[\&\:before\]\:trs_background-color_200ms:before { transition: background-color 200ms; } .\[\&\.focus\]\:bd-b_2px_solid.focus { border-bottom: 2px solid; } .\[\&_\.snackbar\]\:bdr_4px .snackbar { border-radius: 4px; } .\[\&_\>_div\]\:bdr_0px > div { border-radius: 0px; } .\[\&_div\.ripple\]\:bdr_24px div.ripple { border-radius: 24px; } .\[\&_div\.ripple\]\:trs_800ms_cubic-bezier\(0\,_1\,_1\,_1\) div.ripple { transition: 800ms cubic-bezier(0, 1, 1, 1); } .\[\&_i\]\:bdr_50\% i { border-radius: 50%; } .\[\&_textarea\]\:bdr_4px textarea { border-radius: 4px; } .\[\&_textarea\]\:ring_none textarea { outline: var(--borders-none); } .\[\&_\.loading-bar\]\:ov_hidden .loading-bar { overflow: hidden; } .\[\&_i\,_\&_svg\]\:ring_none i,.\[\&_i\,_\&_svg\]\:ring_none svg { outline: var(--borders-none); } .\[\&\:after\]\:trs_background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms:after { transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms; } .\[\&_button\]\:ring_none button { outline: var(--borders-none); } .\[\&_button\]\:trs_background-color_200ms button { transition: background-color 200ms; } .\[\&\.mini-mobile\]\:grid-template-areas_\'content\'.mini-mobile { grid-template-areas: 'content'; } .\[\&_\.datepicker-ani-above-enter-active\]\:trs_opacity_0\.2s\,_transform_0\.2s .datepicker-ani-above-enter-active { transition: opacity 0.2s, transform 0.2s; } .\[\&_\.datepicker-ani-above-leave-active\]\:trs_opacity_0\.2s\,_transform_0\.4s .datepicker-ani-above-leave-active { transition: opacity 0.2s, transform 0.4s; } .\[\&_\.datepicker-ani-enter-active\]\:trs_opacity_0\.2s\,_transform_0\.2s .datepicker-ani-enter-active { transition: opacity 0.2s, transform 0.2s; } .\[\&_\.datepicker-ani-exit-active\]\:trs_opacity_0\.2s\,_transform_0\.4s .datepicker-ani-exit-active { transition: opacity 0.2s, transform 0.4s; } .\[\&_input\]\:bd-b_1px_solid_\#aaa input { border-bottom: 1px solid #aaa; } .\[\&_input\]\:bdr_0 input { border-radius: 0; } .\[\&_input\]\:ring_none input { outline: var(--borders-none); } .\[\&_input\]\:trs_border-color_200ms input { transition: border-color 200ms; } .\[\&_\.content\]\:bd-b_1px_solid_var\(--color-border-default\,_rgba\(0\,_0\,_0\,_0\.1\)\) .content { border-bottom: 1px solid var(--color-border-default, rgba(0, 0, 0, 0.1)); } .\[\&_\.ripple\]\:bdr_50\% .ripple { border-radius: 50%; } .\[\&\.polyfill\]\:trs_opacity_400ms.polyfill { transition: opacity 400ms; } .\[\&_\#modalContainer_\.backdrop\]\:trs_background-color_400ms #modalContainer .backdrop,.\[\&\.react-modal-container\:\:backdrop\]\:trs_background-color_400ms.react-modal-container::backdrop { transition: background-color 400ms; } .\[\&_\.timepicker\]\:grid-template-areas_\"header\"\"picker\"\"actions\" .timepicker { grid-template-areas: "header""picker""actions"; } .before\:bdr_50\%::before { border-radius: 50%; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_2px::-webkit-scrollbar-thumb { border-radius: 2px; } .\[\&\:\:-webkit-slider-thumb\]\:bdr_full::-webkit-slider-thumb { border-radius: var(--radii-full); } .\[\&\.w-form-control\]\:bdr_0\.25rem.w-form-control { border-radius: 0.25rem; } .\[\&\.w-form-control\]\:trs_border-color_0\.15s_ease-in-out\,_box-shadow_0\.15s_ease-in-out.w-form-control { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .\[\&_input\]\:bdr_beedee-sm input { border-radius: var(--radii-beedee-sm); } .\[\&_input\]\:trs_border-color_\.15s\,_box-shadow_\.15s\,_background_\.15s input { transition: border-color .15s, box-shadow .15s, background .15s; } .\[\&\:last-child\]\:bd-b_none:last-child { border-bottom: var(--borders-none); } .\[\&_\.footer-col\]\:flex_1 .footer-col { flex: 1 1 0%; } .\[\&_img\.profile-pic\]\:bdr_50\% img.profile-pic { border-radius: 50%; } .\[\&_li\]\:li-s_none li { list-style: none; } .\[\&_\.btn\]\:bdr_45px .btn { border-radius: 45px; } .\[\&_\.footer-content\]\:gap_16px .footer-content { gap: 16px; } .\[\&_\.footer-divider\]\:bdr_2px .footer-divider { border-radius: 2px; } .\[\&_\.footer-link\]\:td_none .footer-link { text-decoration: none; } .\[\&_\.footer-links\]\:gap_24px .footer-links { gap: 24px; } .\[\&_\>_\*\]\:bd-r_none > * { border-right: var(--borders-none); } .\[\&_\>_\*\]\:bd-t_none > * { border-top: var(--borders-none); } .\[\&_\>_\*\]\:bd-b_none > * { border-bottom: var(--borders-none); } .\[\&_\.WF_Table__Grid\]\:bd-b_1px_solid_\#c4c4c4 .WF_Table__Grid { border-bottom: 1px solid #c4c4c4; } .last\:bd-b_none:last-child { border-bottom: var(--borders-none); } .\[\&\.has-chart\]\:grid-template-areas_\"header_header_header\"_\"sidebar_controls_controls\"_\"sidebar_grid_chart\".has-chart { grid-template-areas: "header header header" "sidebar controls controls" "sidebar grid chart"; } .\[\&\.active\,_\&\.is-editing\]\:bdr_16px.active,.\[\&\.active\,_\&\.is-editing\]\:bdr_16px.is-editing,.\[\&_\>_span\.filter-name\]\:bdr_16px > span.filter-name { border-radius: 16px; } .\[\&_div\.title\]\:gap_16px div.title { gap: 16px; } .\[\&_div\.title\]\:ov_hidden div.title { overflow: hidden; } .\[\&_\>_button\]\:bdr_50\% > button { border-radius: 50%; } .\[\&_\.action-container\]\:grid-g_8px .action-container { grid-gap: 8px; } .\[\&_input\]\:flex_1 input { flex: 1 1 0%; } .\[\&_table_tr\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\)\,_0\.25\) table tr { border-bottom: 1px solid rgba(var(--text-colour-rgb), 0.25); } .\[\&_\>_div\]\:grid-g_16px > div { grid-gap: 16px; } .\[\&_\>_div_\>_label\:first-child\]\:grid-c_span_2 > div > label:first-child { grid-column: span 2; } .\[\&_\>_ul_\>_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul > li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_h2\]\:grid-c_span_3 h2,.\[\&_h1\]\:grid-c_span_3 h1 { grid-column: span 3; } .\[\&_\>_div\]\:bd-l_none > div { border-left: var(--borders-none); } .\[\&_\>_div\]\:bd-t_none > div { border-top: var(--borders-none); } .\[\&_\>_div\]\:bd-b_var\(--border-thickness\)_solid_var\(--accent-background-colour\) > div { border-bottom: var(--border-thickness) solid var(--accent-background-colour); } .\[\&_fieldset\]\:bd-c_rgba\(var\(--text-colour-rgb\)\,_0\.5\) fieldset { border-color: rgba(var(--text-colour-rgb), 0.5); } .\[\&_\>_ul_\>_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) > ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bdr_4px > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bdr_4px > svg { border-radius: 4px; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:trs_color_100ms\,_background-color_100ms > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:trs_color_100ms\,_background-color_100ms > svg { transition: color 100ms, background-color 100ms; } .\[\&_span\]\:bdr_50\% span { border-radius: 50%; } .\[\&_span\]\:trs_background-color_100ms span { transition: background-color 100ms; } .\[\&_\.action-container_\>_svg\]\:bdr_50\% .action-container > svg { border-radius: 50%; } .\[\&_\.action-container_\>_svg\]\:trs_background-color_100ms\,_color_100ms .action-container > svg { transition: background-color 100ms, color 100ms; } .\[\&_li\]\:bd-r_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) li { border-right: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_li\]\:ov_hidden li { overflow: hidden; } .\[\&_li\]\:trs_color_100ms\,_background-color_100ms li { transition: color 100ms, background-color 100ms; } .\[\&_li_div\.name-container_span\]\:ov_hidden li div.name-container span,.\[\&_span\]\:ov_hidden span { overflow: hidden; } .\[\&_\.tooltip\]\:bdr_4px .tooltip { border-radius: 4px; } .\[\&_\.double-fields\]\:gap_16px .double-fields,.\[\&_\.quintuple-fields\]\:gap_16px .quintuple-fields,.\[\&_\.triple-fields\]\:gap_16px .triple-fields { gap: 16px; } .\[\&\.full\]\:gap_64px.full { gap: 64px; } .\[\&_\.svg-container\]\:trs_transform_200ms\,_right_200ms\,_top_200ms .svg-container { transition: transform 200ms, right 200ms, top 200ms; } .\[\&_blockquote\]\:bd-l_4px_solid_rgb\(3\,_155\,_229\) blockquote { border-left: 4px solid rgb(3, 155, 229); } .\[\&_\>_\.icon\]\:bdr_50\% > .icon { border-radius: 50%; } .\[\&_\>_\.icon\]\:trs_background-color_200ms > .icon { transition: background-color 200ms; } .\[\&\.active\:not\(\.disabled\)_\>_div\]\:bd-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div { border-color: var(--primary-colour, #1976d2); } .\[\&\.active_\>_div\:after\]\:trs_width_400ms\,_height_400ms\,_left_100ms\,_top_100ms.active > div:after { transition: width 400ms, height 400ms, left 100ms, top 100ms; } .\[\&_\.back-plane\]\:ring_none .back-plane,.\[\&_\.input\]\:ring_none .input { outline: var(--borders-none); } .\[\&_\.tooltip\]\:trs_top_200ms\,_opacity_200ms .tooltip { transition: top 200ms, opacity 200ms; } .\[\&_\.value-label\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.26\) .value-label { border-bottom: 1px solid rgba(0, 0, 0, 0.26); } .\[\&_\.value-label\]\:trs_border-color_200ms\,_border-width_200ms .value-label { transition: border-color 200ms, border-width 200ms; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:bd-c_transparent.complete:not(.disabled) .submit-loader { border-color: var(--colors-transparent); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bd-c_\#ccc.loading:not(.disabled) .submit-loader { border-color: #ccc; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bdr_24px.loading:not(.disabled) .submit-loader { border-radius: 24px; } .\[\&_\.submit-loader\]\:bdr_2px .submit-loader { border-radius: 2px; } .\[\&_\.submit-loader\]\:trs_400ms .submit-loader { transition: 400ms; } .\[\&_\.submit-overlay\]\:bdr_50\% .submit-overlay { border-radius: 50%; } .\[\&_\.button-container\]\:trs_margin-top_200ms\,_opacity_200ms .button-container { transition: margin-top 200ms, opacity 200ms; } .\[\&_\.toast\]\:trs_opacity_400ms\,_top_400ms\,_filter_400ms .toast { transition: opacity 400ms, top 400ms, filter 400ms; } .\[\&_\.fab\]\:bdr_50\% .fab { border-radius: 50%; } .\[\&_\.fab\]\:ring_1px_solid_transparent .fab { outline: 1px solid transparent; } .\[\&_\.fab\]\:trs_300ms .fab { transition: 300ms; } .\[\&_\.card-tabs-content\]\:trs_height_400ms .card-tabs-content { transition: height 400ms; } .\[\&_\.fb-1\]\:flex_1 .fb-1 { flex: 1 1 0%; } .\[\&_\.fb-2\]\:flex_2 .fb-2 { flex: 2; } .\[\&_\.fb-3\]\:flex_3 .fb-3 { flex: 3; } .\[\&_\.fb-4\]\:flex_4 .fb-4 { flex: 4; } .\[\&_\.fb-5\]\:flex_5 .fb-5 { flex: 5; } .\[\&_\.fb-6\]\:flex_6 .fb-6 { flex: 6; } .\[\&_\.fb-7\]\:flex_7 .fb-7 { flex: 7; } .\[\&_\.fb-8\]\:flex_8 .fb-8 { flex: 8; } .\[\&_\.fb-9\]\:flex_9 .fb-9 { flex: 9; } .\[\&_\.fb-10\]\:flex_10 .fb-10 { flex: 10; } .\[\&_\.fb-11\]\:flex_11 .fb-11 { flex: 11; } .\[\&_\.fb-12\]\:flex_12 .fb-12 { flex: 12; } .\[\&_\.label\]\:trs_font-size_200ms\,_top_200ms\,_color_200ms .label { transition: font-size 200ms, top 200ms, color 200ms; } .\[\&\.non-swiping\]\:trs_left_400ms_ease-in.non-swiping { transition: left 400ms ease-in; } .\[\&\.swiped-away\]\:trs_left_400ms_ease-out.swiped-away { transition: left 400ms ease-out; } .\[\&\.showMenu\]\:ov_hidden.showMenu { overflow: hidden; } .\[\&\.showMenu\]\:trs_height_500ms\,_width_300ms\,_left_300ms.showMenu { transition: height 500ms, width 300ms, left 300ms; } .\[\&_\>_div\]\:trs_left_300ms > div { transition: left 300ms; } .\[\&\:\:backdrop\]\:trs_background-color_400ms::backdrop { transition: background-color 400ms; } .\[\&_\.slide-right-back-enter\]\:trs_left_400ms .slide-right-back-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs_left_400ms .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs_left_400ms .slide-right-back-leave,.\[\&_\.slide-right-exit\]\:trs_left_400ms .slide-right-exit { transition: left 400ms; } .\[\&_\>_a\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > a { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_\>_a\]\:cursor_pointer > a { cursor: pointer; } .\[\&_\>_a\]\:d_block > a { display: block; } .\[\&_\>_a\]\:us_none > a { -webkit-user-select: none; user-select: none; } .\[\&_\>_a\.active\]\:c_black\! > a.active { color: var(--colors-black) !important; } .\[\&_\>_a\.active\]\:fw_500 > a.active { font-weight: 500; } .\[\&_h6\]\:c_rgba\(255\,_255\,_255\,_0\.75\) h6 { color: rgba(255, 255, 255, 0.75); } .\[\&_h6\]\:fs_14px h6 { font-size: 14px; } .\[\&_h6\]\:fw_500 h6 { font-weight: 500; } .\[\&_h6\]\:tracking_0\.08rem h6 { letter-spacing: 0.08rem; } .\[\&_h6\]\:tt_uppercase h6 { text-transform: uppercase; } .\[\&_\>_ul_li\]\:bx-s_border-box > ul li { box-sizing: border-box; } .\[\&_\>_ul_li\]\:c_var\(--tab-item-text-colour\) > ul li { color: var(--tab-item-text-colour); } .\[\&_\>_ul_li\]\:cursor_pointer > ul li { cursor: pointer; } .\[\&_\>_ul_li\]\:d_inline-block > ul li { display: inline-block; } .\[\&_\>_ul_li\]\:leading_16px > ul li { line-height: 16px; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:bg-c_rgb\(252\,_252\,_252\) .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:bg-c_rgb\(252\,_252\,_252\) .transition-enter { background-color: rgb(252, 252, 252); } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:pos_fixed .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:pos_fixed .transition-enter { position: fixed; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs-dur_400ms .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:trs-dur_400ms .transition-enter { --transition-duration: 400ms; transition-duration: 400ms; } .\[\&_h1\]\:fs_20px h1 { font-size: 20px; } .\[\&_h1\]\:fw_normal h1 { font-weight: var(--font-weights-normal); } .\[\&_\>_div\]\:pos_fixed > div { position: fixed; } .\[\&_\>_div\]\:trs-dur_600ms > div { --transition-duration: 600ms; transition-duration: 600ms; } .\[\&_\>_div\]\:trs-tmf_cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\) > div { --transition-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .\[\&_\>_div_\>_img\]\:d_block > div > img { display: block; } .\[\&_\.logo\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .logo { color: rgba(255, 255, 255, 0.87); } .\[\&_\.logo\]\:d_block .logo { display: block; } .\[\&_\.logo\]\:fs_64px .logo { font-size: 64px; } .\[\&_\.logo\]\:leading_96px .logo { line-height: 96px; } .\[\&_\.logo\]\:ta_center .logo { text-align: center; } .\[\&_\.logo\]\:tt_uppercase .logo { text-transform: uppercase; } .\[\&_\.title\]\:d_block .title { display: block; } .\[\&_\.title\]\:fs_24px .title { font-size: 24px; } .\[\&_\.title\]\:fw_300 .title { font-weight: 300; } .\[\&_\.title\]\:tracking_0\.15rem .title { letter-spacing: 0.15rem; } .\[\&_\.title\]\:ta_center .title { text-align: center; } .\[\&_\.item\]\:bg-c_\#fcfcfc .item { background-color: #fcfcfc; } .\[\&_\.item\]\:pos_relative .item { position: relative; } .\[\&_mark\]\:c_\#1976d2 mark { color: #1976d2; } .\[\&_mark\]\:fw_600 mark { font-weight: 600; } .\[\&_td\]\:fs_12px td { font-size: 12px; } .\[\&_td\]\:va_top td { vertical-align: top; } .\[\&_td\:first-of-type\]\:c_\#1976d2 td:first-of-type { color: #1976d2; } .\[\&_td\:first-of-type\]\:ff_\'Roboto_Mono\'\,_monospace td:first-of-type { font-family: 'Roboto Mono', monospace; } .\[\&_td\:first-of-type\]\:fw_600 td:first-of-type { font-weight: 600; } .\[\&_td\:first-of-type\]\:white-space_nowrap td:first-of-type { white-space: nowrap; } .\[\&_td\:last-of-type\]\:c_\#666 td:last-of-type { color: #666; } .\[\&_mark\]\:c_\#1e88e5 mark { color: #1e88e5; } .\[\&_mark\]\:fw_inherit mark { font-weight: inherit; } .\[\&_\.diff-added\]\:bg-c_\#B9F6CA .diff-added { background-color: #B9F6CA; } .\[\&_\.diff-bold\]\:fw_900 .diff-bold { font-weight: 900; } .\[\&_\.diff-removed\]\:bg-c_\#FF9E80 .diff-removed { background-color: #FF9E80; } .\[\&_\.diff-unbold\]\:c_\#999999 .diff-unbold { color: #999999; } .\[\&_pre\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! pre { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_pre\]\:ff_monospace pre { font-family: monospace; } .\[\&_pre\]\:fs_1rem pre { font-size: 1rem; } .\[\&_pre\]\:leading_1rem pre { line-height: 1rem; } .\[\&_\>_span\]\:d_inline-block > span { display: inline-block; } .\[\&_\>_span\]\:va_middle > span { vertical-align: middle; } .\[\&_a\:not\(\.single-item\)\]\:c_\#424242 a:not(.single-item) { color: #424242; } .\[\&_\>_div\]\:z_3 > div { z-index: 3; } .\[\&_\.button-container\]\:pos_absolute .button-container { position: absolute; } .\[\&_\.button-container\]\:ta_right .button-container { text-align: right; } .\[\&_\.filter-inputs\]\:d_flex .filter-inputs { display: flex; } .\[\&_\.filter-inputs\]\:pos_relative .filter-inputs { position: relative; } .\[\&_span\]\:trf_rotate\(180deg\) span { transform: rotate(180deg); } .\[\&_span\]\:d_block span { display: block; } .\[\&_span\]\:pos_absolute span { position: absolute; } .\[\&_\.action-container\]\:c_white .action-container { color: var(--colors-white); } .\[\&_\.action-container\]\:d_inline-block .action-container { display: inline-block; } .\[\&_\.action-container\]\:pos_absolute .action-container { position: absolute; } .\[\&_\.dev-message\]\:c_white .dev-message { color: var(--colors-white); } .\[\&_\.dev-message\]\:d_inline-block .dev-message { display: inline-block; } .\[\&_\.dev-message\]\:leading_64px .dev-message { line-height: 64px; } .\[\&_\.dev-message\]\:pos_absolute .dev-message { position: absolute; } .\[\&_\.dev-message\]\:ta_center .dev-message { text-align: center; } .\[\&_h1\]\:c_white h1 { color: var(--colors-white); } .\[\&_h1\]\:d_inline-block h1 { display: inline-block; } .\[\&_h1\]\:pos_relative h1 { position: relative; } .\[\&_\.notification-area-container\]\:bx-s_border-box .notification-area-container { box-sizing: border-box; } .\[\&_\.notification-area-container\]\:d_flex .notification-area-container { display: flex; } .\[\&_\.notification-area-container\]\:flex-d_column .notification-area-container { flex-direction: column; } .\[\&_\.notification-area-container\]\:leading_unset .notification-area-container { line-height: unset; } .\[\&_\.counter\]\:anim-dur_2000ms .counter { animation-duration: 2000ms; } .\[\&_\.counter\]\:anim-ic_infinite .counter { animation-iteration-count: infinite; } .\[\&_\.counter\]\:anim-n_inout .counter { animation-name: inout; } .\[\&_\.counter\]\:d_inline-block .counter { display: inline-block; } .\[\&_\.counter\]\:ff_Roboto .counter { font-family: Roboto; } .\[\&_\.counter\]\:fs_11px .counter { font-size: 11px; } .\[\&_\.counter\]\:pos_absolute .counter { position: absolute; } .\[\&_\.counter\]\:trf_scale\(1\) .counter { transform: scale(1); } .\[\&_i\]\:cursor_pointer i { cursor: pointer; } .\[\&_i\]\:fs_16px i { font-size: 16px; } .\[\&_i\]\:leading_24px i { line-height: 24px; } .\[\&_i\]\:va_top i { vertical-align: top; } .\[\&_p\]\:tov_ellipsis p { text-overflow: ellipsis; } .\[\&_p\]\:white-space_nowrap p { white-space: nowrap; } .\[\&_a\]\:c_rgba\(0\,_0\,_0\,_0\.87\) a { color: rgba(0, 0, 0, 0.87); } .\[\&_a\]\:us_none a { -webkit-user-select: none; user-select: none; } .\[\&_\.note-message\]\:d_block .note-message { display: block; } .\[\&_button\:not\(\.coloured\)\]\:c_var\(--text-colour\) button:not(.coloured) { color: var(--text-colour); } .\[\&_\>_h4\]\:fw_normal > h4 { font-weight: var(--font-weights-normal); } .\[\&_li\]\:d_block li { display: block; } .\[\&_li\]\:us_none li { -webkit-user-select: none; user-select: none; } .\[\&_ul\.file-list-contents\]\:d_block ul.file-list-contents { display: block; } .\[\&_ul\.file-list-contents\]\:li-t_none ul.file-list-contents { list-style-type: none; } .\[\&_ul\.file-list-contents\]\:tt_none ul.file-list-contents { text-transform: none; } .\[\&_\.perspective-overlay\]\:pos_absolute .perspective-overlay { position: absolute; } .\[\&_\.mdl-checkbox_\.mdl-checkbox__label\]\:fs_14px .mdl-checkbox .mdl-checkbox__label { font-size: 14px; } .\[\&_\.terms-description\]\:ff_sans-serif .terms-description { font-family: sans-serif; } .\[\&_button\]\:fs_1rem button { font-size: 1rem; } .\[\&\:\:before\]\:content_\'\'::before { content: ''; } .\[\&\:\:before\]\:d_block::before { display: block; } .\[\&\:\:before\]\:pos_absolute::before { position: absolute; } .\[\&_svg\]\:fs_28px svg { font-size: 28px; } .\[\&_svg\]\:pos_relative svg { position: relative; } .\[\&_\>_button\]\:c_\#1976d2 > button { color: #1976d2; } .\[\&_\>_button\]\:cursor_pointer > button { cursor: pointer; } .\[\&_\>_button\]\:d_block > button { display: block; } .\[\&_\>_button\]\:fw_500 > button { font-weight: 500; } .\[\&_\>_button\]\:leading_32px > button { line-height: 32px; } .\[\&_\>_button\]\:tt_uppercase > button { text-transform: uppercase; } .\[\&_\>_input\]\:bx-s_border-box > input { box-sizing: border-box; } .\[\&_\>_input\]\:c_\#555 > input { color: #555; } .\[\&_\>_div\]\:d_inline-block > div { display: inline-block; } .\[\&_\>_div\]\:pos_relative > div,.\[\&_\>_div_\.filter-group\]\:pos_relative > div .filter-group { position: relative; } .\[\&\:\:after\]\:content_\'\'::after { content: ''; } .\[\&\:\:after\]\:d_block::after { display: block; } .\[\&\:\:after\]\:pos_absolute::after { position: absolute; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:fs_1\.5em > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:fs_1\.5em > button.duplicate { font-size: 1.5em; } .\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 > :not(div),.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25::before,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25::after,.\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 > div > :not(.delete-group) { opacity: 0.25; } .\[\&_li\]\:d_flex li { display: flex; } .\[\&_h3\]\:fw_normal h3 { font-weight: var(--font-weights-normal); } .\[\&_h3\]\:as_center h3 { align-self: center; } .\[\&_h3\]\:fs_1rem h3 { font-size: 1rem; } .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { cursor: not-allowed; } .disabled\:op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; } .\[\&_\.frame-container\]\:bx-sh_8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\) .frame-container { box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15); } .\[\&_\.frame-container\]\:pos_relative .frame-container { position: relative; } .\[\&_\.options\]\:bx-s_border-box .options { box-sizing: border-box; } .\[\&_\>_span\]\:d_block > span { display: block; } .\[\&_input\]\:bx-s_border-box input { box-sizing: border-box; } .\[\&_input\]\:c_white input { color: var(--colors-white); } .\[\&_input\]\:fs_16px input { font-size: 16px; } .\[\&_svg\]\:c_white svg,.\[\&_\>_div\]\:c_white > div,.\[\&_ul\]\:c_white ul { color: var(--colors-white); } .\[\&_ul\]\:cursor_pointer ul { cursor: pointer; } .\[\&_\>_ul\]\:bx-s_border-box > ul { box-sizing: border-box; } .\[\&_\>_ul\]\:d_block > ul { display: block; } .\[\&_\>_ul\]\:flex-d_column > ul { flex-direction: column; } .\[\&_\>_\*\]\:leading_1\.5rem > * { line-height: 1.5rem; } .\[\&_\>_\*\]\:pos_absolute > * { position: absolute; } .\[\&_\>_span\]\:ta_left > span { text-align: left; } .\[\&_\>_span\]\:tov_ellipsis > span { text-overflow: ellipsis; } .\[\&_\>_svg\]\:op_0\.8 > svg { opacity: 0.8; } .\[\&_h3\]\:fs_0\.875rem h3 { font-size: 0.875rem; } .\[\&_h3\]\:leading_1rem h3 { line-height: 1rem; } .\[\&_h3\]\:ta_center h3 { text-align: center; } .\[\&_h3\]\:tt_uppercase h3 { text-transform: uppercase; } .\[\&_\>_div\:first-child\]\:leading_24px > div:first-child { line-height: 24px; } .\[\&_button\]\:pos_absolute button { position: absolute; } .\[\&_h4\]\:bg-c_rgba\(0\,_0\,_0\,_0\.15\) h4 { background-color: rgba(0, 0, 0, 0.15); } .\[\&_ul\]\:ta_left ul { text-align: left; } .\[\&\.codeless\]\:grid-tr_1fr.codeless { grid-template-rows: 1fr; } .\[\&\:nth-child\(even\)\]\:bg-c_stories-bg:nth-child(even) { background-color: var(--colors-stories-bg); } .\[\&\:nth-child\(odd\)\]\:bg-c_stories-card:nth-child(odd) { background-color: var(--colors-stories-card); } .\[\&\[data-state\=active\]\]\:c_stories-fg[data-state=active] { color: var(--colors-stories-fg); } .\[\&\[data-state\=active\]\]\:bg-c_zinc\.100[data-state=active] { background-color: var(--colors-zinc-100); } .placeholder\:c_stories-muted::placeholder,.placeholder\:c_stories-muted[data-placeholder] { color: var(--colors-stories-muted); } .after\:c_error::after { color: var(--colors-error); } .after\:content_\"_\*\"::after { content: " *"; } .disabled\:bg-c_grey\.lighten-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { background-color: var(--colors-grey-lighten-4); } .placeholder\:c_grey\.lighten-1::placeholder,.placeholder\:c_grey\.lighten-1[data-placeholder] { color: grey.lighten-1; } .readOnly\:op_0\.7:is(:read-only, [data-read-only], [aria-readonly=true]) { opacity: 0.7; } .before\:c_brand::before { color: var(--colors-brand); } .before\:content_\"•\"::before { content: "•"; } .disabled\:pointer-events_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; } .\[\&\.disabled\]\:op_0\.5.disabled { opacity: 0.5; } .\[\&\.smart-scroll\]\:pos_relative.smart-scroll { position: relative; } .\[\&\:\:-webkit-scrollbar\]\:d_none::-webkit-scrollbar { display: none; } .\[\&_li\]\:bx-s_border-box li { box-sizing: border-box; } .\[\&_li\]\:cursor_pointer li { cursor: pointer; } .\[\&_li\]\:d_inline-block li { display: inline-block; } .\[\&_li\]\:fs_14px li { font-size: 14px; } .\[\&_li\]\:fw_500 li { font-weight: 500; } .\[\&_li\]\:leading_48px li { line-height: 48px; } .\[\&_li\]\:ta_center li { text-align: center; } .\[\&_li\]\:tt_uppercase li { text-transform: uppercase; } .\[\&_li\]\:tch-a_manipulation li { touch-action: manipulation; } .\[\&\.disabled\]\:op_0\.38.disabled { opacity: 0.38; } .\[\&\:not\(\.disabled\)\]\:cursor_pointer:not(.disabled) { cursor: pointer; } .\[\&_\>_div\]\:bx-s_content-box > div { box-sizing: content-box; } .\[\&_\>_div\]\:va_middle > div { vertical-align: middle; } .\[\&_input\]\:d_block input { display: block; } .\[\&_input\]\:op_0 input { opacity: 0; } .\[\&_input\]\:pos_absolute input { position: absolute; } .\[\&_\*\]\:cursor_pointer * { cursor: pointer; } .\[\&_\*\]\:us_none * { -webkit-user-select: none; user-select: none; } .\[\&_\>_span\.close\]\:c_\#a6a6a6 > span.close { color: #a6a6a6; } .\[\&_\>_span\.close\]\:d_inline-block > span.close { display: inline-block; } .\[\&_\>_span\.close\]\:op_1 > span.close { opacity: 1; } .\[\&_\>_span\.close\]\:tsh_none > span.close { text-shadow: none; } .\[\&_\>_span\.title\]\:c_rgba\(0\,_0\,_0\,_0\.87\) > span.title { color: rgba(0, 0, 0, 0.87); } .\[\&_\>_span\.title\]\:d_inline-block > span.title { display: inline-block; } .\[\&_\>_span\.title\]\:fs_13px > span.title { font-size: 13px; } .\[\&_\>_span\.title\]\:leading_15px > span.title { line-height: 15px; } .\[\&_\>_span\.title\]\:va_top > span.title { vertical-align: top; } .\[\&_\>_svg\]\:c_white > svg { color: var(--colors-white); } .\[\&_\>_svg\]\:d_inline-block > svg { display: inline-block; } .\[\&_\>_svg\]\:font-style_normal > svg { font-style: normal; } .\[\&_\>_svg\]\:ta_center > svg { text-align: center; } .\[\&_svg\]\:fs_24px\! svg { font-size: 24px !important; } .\[\&_svg\]\:fs_24px svg { font-size: 24px; } .\[\&_\>_div\]\:bx-s_border-box > div { box-sizing: border-box; } .\[\&\.disabled\]\:op_0.disabled { opacity: 0; } .\[\&\:\:-moz-range-thumb\]\:op_0::-moz-range-thumb { opacity: 0; } .\[\&\:\:-moz-range-track\]\:d_none::-moz-range-track { display: none; } .\[\&\:\:-moz-range-track\]\:-moz-appearance_none::-moz-range-track { -moz-appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:op_0::-webkit-slider-thumb { opacity: 0; } .\[\&\:\:-webkit-slider-thumb\]\:-webkit-appearance_none::-webkit-slider-thumb { -webkit-appearance: none; } .\[\&\:after\]\:bx-s_border-box:after { box-sizing: border-box; } .\[\&\:after\]\:content_\'\':after { content: ''; } .\[\&\:after\]\:d_block:after { display: block; } .\[\&\:after\]\:pos_relative:after { position: relative; } .\[\&\:after\]\:trs-dur_200ms:after { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&\:before\]\:content_\'\':before { content: ''; } .\[\&\:before\]\:d_block:before { display: block; } .\[\&\:before\]\:op_0\.2:before { opacity: 0.2; } .\[\&\:before\]\:pos_absolute:before { position: absolute; } .\[\&\:before\]\:trs-dur_200ms:before { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&\.focus\]\:op_1.focus { opacity: 1; } .\[\&\:before\]\:trf_rotate\(45deg\):before { transform: rotate(45deg); } .\[\&\:before\]\:z_0:before { z-index: 0; } .\[\&_\>_span\]\:c_white > span { color: var(--colors-white); } .\[\&_\>_span\]\:pos_relative > span { position: relative; } .\[\&_\>_span\]\:z_1 > span { z-index: 1; } .\[\&_\.snackbar\]\:bg-c_\#212121 .snackbar { background-color: #212121; } .\[\&_\.snackbar\]\:bx-sh_rgba\(0\,_0\,_0\,_0\.2\)_0px_3px_5px_-1px\,_rgba\(0\,_0\,_0\,_0\.14\)_0px_6px_10px_0px\,_rgba\(0\,_0\,_0\,_0\.12\)_0px_1px_18px_0px .snackbar { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; } .\[\&_\.snackbar\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .snackbar { color: rgba(255, 255, 255, 0.87); } .\[\&_\.snackbar\]\:fs_1rem .snackbar { font-size: 1rem; } .\[\&_\.snackbar\]\:fw_500 .snackbar { font-weight: 500; } .\[\&\.form_li\]\:fs_2em.form li { font-size: 2em; } .\[\&_li\]\:d_inline li { display: inline; } .\[\&_\>_div\]\:op_0\.85 > div { opacity: 0.85; } .\[\&_div\.ripple\]\:op_0 div.ripple { opacity: 0; } .\[\&_\*\]\:bx-s_content-box * { box-sizing: content-box; } .\[\&_i\]\:fs_24px i { font-size: 24px; } .\[\&_label\]\:fs_12px label { font-size: 12px; } .\[\&_label\]\:pos_absolute label { position: absolute; } .\[\&_textarea\]\:bx-s_border-box textarea { box-sizing: border-box; } .\[\&_textarea\]\:resize_both textarea { resize: both; } .\[\&_\>_div\]\:fw_normal > div { font-weight: var(--font-weights-normal); } .\[\&_\>_div\]\:leading_1rem > div { line-height: 1rem; } .\[\&_\.loading-bar\]\:pos_absolute .loading-bar { position: absolute; } .\[\&_\.loading-bar\]\:z_9 .loading-bar { z-index: 9; } .\[\&\.no-shadow\]\:bx-sh_none.no-shadow { box-shadow: none; } .\[\&_\.search-button\,_\&_\.close-button\]\:c_rgba\(255\,255\,255\,0\.7\) .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:c_rgba\(255\,255\,255\,0\.7\) .close-button { color: rgba(255,255,255,0.7); } .\[\&_\.search-button\,_\&_\.close-button\]\:cursor_pointer .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:cursor_pointer .close-button { cursor: pointer; } .\[\&_\.search-button\,_\&_\.close-button\]\:fs_1\.5em .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:fs_1\.5em .close-button { font-size: 1.5em; } .\[\&_\.search-button\,_\&_\.close-button\]\:pos_absolute .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:pos_absolute .close-button { position: absolute; } .\[\&_\.search-button\,_\&_\.close-button\]\:z_1 .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:z_1 .close-button { z-index: 1; } .\[\&\.searching\]\:c_black.searching { color: var(--colors-black); } .\[\&\.transparent\]\:bx-sh_none.transparent { box-shadow: none; } .\[\&\.transparent\]\:c_\#444.transparent { color: #444; } .\[\&_span\.input\]\:pos_absolute span.input { position: absolute; } .\[\&_i\,_\&_svg\]\:bx-s_border-box i,.\[\&_i\,_\&_svg\]\:bx-s_border-box svg { box-sizing: border-box; } .\[\&_i\,_\&_svg\]\:cursor_pointer i,.\[\&_i\,_\&_svg\]\:cursor_pointer svg { cursor: pointer; } .\[\&_i\,_\&_svg\]\:pos_relative i,.\[\&_i\,_\&_svg\]\:pos_relative svg { position: relative; } .\[\&_i\,_\&_svg\]\:us_none i,.\[\&_i\,_\&_svg\]\:us_none svg { -webkit-user-select: none; user-select: none; } .\[\&_i\,_\&_svg\]\:va_top i,.\[\&_i\,_\&_svg\]\:va_top svg { vertical-align: top; } .\[\&_i\,_\&_svg\]\:-webkit-tap-highlight-color_transparent i,.\[\&_i\,_\&_svg\]\:-webkit-tap-highlight-color_transparent svg { -webkit-tap-highlight-color: transparent; } .\[\&_i\,_\&_svg\]\:z_0 i,.\[\&_i\,_\&_svg\]\:z_0 svg { z-index: 0; } .\[\&\:after\]\:pos_absolute:after { position: absolute; } .\[\&\:after\]\:z_-1:after { z-index: -1; } .\[\&\:after\]\:content_\'\\25BC\':after { content: '\25BC'; } .\[\&\:after\]\:fs_12px:after { font-size: 12px; } .\[\&_span\.filter\]\:fs_13px span.filter { font-size: 13px; } .\[\&_span\.filter\]\:leading_18px span.filter { line-height: 18px; } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:fs_40px .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:fs_40px .back-button { font-size: 40px; } .\[\&_button\]\:c_var\(--text-colour\,_white\) button { color: var(--text-colour, white); } .\[\&_button\]\:cursor_pointer button { cursor: pointer; } .\[\&_button\]\:us_none button { -webkit-user-select: none; user-select: none; } .\[\&\:disabled\]\:op_0\.5:disabled { opacity: 0.5; } .\[\&\:not\(\.disabled\)_\*\]\:cursor_pointer:not(.disabled) * { cursor: pointer; } .\[\&_\.config\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .config { color: rgba(0, 0, 0, 0.87); } .\[\&_\.config\]\:pos_relative .config { position: relative; } .\[\&\.mini-mobile\]\:grid-tc_1fr.mini-mobile { grid-template-columns: 1fr; } .\[\&_\.sidebar\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .sidebar { color: rgba(255, 255, 255, 0.87); } .\[\&_\*\]\:-webkit-touch-callout_none * { -webkit-touch-callout: none; } .\[\&_\*\]\:-webkit-user-select_none * { -webkit-user-select: none; } .\[\&_\.component-container\]\:d_flex .component-container { display: flex; } .\[\&_\.datepicker-ani-above-enter\]\:op_0 .datepicker-ani-above-enter { opacity: 0; } .\[\&_\.datepicker-ani-above-enter\]\:trf_translate\(245px\,_150px\)_scale\(0\) .datepicker-ani-above-enter { transform: translate(245px, 150px) scale(0); } .\[\&_\.datepicker-ani-above-enter-active\]\:op_1 .datepicker-ani-above-enter-active { opacity: 1; } .\[\&_\.datepicker-ani-above-enter-active\]\:trf_translate\(0\,_0\%\)_scale\(1\) .datepicker-ani-above-enter-active { transform: translate(0, 0%) scale(1); } .\[\&_\.datepicker-ani-above-leave\]\:op_1 .datepicker-ani-above-leave { opacity: 1; } .\[\&_\.datepicker-ani-above-leave\]\:trf_translate\(0\,_0\)_scale\(1\) .datepicker-ani-above-leave { transform: translate(0, 0) scale(1); } .\[\&_\.datepicker-ani-above-leave-active\]\:op_0 .datepicker-ani-above-leave-active { opacity: 0; } .\[\&_\.datepicker-ani-above-leave-active\]\:trf_translate\(245px\,_150px\)_scale\(0\) .datepicker-ani-above-leave-active { transform: translate(245px, 150px) scale(0); } .\[\&_\.datepicker-ani-enter\]\:op_0 .datepicker-ani-enter { opacity: 0; } .\[\&_\.datepicker-ani-enter\]\:trf_translate\(245px\,_-150px\)_scale\(0\) .datepicker-ani-enter { transform: translate(245px, -150px) scale(0); } .\[\&_\.datepicker-ani-enter-active\]\:op_1 .datepicker-ani-enter-active { opacity: 1; } .\[\&_\.datepicker-ani-enter-active\]\:trf_translate\(0\,_0\%\)_scale\(1\) .datepicker-ani-enter-active { transform: translate(0, 0%) scale(1); } .\[\&_\.datepicker-ani-exit\]\:op_1 .datepicker-ani-exit { opacity: 1; } .\[\&_\.datepicker-ani-exit\]\:trf_translate\(0\,_0\)_scale\(1\) .datepicker-ani-exit { transform: translate(0, 0) scale(1); } .\[\&_\.datepicker-ani-exit-active\]\:op_0 .datepicker-ani-exit-active { opacity: 0; } .\[\&_\.datepicker-ani-exit-active\]\:trf_translate\(245px\,_-150px\)_scale\(0\) .datepicker-ani-exit-active { transform: translate(245px, -150px) scale(0); } .\[\&_\.datepicker-input\]\:bx-s_border-box .datepicker-input { box-sizing: border-box; } .\[\&_\.datepicker-input\]\:c_\#555 .datepicker-input { color: #555; } .\[\&_\.datepicker-input-container\]\:ff_\'Roboto\' .datepicker-input-container { font-family: 'Roboto'; } .\[\&_\.datepicker-input-container\]\:pos_relative .datepicker-input-container { position: relative; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:c_black > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:c_black > .arrow::before { color: var(--colors-black); } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:pos_absolute > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:pos_absolute > .arrow::before { position: absolute; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow::before { z-index: -1; } .\[\&_\>_\.arrow\:\:before\]\:content_\'\' > .arrow::before { content: ''; } .\[\&_\>_\.arrow\:\:before\]\:trf_rotate\(45deg\) > .arrow::before { transform: rotate(45deg); } .\[\&_\>_\.arrow\:\:before\]\:z_-1 > .arrow::before { z-index: -1; } .\[\&_i\]\:c_\#999 i { color: #999; } .\[\&_i\]\:fs_1\.5em i { font-size: 1.5em; } .\[\&_input\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.87\) input { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.87); } .\[\&_input\]\:ff_Roboto input { font-family: Roboto; } .\[\&_input\]\:leading_16px input { line-height: 16px; } .\[\&_input\]\:pos_relative input { position: relative; } .\[\&_input\]\:-webkit-appearance_none input { -webkit-appearance: none; } .\[\&\.active\]\:fs_12px.active { font-size: 12px; } .\[\&\.focus\]\:c_var\(--primary-colour\,_\#1976d2\).focus { color: var(--primary-colour, #1976d2); } .\[\&_\.content\]\:bx-s_border-box .content { box-sizing: border-box; } .\[\&_\.content\]\:d_inline-block .content { display: inline-block; } .\[\&_\.content\]\:pos_absolute .content { position: absolute; } .\[\&_\.content\]\:-webkit-tap-highlight-color_rgba\(255\,_255\,_255\,_0\) .content { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .\[\&_\.content\]\:z_1 .content { z-index: 1; } .\[\&_\.ripple\]\:bg-c_rgba\(0\,_0\,_0\,_0\.16\) .ripple { background-color: rgba(0, 0, 0, 0.16); } .\[\&_\.ripple\]\:d_block .ripple { display: block; } .\[\&_\.ripple\]\:pos_absolute .ripple { position: absolute; } .\[\&_\.ripple\]\:z_2 .ripple { z-index: 2; } .\[\&\.polyfill\]\:pos_fixed.polyfill { position: fixed; } .\[\&\.polyfill\]\:z_300.polyfill { z-index: 300; } .\[\&_\#modalContainer_\.backdrop\]\:pos_fixed #modalContainer .backdrop { position: fixed; } .\[\&\.polyfill\]\:d_block.polyfill { display: block; } .\[\&\.polyfill\]\:z_3000.polyfill { z-index: 3000; } .\[\&_\.timepicker\]\:d_grid .timepicker { display: grid; } .\[\&_\.timepicker\]\:grid-tr_auto_auto_auto .timepicker { grid-template-rows: auto auto auto; } .before\:bg-c_beedee-brand::before { background-color: var(--colors-beedee-brand); } .before\:content_\"\"::before { content: ""; } .before\:d_block::before { display: block; } .before\:flex-sh_0::before { flex-shrink: 0; } .placeholder\:c_gray\.400::placeholder,.placeholder\:c_gray\.400[data-placeholder] { color: var(--colors-gray-400); } .\[\&\:\:-webkit-slider-thumb\]\:ap_none::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:bg-c_brand::-webkit-slider-thumb { background-color: var(--colors-brand); } .\[\&\:\:-webkit-slider-thumb\]\:cursor_pointer::-webkit-slider-thumb { cursor: pointer; } .\[\&\.w-form-control\]\:bg-cp_padding-box.w-form-control { background-clip: padding-box; -webkit-background-clip: padding-box; } .\[\&\.w-form-control\]\:bg-c_\#fff.w-form-control { background-color: #fff; } .\[\&\.w-form-control\]\:c_\#495057.w-form-control { color: #495057; } .\[\&\.w-form-control\]\:fw_400.w-form-control { font-weight: 400; } .\[\&\.w-form-control\]\:leading_1\.2.w-form-control { line-height: 1.2; } .\[\&\.w-form-control\]\:z_0.w-form-control { z-index: 0; } .\[\&_\.svg-inline--fa\]\:fs_30px .svg-inline--fa { font-size: 30px; } .\[\&_\.mdc-top-app-bar__title_\>_a\]\:d_none .mdc-top-app-bar__title > a { display: none; } .\[\&_input\]\:c_beedee-text input { color: var(--colors-beedee-text); } .\[\&_input\]\:ff_\'DM_Sans\'\,_sans-serif input { font-family: 'DM Sans', sans-serif; } .\[\&_input\]\:fs_\.8rem input { font-size: .8rem; } .\[\&_svg\]\:c_beedee-label svg { color: var(--colors-beedee-label); } .\[\&_svg\]\:pointer-events_none svg { pointer-events: none; } .\[\&_svg\]\:pos_absolute svg { position: absolute; } .\[\&\:last-child\]\:ta_right:last-child { text-align: right; } .\[\&_\.overlay\]\:pointer-events_none .overlay { pointer-events: none; } .\[\&_\.overlay\]\:pos_absolute .overlay { position: absolute; } .\[\&_img\]\:pos_relative img { position: relative; } .\[\&_img\]\:z_1 img { z-index: 1; } .\[\&_\.footer-link\]\:c_white .footer-link { color: var(--colors-white); } .\[\&_\.footer-main-standard\]\:bg-c_rgb\(25\,_29\,_31\) .footer-main-standard { background-color: rgb(25, 29, 31); } .\[\&_\.footer-main-standard\]\:c_rgb\(210\,_204\,_212\) .footer-main-standard { color: rgb(210, 204, 212); } .\[\&_\.footer-main-standard\]\:fs_14px .footer-main-standard { font-size: 14px; } .\[\&_\.footer-main-standard-copy\]\:c_rgb\(210\,_204\,_212\) .footer-main-standard-copy { color: rgb(210, 204, 212); } .\[\&_\.footer-main-standard-copy\]\:fs_12px .footer-main-standard-copy { font-size: 12px; } .\[\&_\.footer-main-standard-copy\]\:leading_25px .footer-main-standard-copy { line-height: 25px; } .\[\&_\.row\]\:d_flex .row { display: flex; } .\[\&_img\.profile-pic\]\:obj-f_cover img.profile-pic { object-fit: cover; } .\[\&_\.btn\]\:bg-c_\#e99151 .btn { background-color: #e99151; } .\[\&_\.btn\]\:c_white .btn { color: var(--colors-white); } .\[\&_\.btn\]\:cursor_pointer .btn { cursor: pointer; } .\[\&_\.btn\]\:fs_14px .btn { font-size: 14px; } .\[\&_\.btn\]\:fw_500 .btn { font-weight: 500; } .\[\&_\.btn\]\:tracking_1px .btn { letter-spacing: 1px; } .\[\&_\.btn\]\:leading_1em .btn { line-height: 1em; } .\[\&_\.btn\.approve\]\:bg-c_rgb\(0\,_113\,_140\) .btn.approve { background-color: rgb(0, 113, 140); } .\[\&_\.ref\]\:c_rgb\(0\,_113\,_140\) .ref { color: rgb(0, 113, 140); } .\[\&_\.ref\]\:fs_20px .ref { font-size: 20px; } .\[\&_svg\]\:c_\#999 svg { color: #999; } .\[\&_svg\]\:flex-sh_0 svg { flex-shrink: 0; } .placeholder\:c_\#aaa::placeholder,.placeholder\:c_\#aaa[data-placeholder] { color: #aaa; } .\[\&_svg\]\:op_0\.9 svg { opacity: 0.9; } .\[\&_svg\]\:c_\#1ba360 svg { color: #1ba360; } .\[\&_\>_\:first-child\]\:order_2 > :first-child { order: 2; } .\[\&_\>_\:last-child\]\:order_1 > :last-child { order: 1; } .placeholder\:c_beedee-label::placeholder,.placeholder\:c_beedee-label[data-placeholder] { color: var(--colors-beedee-label); } .disabled\:op_0\.35:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.35; } .\[\&_\.section-header\]\:fw_bold .section-header { font-weight: var(--font-weights-bold); } .\[\&\.approve\]\:bg-c_rgb\(0\,_113\,_140\).approve { background-color: rgb(0, 113, 140); } .\[\&_\.footer-contact\]\:c_\#1a1a2e .footer-contact { color: #1a1a2e; } .\[\&_\.footer-contact\]\:ff_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-contact { font-family: 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-contact\]\:fs_14px .footer-contact { font-size: 14px; } .\[\&_\.footer-contact\]\:leading_1\.6 .footer-contact { line-height: 1.6; } .\[\&_\.footer-content\]\:ai_center .footer-content { align-items: center; } .\[\&_\.footer-content\]\:d_flex .footer-content { display: flex; } .\[\&_\.footer-content\]\:flex-d_column .footer-content { flex-direction: column; } .\[\&_\.footer-content\]\:ta_center .footer-content { text-align: center; } .\[\&_\.footer-link\]\:c_\#039BE5 .footer-link { color: #039BE5; } .\[\&_\.footer-link\]\:ff_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-link { font-family: 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-link\]\:fs_13px .footer-link { font-size: 13px; } .\[\&_\.footer-links\]\:d_flex .footer-links { display: flex; } .\[\&_\.footer-title\]\:c_\#1a1a2e .footer-title { color: #1a1a2e; } .\[\&_\.footer-title\]\:ff_\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif .footer-title { font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif; } .\[\&_\.footer-title\]\:fs_18px .footer-title { font-size: 18px; } .\[\&_\.footer-title\]\:fw_600 .footer-title { font-weight: 600; } .\[\&_h1\]\:fs_14px h1 { font-size: 14px; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:c_\#F68C29\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:c_\#F68C29\! .nav-item > h1 { color: #F68C29 !important; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:d_none .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:d_none .nav-item > h1 { display: none; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:fs_14px\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:fs_14px\! .nav-item > h1 { font-size: 14px !important; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:tt_uppercase .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:tt_uppercase .nav-item > h1 { text-transform: uppercase; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:c_\#3B7189\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:c_\#3B7189\! .nav-item .nav-item > h2 { color: #3B7189 !important; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:d_none .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:d_none .nav-item .nav-item > h2 { display: none; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:fs_2rem\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:fs_2rem\! .nav-item .nav-item > h2 { font-size: 2rem !important; } .\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:tt_unset\! .nav-item .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\.nav-item_\>_h2\]\:tt_unset\! .nav-item .nav-item > h2 { text-transform: unset !important; } .\[\&_span_\>_span\]\:fs_1rem span > span { font-size: 1rem; } .\[\&_span_\>_span\]\:fw_bold span > span { font-weight: var(--font-weights-bold); } .\[\&_\.WF_Table__Grid\]\:fs_1rem .WF_Table__Grid { font-size: 1rem; } .\[\&_\.form-page-form\]\:flex-g_1 .form-page-form { flex-grow: 1; } .\[\&\.has-chart\]\:grid-tc_auto_auto_1fr.has-chart { grid-template-columns: auto auto 1fr; } .\[\&_\.extended-link-icon\]\:white-space_nowrap .extended-link-icon { white-space: nowrap; } .\[\&_\.group-icon\]\:cursor_pointer .group-icon { cursor: pointer; } .\[\&_\.group-icon\]\:pos_relative .group-icon { position: relative; } .\[\&_table_\.fa-filter\]\:d_none table .fa-filter { display: none; } .\[\&_h1\]\:c_unset h1 { color: unset; } .\[\&_\>_svg\]\:d_block > svg { display: block; } .\[\&_\>_svg\]\:pos_relative > svg { position: relative; } .\[\&\.active\]\:fw_600.active { font-weight: 600; } .\[\&\.active\,_\&\.is-editing\]\:op_1.active,.\[\&\.active\,_\&\.is-editing\]\:op_1.is-editing { opacity: 1; } .\[\&\.can-click\,_\&\.is-editing\]\:cursor_pointer.can-click,.\[\&\.can-click\,_\&\.is-editing\]\:cursor_pointer.is-editing { cursor: pointer; } .\[\&\.active\]\:d_block.active { display: block; } .\[\&\.field-value\]\:d_grid.field-value { display: grid; } .\[\&\.field-value\]\:grid-tr_24px_1fr.field-value { grid-template-rows: 24px 1fr; } .\[\&_input\]\:c_var\(--accent-text-colour\) input { color: var(--accent-text-colour); } .\[\&_svg\.fa-times\]\:pos_absolute svg.fa-times { position: absolute; } .\[\&_\>_div\]\:va_top > div { vertical-align: top; } .\[\&_\>_span\.filter-name\]\:d_inline-block > span.filter-name { display: inline-block; } .\[\&_\>_span\.filter-name\]\:va_top > span.filter-name { vertical-align: top; } .\[\&_\>_svg\,_\&_\>_div\]\:bx-s_border-box > svg,.\[\&_\>_svg\,_\&_\>_div\]\:bx-s_border-box > div { box-sizing: border-box; } .\[\&_\>_svg\,_\&_\>_div\]\:cursor_pointer > svg,.\[\&_\>_svg\,_\&_\>_div\]\:cursor_pointer > div { cursor: pointer; } .\[\&_div\.title\]\:as_center div.title { align-self: center; } .\[\&_div\.title\]\:d_flex div.title { display: flex; } .\[\&_ul\]\:as_end ul { align-self: end; } .\[\&_\>_svg\]\:cursor_pointer > svg { cursor: pointer; } .\[\&_\>_div\]\:ta_right > div { text-align: right; } .\[\&_\>_div\]\:trf-o_center > div { transform-origin: center; } .\[\&_\>_div\]\:ta_center > div { text-align: center; } .\[\&_\>_button\]\:c_var\(--text-colour\) > button { color: var(--text-colour); } .\[\&_\.action-container\]\:d_grid .action-container { display: grid; } .\[\&_\.action-container\]\:fs_0\.8125rem .action-container { font-size: 0.8125rem; } .\[\&_\.action-container\]\:grid-tc_auto_1fr .action-container { grid-template-columns: auto 1fr; } .\[\&_\.custom-select\]\:d_inline-block .custom-select { display: inline-block; } .\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-bar,.\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-area,.\[\&_\.recharts-bar\,_\&_\.recharts-area\,_\&_\.recharts-line\]\:cursor_pointer .recharts-line { cursor: pointer; } .\[\&_table_tr_td\:first-child\]\:ta_left table tr td:first-child { text-align: left; } .\[\&_table_tr_td\:last-child\]\:fw_bold table tr td:last-child { font-weight: var(--font-weights-bold); } .\[\&_table_tr_td\:last-child\]\:ta_right table tr td:last-child { text-align: right; } .\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center h1,.\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center h2,.\[\&_h1\,_\&_h2\,_\&_p\]\:ta_center p { text-align: center; } .\[\&_pre\]\:fs_0\.875rem pre { font-size: 0.875rem; } .\[\&_a\]\:c_inherit a { color: inherit; } .\[\&_a\]\:d_block a { display: block; } .\[\&_a\]\:leading_18px a { line-height: 18px; } .\[\&_a_svg\]\:c_\#1565c0 a svg { color: #1565c0; } .\[\&_a_svg\]\:d_none a svg { display: none; } .\[\&_h3\]\:op_0\.5 h3 { opacity: 0.5; } .\[\&_\>_div\.disabled\]\:order_1 > div.disabled { order: 1; } .\[\&_\>_div\.disabled_h3\]\:op_0\.5 > div.disabled h3 { opacity: 0.5; } .\[\&_\.icon-container_svg\]\:c_var\(--accent-background-colour\) .icon-container svg { color: var(--accent-background-colour); } .\[\&_h4\]\:fs_1\.25rem h4 { font-size: 1.25rem; } .\[\&_h4\]\:fw_normal h4 { font-weight: var(--font-weights-normal); } .\[\&_button\]\:ta_center button { text-align: center; } .\[\&_\>_label\]\:ai_center > label { align-items: center; } .\[\&_\>_label\]\:d_flex > label { display: flex; } .\[\&_ul_li\]\:bx-s_border-box ul li { box-sizing: border-box; } .\[\&_ul_li_\.active\]\:c_\#4CAF50 ul li .active { color: #4CAF50; } .\[\&_ul_li_button\:not\(\.active\)\]\:c_var\(--accent-background-colour\) ul li button:not(.active) { color: var(--accent-background-colour); } .\[\&_button\:not\(\.close\)\]\:c_var\(--text-colour\) button:not(.close) { color: var(--text-colour); } .\[\&_li_\.active\]\:c_\#4CAF50 li .active { color: #4CAF50; } .\[\&_li_button\:not\(\.active\)\]\:c_var\(--accent-background-colour\) li button:not(.active) { color: var(--accent-background-colour); } .\[\&_h1\]\:fs_24px h1 { font-size: 24px; } .\[\&_h2\]\:fs_20px h2 { font-size: 20px; } .\[\&_input\]\:c_var\(--text-colour\) input,.\[\&_span\.label\]\:c_var\(--text-colour\) span.label { color: var(--text-colour); } .\[\&_\>_li\]\:c_var\(--accent-text-colour\) > li { color: var(--accent-text-colour); } .\[\&_\>_li\]\:cursor_pointer > li { cursor: pointer; } .\[\&_\>_li\]\:fs_1rem > li { font-size: 1rem; } .\[\&_\>_div\]\:d_grid > div { display: grid; } .\[\&_\>_div\]\:grid-tc_1fr_1fr > div { grid-template-columns: 1fr 1fr; } .\[\&_\>_div_\>_label\]\:d_block > div > label { display: block; } .\[\&_\>_ul_\>_li\]\:cursor_pointer > ul > li { cursor: pointer; } .\[\&_\>_ul_\>_li\]\:us_none > ul > li { -webkit-user-select: none; user-select: none; } .\[\&\.disabled_\.layout-preview\]\:op_0\.5.disabled .layout-preview { opacity: 0.5; } .\[\&_\.layout-preview\]\:op_0\.75 .layout-preview { opacity: 0.75; } .\[\&_h2\]\:fs_1\.25rem h2 { font-size: 1.25rem; } .\[\&_h2\]\:tracking_2px h2 { letter-spacing: 2px; } .\[\&_h2\]\:ta_center h2 { text-align: center; } .\[\&_fieldset_legend\]\:d_inline fieldset legend { display: inline; } .\[\&_fieldset_legend\]\:fs_1rem fieldset legend { font-size: 1rem; } .\[\&_\>_ul_\>_li\]\:bx-s_border-box > ul > li { box-sizing: border-box; } .\[\&_\>_ul_\>_li\]\:fs_14px > ul > li { font-size: 14px; } .\[\&_\>_ul_\>_li\]\:leading_16px > ul > li { line-height: 16px; } .\[\&_\>_ul_\>_li\.active\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li.active { background-color: rgba(0, 0, 0, 0.025); } .\[\&_\>_ul_\>_li_button\]\:d_block > ul > li button { display: block; } .\[\&_\>_ul_\>_li_button\]\:float_right > ul > li button { float: right; } .\[\&_\>_ul_\>_li_button\]\:ta_right > ul > li button { text-align: right; } .\[\&_\>_ul_\>_li\.active\]\:bg-c_\#1565c0 > ul > li.active { background-color: #1565c0; } .\[\&_\>_ul_\>_li\.active\]\:c_white > ul > li.active { color: var(--colors-white); } .\[\&_\>_ul_\>_li_span\]\:d_block > ul > li span { display: block; } .\[\&_\>_ul_\>_li_span\]\:float_right > ul > li span { float: right; } .\[\&_\>_ul_\>_li_span\]\:ta_right > ul > li span { text-align: right; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:ai_center > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:ai_center > svg { align-items: center; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bx-s_content-box > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:bx-s_content-box > svg { box-sizing: content-box; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:cursor_pointer > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:cursor_pointer > svg { cursor: pointer; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:d_flex > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:d_flex > svg { display: flex; } .\[\&_a\]\:c_unset a { color: unset; } .\[\&_svg\]\:bx-s_content-box svg { box-sizing: content-box; } .\[\&_svg\]\:d_inline-block svg { display: inline-block; } .\[\&_svg\]\:va_top svg { vertical-align: top; } .\[\&_a\]\:c_var\(--sidebar-header-text-colour\) a { color: var(--sidebar-header-text-colour); } .\[\&_span\]\:cursor_pointer span { cursor: pointer; } .\[\&_span\]\:d_inline-block span { display: inline-block; } .\[\&_span\]\:ta_center span { text-align: center; } .\[\&_\.action-container_\>_svg\]\:bx-s_content-box .action-container > svg { box-sizing: content-box; } .\[\&_\.action-container_\>_svg\]\:cursor_pointer .action-container > svg { cursor: pointer; } .\[\&_span\:last-child\]\:float_right span:last-child { float: right; } .\[\&_ul\]\:bx-s_border-box ul { box-sizing: border-box; } .\[\&_li\]\:bg-c_var\(--tab-item-inactive-colour\) li { background-color: var(--tab-item-inactive-colour); } .\[\&_li\]\:c_var\(--tab-item-text-colour\) li { color: var(--tab-item-text-colour); } .\[\&_li\]\:fs_0\.85rem li { font-size: 0.85rem; } .\[\&_li\]\:leading_20px li { line-height: 20px; } .\[\&_li\]\:pos_relative li { position: relative; } .\[\&_li\]\:ta_left li { text-align: left; } .\[\&_li\.open\]\:bg-c_var\(--tab-item-active-colour\) li.open { background-color: var(--tab-item-active-colour); } .\[\&_li\.open\]\:c_var\(--tab-item-text-active-colour\) li.open { color: var(--tab-item-text-active-colour); } .\[\&_li\.unsaved_svg\.close\]\:d_none li.unsaved svg.close { display: none; } .\[\&_li_div\.name-container\]\:d_inline-block li div.name-container { display: inline-block; } .\[\&_li_div\.name-container_\>_span\:last-child\]\:fs_0\.75rem li div.name-container > span:last-child { font-size: 0.75rem; } .\[\&_li_div\.name-container_span\]\:d_block li div.name-container span { display: block; } .\[\&_li_div\.name-container_span\]\:tov_ellipsis li div.name-container span { text-overflow: ellipsis; } .\[\&_li_div\.name-container_span\]\:white-space_nowrap li div.name-container span { white-space: nowrap; } .\[\&_li_svg\.close\]\:d_none li svg.close { display: none; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:pos_absolute li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:pos_absolute li svg.unsaved,.\[\&_li_svg\.file-type\]\:pos_absolute li svg.file-type { position: absolute; } .\[\&_li_svg\.unsaved\]\:d_inline-block li svg.unsaved { display: inline-block; } .\[\&_\>_span\:last-child\]\:fs_0\.75rem > span:last-child { font-size: 0.75rem; } .\[\&_span\]\:tov_ellipsis span { text-overflow: ellipsis; } .\[\&_span\]\:white-space_nowrap span { white-space: nowrap; } .\[\&_svg\.close\]\:d_none svg.close { display: none; } .\[\&_div\.content_\>_label\]\:c_rgba\(0\,_0\,_0\,_0\.62\) div.content > label { color: rgba(0, 0, 0, 0.62); } .\[\&_div\.content_\>_label\]\:ff_var\(--font-family-sans\,_\"Montserrat\"\) div.content > label { font-family: var(--font-family-sans, "Montserrat"); } .\[\&_div\.content_\>_label\]\:fs_16px div.content > label { font-size: 16px; } .\[\&_div\.content_\>_label\]\:fw_normal div.content > label { font-weight: var(--font-weights-normal); } .\[\&_div\.content_\>_label\]\:leading_16px div.content > label { line-height: 16px; } .\[\&_div\.content_\>_label\]\:ta_left div.content > label { text-align: left; } .\[\&_header\]\:c_white header { color: var(--colors-white); } .\[\&_header\]\:fw_500 header { font-weight: 500; } .\[\&_header\]\:leading_48px header { line-height: 48px; } .\[\&_header\]\:us_none header { -webkit-user-select: none; user-select: none; } .\[\&_\>_label\]\:c_rgba\(0\,_0\,_0\,_0\.62\) > label { color: rgba(0, 0, 0, 0.62); } .\[\&_\>_label\]\:ff_var\(--font-family-sans\,_\"Montserrat\"\) > label { font-family: var(--font-family-sans, "Montserrat"); } .\[\&_\>_label\]\:fs_16px > label { font-size: 16px; } .\[\&_\>_label\]\:fw_normal > label { font-weight: var(--font-weights-normal); } .\[\&_\>_label\]\:leading_16px > label { line-height: 16px; } .\[\&_\>_label\]\:ta_left > label { text-align: left; } .\[\&_\.markdown\]\:fw_normal .markdown { font-weight: var(--font-weights-normal); } .\[\&_\.tooltip\]\:c_black .tooltip { color: var(--colors-black); } .\[\&_\.tooltip\]\:fs_1rem .tooltip { font-size: 1rem; } .\[\&_svg\]\:cursor_pointer svg { cursor: pointer; } .\[\&_\.double-fields\]\:d_flex .double-fields,.\[\&_\.quintuple-fields\]\:d_flex .quintuple-fields,.\[\&_\.triple-fields\]\:d_flex .triple-fields { display: flex; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:pos_relative > div > div > .nav-item { position: relative; } .\[\&_h3\]\:c_\#4464A1 h3 { color: #4464A1; } .\[\&_span\.radio_\.label\]\:ff_Montserrat\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\" span.radio .label { font-family: Montserrat, "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .\[\&_\.info-panel\]\:pos_sticky .info-panel { position: sticky; } .\[\&_\.info-panel\]\:z_1 .info-panel { z-index: 1; } .\[\&_\.svg-container\]\:pos_absolute .svg-container { position: absolute; } .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--background-complete--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--character-1--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--character-2--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Floor--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Lines--inject-3,.\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:anim-dly_0s svg#freepik_stories-high-five.animated #freepik--Plant--inject-3 { animation-delay: 0s; } .\[\&_svg\#freepik_stories-high-five\:not\(\.animated\)_\.animable\]\:op_0 svg#freepik_stories-high-five:not(.animated) .animable { opacity: 0; } .\[\&_\>_\.icon\]\:bx-s_content-box > .icon { box-sizing: content-box; } .\[\&_\>_\.icon\]\:cursor_pointer > .icon { cursor: pointer; } .\[\&_\>_\.icon\]\:d_inline-block > .icon { display: inline-block; } .\[\&_\>_\.extra\]\:c_rgba\(0\,_0\,_0\,_0\.65\) > .extra { color: rgba(0, 0, 0, 0.65); } .\[\&_\>_h1\]\:c_rgb\(0\,_82\,_194\) > h1 { color: rgb(0, 82, 194); } .\[\&_\>_h1\]\:d_inline-block > h1 { display: inline-block; } .\[\&_\>_svg\]\:va_baseline\! > svg { vertical-align: baseline !important; } .\[\&_\.wysiwyg-editor\]\:ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\"\! .wysiwyg-editor { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .\[\&_\.wysiwyg-editor\]\:fs_1rem .wysiwyg-editor { font-size: 1rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:pos_relative > div > div .nav-item { position: relative; } .\[\&_\.info-panel\]\:d_none .info-panel { display: none; } .\[\&_\.dropdown\]\:pos_absolute\! .dropdown,.\[\&_\.fa-caret-down\]\:pos_absolute\! .fa-caret-down { position: absolute !important; } .\[\&\.coloured\:not\(\.flat\)\]\:c_var\(--text-colour\,_white\).coloured:not(.flat) { color: var(--text-colour, white); } .\[\&\.flat\]\:bx-sh_none.flat { box-shadow: none; } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:bg-c_\#ffffff:not(.coloured),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:bg-c_\#ffffff.flat { background-color: #ffffff; } .\[\&\,_\&_\*\]\:cursor_pointer,.\[\&\,_\&_\*\]\:cursor_pointer * { cursor: pointer; } .\[\&\,_\&_\*\]\:us_none,.\[\&\,_\&_\*\]\:us_none * { -webkit-user-select: none; user-select: none; } .\[\&\.animated_\.fifth-gear\]\:anim-dly_400ms.animated .fifth-gear { animation-delay: 400ms; } .\[\&\.animated_\.fourth-gear\]\:anim-dly_300ms.animated .fourth-gear { animation-delay: 300ms; } .\[\&\.animated_\.second-gear\]\:anim-dly_100ms.animated .second-gear { animation-delay: 100ms; } .\[\&\.animated_\.sixth-gear\]\:anim-dly_500ms.animated .sixth-gear { animation-delay: 500ms; } .\[\&\.animated_\.third-gear\]\:anim-dly_200ms.animated .third-gear { animation-delay: 200ms; } .\[\&_\.part\]\:fill_\#0096d2 .part { fill: #0096d2; } .\[\&\.white\.animated_\.part\]\:anim-n_ANI-WHITE.white.animated .part { animation-name: ANI-WHITE; } .\[\&\.white_\.part\]\:fill_white.white .part,.\[\&\:not\(\.animated\)_\.part\]\:fill_white:not(.animated) .part { fill: var(--colors-white); } .\[\&_\.active-plane\]\:d_block .active-plane { display: block; } .\[\&_\.active-plane\]\:pos_absolute .active-plane { position: absolute; } .\[\&_\.active-plane\]\:z_1 .active-plane { z-index: 1; } .\[\&_\.back-plane\]\:d_block .back-plane { display: block; } .\[\&_\.back-plane\]\:pos_absolute .back-plane { position: absolute; } .\[\&_\.back-plane\]\:z_0 .back-plane { z-index: 0; } .\[\&_\.input\]\:-moz-appearance_none .input { -moz-appearance: none; } .\[\&_\.input\]\:pos_relative .input { position: relative; } .\[\&_\.input\]\:-webkit-appearance_none .input { -webkit-appearance: none; } .\[\&_\.input\]\:z_10 .input { z-index: 10; } .\[\&_\.label\]\:fs_16px .label { font-size: 16px; } .\[\&_\.label\]\:op_0\.8 .label { opacity: 0.8; } .\[\&_\.label\]\:pos_absolute .label { position: absolute; } .\[\&_\.pointer\]\:d_block .pointer { display: block; } .\[\&_\.pointer\]\:pos_absolute .pointer { position: absolute; } .\[\&_\.pointer\]\:z_2 .pointer { z-index: 2; } .\[\&_\.tooltip\]\:fs_16px .tooltip { font-size: 16px; } .\[\&_\.tooltip\]\:leading_40px .tooltip { line-height: 40px; } .\[\&_\.tooltip\]\:op_0 .tooltip { opacity: 0; } .\[\&_\.tooltip\]\:pos_absolute .tooltip { position: absolute; } .\[\&_\.tooltip\]\:ta_center .tooltip { text-align: center; } .\[\&_\.value-label\]\:bx-s_border-box .value-label { box-sizing: border-box; } .\[\&_\.value-label\]\:fs_16px .value-label { font-size: 16px; } .\[\&_\.value-label\]\:fw_500 .value-label { font-weight: 500; } .\[\&_\.value-label\]\:leading_32px .value-label { line-height: 32px; } .\[\&_\.value-label\]\:pos_absolute .value-label { position: absolute; } .\[\&_\.value-label\]\:ta_center .value-label { text-align: center; } .\[\&\.open\]\:op_0\.25.open { opacity: 0.25; } .\[\&\.open\]\:pointer-events_unset.open { pointer-events: unset; } .\[\&\.open\]\:bx-sh_0_16px_24px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_30px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_8px_10px_rgba\(0\,_0\,_0\,_0\.2\).open { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2); } .\[\&\.open\]\:vis_visible.open,.\[\&\.scroll-transition\]\:vis_visible.scroll-transition { visibility: visible; } .\[\&_\*\]\:cursor_default * { cursor: default; } .\[\&\.complete\:not\(\.disabled\)_\.submit-overlay\]\:op_0.complete:not(.disabled) .submit-overlay { opacity: 0; } .\[\&\.loading\:not\(\.disabled\)_\.submit-overlay\]\:op_1.loading:not(.disabled) .submit-overlay { opacity: 1; } .\[\&_\.submit-loader\]\:bx-s_content-box .submit-loader { box-sizing: content-box; } .\[\&_\.submit-loader\]\:c_white .submit-loader { color: var(--colors-white); } .\[\&_\.submit-loader\]\:cursor_pointer .submit-loader { cursor: pointer; } .\[\&_\.submit-loader\]\:d_inline-block .submit-loader { display: inline-block; } .\[\&_\.submit-loader\]\:fw_bold .submit-loader { font-weight: var(--font-weights-bold); } .\[\&_\.submit-loader\]\:pos_relative .submit-loader { position: relative; } .\[\&_\.submit-loader\]\:tt_uppercase .submit-loader { text-transform: uppercase; } .\[\&_\.submit-overlay\]\:bx-s_content-box .submit-overlay { box-sizing: content-box; } .\[\&_\.submit-overlay\]\:op_0 .submit-overlay { opacity: 0; } .\[\&_\.submit-overlay\]\:pos_absolute .submit-overlay { position: absolute; } .\[\&\:not\(\.disabled\)_\.submit-loader\]\:bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\):not(.disabled) .submit-loader { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .\[\&_\.button-container\]\:d_block .button-container { display: block; } .\[\&_\.button-container\]\:op_0 .button-container { opacity: 0; } .\[\&_\.button-container\]\:pos_relative .button-container { position: relative; } .\[\&_\.button-container\]\:z_0 .button-container { z-index: 0; } .\[\&_\.toast\]\:bx-sh_0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\) .toast { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .\[\&_\.toast\]\:c_white .toast { color: var(--colors-white); } .\[\&_\.toast\]\:pos_relative .toast { position: relative; } .\[\&_\.toast\]\:ta_center .toast { text-align: center; } .\[\&_\.toast\]\:z_1 .toast { z-index: 1; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white.coloured .card-header,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white .card-header.coloured,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:c_white.coloured { color: var(--colors-white); } .\[\&_\.card-actions\]\:pos_absolute .card-actions { position: absolute; } .\[\&_\.fab\]\:bx-sh_0_1px_1\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_1px_0_rgba\(0\,_0\,_0\,_0\.24\) .fab { box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .\[\&_\.fab\]\:cursor_pointer .fab { cursor: pointer; } .\[\&_\.fab\]\:pos_absolute .fab { position: absolute; } .\[\&_\.fab\]\:z_1 .fab { z-index: 1; } .\[\&\.sticky\]\:pos_sticky.sticky { position: sticky; } .\[\&\.sticky\]\:z_900.sticky { z-index: 900; } .\[\&_\.subtitle\]\:c_\#aeaeae .subtitle { color: #aeaeae; } .\[\&_\.subtitle\]\:fs_12px .subtitle { font-size: 12px; } .\[\&_\.title\]\:fs_17px .title { font-size: 17px; } .\[\&_\>_\*\]\:cursor_default > * { cursor: default; } .\[\&_\>_\*\]\:us_none > * { -webkit-user-select: none; user-select: none; } .\[\&_\>_\*\]\:-webkit-user-select_none > * { -webkit-user-select: none; } .\[\&_\.card-tabs-content\]\:pos_relative .card-tabs-content { position: relative; } .\[\&\.coloured_\>_ul_li\]\:c_rgba\(255\,_255\,_255\,_0\.5\).coloured > ul li { color: rgba(255, 255, 255, 0.5); } .\[\&\.small_\>_ul_li\]\:fw_normal.small > ul li { font-weight: var(--font-weights-normal); } .\[\&_\.tab\]\:d_inline-block .tab { display: inline-block; } .\[\&_\>_ul\]\:d_flex > ul { display: flex; } .\[\&\.vertical\]\:flex-d_column.vertical { flex-direction: column; } .\[\&_\.disabled\]\:c_black .disabled { color: var(--colors-black); } .\[\&_table\]\:bd-cl_collapse table { border-collapse: collapse; } .\[\&_table\]\:bd-sp_0 table { border-spacing: var(--spacing-0); } .\[\&_table\]\:tbl_fixed table { table-layout: fixed; } .\[\&_table\]\:ta_right table { text-align: right; } .\[\&_\.datepicker-input-container\]\:ff_Roboto .datepicker-input-container { font-family: Roboto; } .\[\&_\.error-label\]\:c_\#f44336 .error-label { color: #f44336; } .\[\&_\.error-label\]\:fs_12px .error-label { font-size: 12px; } .\[\&_\.error-label\]\:leading_12px .error-label { line-height: 12px; } .\[\&_\.error-label\]\:pos_absolute .error-label { position: absolute; } .\[\&_\.label\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\) .label { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\[\&_\.label\]\:ff_Roboto .label { font-family: Roboto; } .\[\&_\.label\]\:fw_normal .label { font-weight: var(--font-weights-normal); } .\[\&_\.label\]\:leading_16px .label { line-height: 16px; } .\[\&_\.label\]\:ta_left .label { text-align: left; } .\[\&\.active\]\:op_1.active { opacity: 1; } .\[\&\.active\]\:op_0.active { opacity: 0; } .\[\&\.showMenu\]\:d_block.showMenu { display: block; } .\[\&\.showMenu\]\:op_1.showMenu { opacity: 1; } .\[\&_\.slide-right-back-enter\]\:pos_fixed .slide-right-back-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:pos_fixed .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:pos_fixed .slide-right-back-leave { position: fixed; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\) .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\) .slide-right-back-leave { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:z_20 .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:z_20 .slide-right-back-leave { z-index: 20; } .\[\&_\.slide-right-exit\]\:pos_fixed .slide-right-exit { position: fixed; } .\[\&_\.slide-right-exit\]\:z_19 .slide-right-exit { z-index: 19; } .disabled\:bg-c_gray\.50:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { background-color: var(--colors-gray-50); } .\[\&_\>_a\]\:pl_32px > a { padding-left: 32px; } .\[\&_h6\]\:mb_4px h6 { margin-bottom: 4px; } .\[\&_hr\]\:h_1px hr { height: 1px; } .\[\&_\>_ul\]\:max-h_32px > ul { max-height: 32px; } .\[\&_\>_ul_li\]\:h_32px > ul li { height: 32px; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:h_100vh .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:h_100vh .transition-enter { height: 100vh; } .\[\&_\.transition-leave\,_\&_\.transition-enter\]\:w_100vw .transition-leave,.\[\&_\.transition-leave\,_\&_\.transition-enter\]\:w_100vw .transition-enter { width: 100vw; } .\[\&_\>_\*\]\:h_100vh > * { height: 100vh; } .\[\&_\>_\*\]\:ov-y_auto > * { overflow-y: auto; } .\[\&_span\.input\]\:w_calc\(100\%_-_8px\) span.input { width: calc(100% - 8px); } .\[\&_span\.input_input\]\:w_100\% span.input input { width: 100%; } .\[\&_\>_div\]\:top_-100\% > div { top: -100%; } .\[\&_\>_div\]\:w_100vw > div { width: 100vw; } .\[\&_\>_div_\>_img\]\:h_128px > div > img { height: 128px; } .\[\&_\>_div_\>_img\]\:mt_32px > div > img { margin-top: 32px; } .\[\&_\>_div_\>_img\]\:max-h_128px > div > img { max-height: 128px; } .\[\&_\.logo\]\:h_96px .logo { height: 96px; } .\[\&_\.logo\]\:mt_16px .logo { margin-top: 16px; } .\[\&_\.logo\]\:w_96px .logo { width: 96px; } .\[\&_\.title\]\:mt_16px .title { margin-top: 16px; } .\[\&_td\:first-of-type\]\:w_100px td:first-of-type { width: 100px; } .\[\&_\>_span\]\:ml_12px > span { margin-left: 12px; } .\[\&_\.button-container\]\:bottom_0 .button-container { bottom: var(--spacing-0); } .\[\&_\.button-container\]\:left_0 .button-container { left: var(--spacing-0); } .\[\&_\.button-container\]\:right_0 .button-container { right: var(--spacing-0); } .\[\&_\.filter-inputs\]\:pt_24px .filter-inputs { padding-top: 24px; } .\[\&_span\]\:h_2px span { height: 2px; } .\[\&_span\]\:left_14px span { left: 14px; } .\[\&_span\]\:right_14px span { right: 14px; } .\[\&_span\]\:top_calc\(50\%_-_2px\) span { top: calc(50% - 2px); } .\[\&_\.action-container\]\:right_16px .action-container { right: 16px; } .\[\&_\.action-container\]\:top_12px .action-container { top: 12px; } .\[\&_\.dev-message\]\:left_0 .dev-message { left: var(--spacing-0); } .\[\&_\.dev-message\]\:right_0 .dev-message { right: var(--spacing-0); } .\[\&_\.dev-message\]\:top_0 .dev-message { top: var(--spacing-0); } .\[\&_\.dev-message\]\:w_100vw .dev-message { width: 100vw; } .\[\&_h1\]\:left_80px h1 { left: 80px; } .\[\&_\.notification-area-container\]\:h_700px .notification-area-container { height: 700px; } .\[\&_\.notification-area-container\]\:w_500px .notification-area-container { width: 500px; } .\[\&_\.counter\]\:left_18px .counter { left: 18px; } .\[\&_\.counter\]\:top_-8px .counter { top: -8px; } .\[\&_svg\]\:mt_-8px\! svg { margin-top: -8px !important; } .\[\&_button\]\:ml_8px button { margin-left: 8px; } .\[\&_hr\]\:mb_12px hr { margin-bottom: 12px; } .\[\&_li\]\:pl_32px li { padding-left: 32px; } .\[\&_ul\.file-list-contents\]\:pl_0px ul.file-list-contents { padding-left: 0px; } .\[\&_\.perspective-overlay\]\:bottom_0px .perspective-overlay { bottom: 0px; } .\[\&_\.perspective-overlay\]\:left_0px .perspective-overlay { left: 0px; } .\[\&_\.perspective-overlay\]\:right_0px .perspective-overlay { right: 0px; } .\[\&_\.perspective-overlay\]\:top_0px .perspective-overlay { top: 0px; } .\[\&_\.terms-description\]\:mb_8px .terms-description { margin-bottom: 8px; } .\[\&_ul\]\:h_100\% ul { height: 100%; } .\[\&_ul\]\:ov-y_scroll ul { overflow-y: scroll; } .\[\&\:\:before\]\:h_calc\(100\%_\+_6px\)::before { height: calc(100% + 6px); } .\[\&\:\:before\]\:left_26px::before { left: 26px; } .\[\&\:\:before\]\:top_0::before { top: var(--spacing-0); } .\[\&\:\:before\]\:w_4px::before { width: 4px; } .\[\&_button\]\:pt_0px button { padding-top: 0px; } .\[\&_svg\]\:top_4px svg { top: 4px; } .\[\&\:\:before\]\:h_50\%::before { height: 50%; } .\[\&_\>_button\]\:ml_-8px > button { margin-left: -8px; } .\[\&_\>_button\]\:mr_8px > button { margin-right: 8px; } .\[\&_\>_button\]\:w_96px > button { width: 96px; } .\[\&_\>_input\]\:h_32px > input { height: 32px; } .\[\&_\>_div\]\:w_100\% > div { width: 100%; } .\[\&_\>_div_\.filter-group\]\:ml_32px > div .filter-group { margin-left: 32px; } .\[\&_\>_div_\.filter-group\]\:pl_16px > div .filter-group { padding-left: 16px; } .\[\&\:\:after\]\:h_95px::after { height: 95px; } .\[\&\:\:after\]\:left_30px::after { left: 30px; } .\[\&\:\:after\]\:top_-6px::after { top: -6px; } .\[\&\:\:after\]\:w_4px::after { width: 4px; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:h_48px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:h_48px > button.duplicate { height: 48px; } .\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:w_48px > button.delete,.\[\&_\>_button\.delete\,_\&_\>_button\.duplicate\]\:w_48px > button.duplicate { width: 48px; } .\[\&_\>_\:nth-of-type\(2\)\]\:w_240px > :nth-of-type(2) { width: 240px; } .\[\&_span\.input\]\:w_100\% span.input { width: 100%; } .\[\&_\>_ul\]\:h_100\% > ul { height: 100%; } .\[\&_select\]\:w_100\% select { width: 100%; } .\[\&_\.frame-container\]\:mb_50vh .frame-container { margin-bottom: 50vh; } .\[\&_\.options\]\:max-w_320px .options { max-width: 320px; } .\[\&_\>_span\]\:min-h_22px > span { min-height: 22px; } .\[\&_\>_span\]\:pl_calc\(var\(--padding-left\,_0px\)_\+_4px_\+_8px\) > span { padding-left: calc(var(--padding-left, 0px) + 4px + 8px); } .\[\&_input\]\:ml_12px input { margin-left: 12px; } .\[\&_input\]\:w_calc\(100\%_-_40px\) input { width: calc(100% - 40px); } .\[\&_ul\]\:w_320px ul { width: 320px; } .\[\&_\>_ul\]\:min-w_200px > ul { min-width: 200px; } .\[\&_\>_ul\]\:ov-x_hidden > ul { overflow-x: hidden; } .\[\&_\>_ul\]\:ov-y_hidden > ul,.\[\&_\.component-container\]\:ov-y_hidden .component-container { overflow-y: hidden; } .\[\&_\>_div\]\:h_100\% > div { height: 100%; } .\[\&_\>_div\]\:ov-y_scroll > div { overflow-y: scroll; } .\[\&_\>_\*\]\:right_4px > * { right: 4px; } .\[\&_\>_\*\]\:top_0\.125em > * { top: 0.125em; } .\[\&_\>_\:nth-child\(2\)\]\:ov-y_scroll > :nth-child(2) { overflow-y: scroll; } .\[\&_\>_span\]\:w_100\% > span { width: 100%; } .\[\&_\>_svg\]\:h_70\% > svg { height: 70%; } .\[\&_h3\]\:mb_0 h3 { margin-bottom: var(--spacing-0); } .\[\&_button\]\:h_unset button { height: unset; } .\[\&_\>_div\:first-child\]\:max-w_120px > div:first-child { max-width: 120px; } .\[\&_button\]\:h_25px button { height: 25px; } .\[\&_button\]\:right_9px button { right: 9px; } .\[\&_button\]\:top_5px button { top: 5px; } .\[\&_button\]\:w_40px button { width: 40px; } .\[\&_\:global\(span\.input\)\]\:h_24px :global(span.input) { height: 24px; } .\[\&_\:global\(span\.input\)\]\:mb_0px :global(span.input) { margin-bottom: 0px; } .\[\&_\:global\(span\.input\)\]\:mt_0px :global(span.input) { margin-top: 0px; } .\[\&\[data-state\=active\]\]\:bd-b-c_stories-accent-primary[data-state=active] { border-bottom-color: var(--colors-stories-accent-primary); } .after\:ml_1::after { margin-left: var(--spacing-1); } .before\:mr_8px::before { margin-right: 8px; } .\[\&\.has-dropdown\]\:pr_16px.has-dropdown { padding-right: 16px; } .\[\&\.smart-scroll\]\:top_0px.smart-scroll { top: 0px; } .\[\&_li\]\:h_48px li { height: 48px; } .\[\&_li\]\:max-w_264px li { max-width: 264px; } .\[\&_li\]\:min-w_100px li { min-width: 100px; } .\[\&_\>_div\]\:h_20px > div { height: 20px; } .\[\&_\>_div\]\:w_20px > div { width: 20px; } .\[\&_input\]\:bottom_0 input { bottom: var(--spacing-0); } .\[\&_input\]\:h_28px input { height: 28px; } .\[\&_input\]\:left_-2px input { left: -2px; } .\[\&_input\]\:right_0 input { right: var(--spacing-0); } .\[\&_input\]\:top_-2px input { top: -2px; } .\[\&_input\]\:w_28px input { width: 28px; } .\[\&_\>_span\.close\]\:mr_3px > span.close { margin-right: 3px; } .\[\&_\>_span\.close\]\:mt_5px > span.close { margin-top: 5px; } .\[\&_\>_svg\]\:h_32px > svg { height: 32px; } .\[\&_\>_svg\]\:w_32px > svg { width: 32px; } .\[\&_svg\]\:ml_8px svg { margin-left: 8px; } .\[\&_svg\]\:mt_8px svg { margin-top: 8px; } .\[\&_\>_div\]\:h_24px > div { height: 24px; } .\[\&_\>_div\]\:w_24px > div { width: 24px; } .\[\&\.has-value-label\]\:w_calc\(100\%_-_64px\).has-value-label { width: calc(100% - 64px); } .\[\&\.has-value-label\]\:w_calc\(100\%_-_48px\).has-value-label { width: calc(100% - 48px); } .\[\&\:\:-moz-range-thumb\]\:w_20px::-moz-range-thumb { width: 20px; } .\[\&\:\:-webkit-slider-thumb\]\:h_24px::-webkit-slider-thumb { height: 24px; } .\[\&\:\:-webkit-slider-thumb\]\:ml_2px::-webkit-slider-thumb { margin-left: 2px; } .\[\&\:\:-webkit-slider-thumb\]\:w_24px::-webkit-slider-thumb { width: 24px; } .\[\&\:after\]\:h_20px:after { height: 20px; } .\[\&\:after\]\:left_0px:after { left: 0px; } .\[\&\:after\]\:top_0px:after { top: 0px; } .\[\&\:after\]\:w_20px:after { width: 20px; } .\[\&\:before\]\:h_20px:before { height: 20px; } .\[\&\:before\]\:left_0px:before { left: 0px; } .\[\&\:before\]\:top_0px:before { top: 0px; } .\[\&\:before\]\:w_20px:before { width: 20px; } .\[\&\.focus\]\:top_-64px.focus { top: -64px; } .\[\&\:before\]\:h_100\%:before { height: 100%; } .\[\&\:before\]\:w_100\%:before { width: 100%; } .\[\&\.focus\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\).focus { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&\.open\]\:top_calc\(100\%_-_\(48px_\+_var\(--padding\)\)\).open { top: calc(100% - (48px + var(--padding))); } .\[\&_\.snackbar\]\:max-w_240px .snackbar { max-width: 240px; } .\[\&_\.snackbar\]\:w_100\% .snackbar { width: 100%; } .\[\&_\.front\]\:left_34px .front { left: 34px; } .\[\&_\>_div\]\:h_0px > div { height: 0px; } .\[\&_\>_div\]\:left_12px > div { left: 12px; } .\[\&_\>_div\]\:top_12px > div { top: 12px; } .\[\&_\>_div\]\:w_0px > div { width: 0px; } .\[\&_div\.ripple\]\:h_48px div.ripple { height: 48px; } .\[\&_div\.ripple\]\:left_-12px div.ripple { left: -12px; } .\[\&_div\.ripple\]\:top_-12px div.ripple { top: -12px; } .\[\&_div\.ripple\]\:w_48px div.ripple { width: 48px; } .\[\&_\>_div\]\:h_40px > div { height: 40px; } .\[\&_\>_div\]\:top_-4px > div { top: -4px; } .\[\&_\>_div\]\:w_60px > div { width: 60px; } .\[\&_i\]\:ml_4px i { margin-left: 4px; } .\[\&_label\]\:left_12px label { left: 12px; } .\[\&_label\]\:top_12px label { top: 12px; } .\[\&_textarea\]\:pl_10px textarea { padding-left: 10px; } .\[\&_textarea\]\:pt_32px textarea { padding-top: 32px; } .\[\&_\.close-button\]\:right_24px .close-button { right: 24px; } .\[\&\.has-tab-bar\]\:h_112px.has-tab-bar { height: 112px; } .\[\&_\.loading-bar\]\:bottom_0px .loading-bar { bottom: 0px; } .\[\&_\.loading-bar\]\:h_4px .loading-bar { height: 4px; } .\[\&_\.loading-bar\]\:left_0px .loading-bar { left: 0px; } .\[\&_\.loading-bar\]\:w_100\% .loading-bar { width: 100%; } .\[\&_\.search-button\]\:left_24px .search-button { left: 24px; } .\[\&_\.search-button\,_\&_\.close-button\]\:top_20px .search-button,.\[\&_\.search-button\,_\&_\.close-button\]\:top_20px .close-button { top: 20px; } .\[\&_span\.input\]\:left_48px span.input { left: 48px; } .\[\&_span\.input\]\:mt_12px span.input { margin-top: 12px; } .\[\&_span\.input\]\:right_12px span.input { right: 12px; } .\[\&_span\.input\]\:top_4px span.input { top: 4px; } .\[\&_span\.input\]\:w_auto span.input { width: auto; } .\[\&_\>_span\]\:mt_2px > span { margin-top: 2px; } .\[\&_i\,_\&_svg\]\:h_36px i,.\[\&_i\,_\&_svg\]\:h_36px svg { height: 36px; } .\[\&_i\,_\&_svg\]\:w_36px i,.\[\&_i\,_\&_svg\]\:w_36px svg { width: 36px; } .\[\&\:after\]\:bottom_50\%:after { bottom: 50%; } .\[\&\:after\]\:left_50\%:after { left: 50%; } .\[\&\:after\]\:right_50\%:after { right: 50%; } .\[\&\:after\]\:top_50\%:after { top: 50%; } .\[\&_svg\]\:h_24px svg { height: 24px; } .\[\&_svg\]\:w_24px svg { width: 24px; } .\[\&\:after\]\:right_0px:after { right: 0px; } .\[\&\:after\]\:top_14px:after { top: 14px; } .\[\&_\.sidebar-button\,_\&_\.back-button\]\:pt_1px .sidebar-button,.\[\&_\.sidebar-button\,_\&_\.back-button\]\:pt_1px .back-button { padding-top: 1px; } .\[\&_button\]\:pl_8px button { padding-left: 8px; } .\[\&_button\]\:pr_8px button { padding-right: 8px; } .\[\&_\.config\]\:ov-y_auto .config { overflow-y: auto; } .\[\&\.mobile\]\:h_100vh.mobile { height: 100vh; } .\[\&\.mobile\]\:max-w_unset.mobile { max-width: unset; } .\[\&\.mobile\]\:min-h_unset.mobile { min-height: unset; } .\[\&\.mobile\]\:w_100vw.mobile { width: 100vw; } .\[\&_\.sidebar\]\:ov-y_auto .sidebar { overflow-y: auto; } .\[\&_\.component-container\]\:h_260px .component-container { height: 260px; } .\[\&_\.confirm-view\]\:h_44px .confirm-view { height: 44px; } .\[\&_\.confirm-view\]\:ml_calc\(130px_\+_16px\) .confirm-view { margin-left: calc(130px + 16px); } .\[\&_\.confirm-view\]\:w_calc\(100\%_-_154px\) .confirm-view { width: calc(100% - 154px); } .\[\&_\.datepicker-input\]\:h_38px .datepicker-input { height: 38px; } .\[\&_\.datepicker-input\]\:w_100\% .datepicker-input { width: 100%; } .\[\&_\.datepicker-input-container\]\:min-w_260px .datepicker-input-container { min-width: 260px; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:h_12px > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:h_12px > .arrow::before { height: 12px; } .\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:w_12px > .arrow,.\[\&_\>_\.arrow\,_\&_\>_\.arrow\:\:before\]\:w_12px > .arrow::before { width: 12px; } .\[\&\[data-popper-placement\^\=\'bottom\'\]_\>_\.arrow\]\:top_-6px[data-popper-placement^='bottom'] > .arrow { top: -6px; } .\[\&\[data-popper-placement\^\=\'left\'\]_\>_\.arrow\]\:right_-6px[data-popper-placement^='left'] > .arrow { right: -6px; } .\[\&\[data-popper-placement\^\=\'right\'\]_\>_\.arrow\]\:left_-6px[data-popper-placement^='right'] > .arrow { left: -6px; } .\[\&\[data-popper-placement\^\=\'top\'\]_\>_\.arrow\]\:bottom_-6px[data-popper-placement^='top'] > .arrow { bottom: -6px; } .\[\&_input\]\:mb_1px input { margin-bottom: 1px; } .\[\&_input\]\:mt_4px input { margin-top: 4px; } .\[\&_input\]\:pb_4px input { padding-bottom: 4px; } .\[\&_input\]\:pt_4px input { padding-top: 4px; } .\[\&\.active\]\:top_-10px.active { top: -10px; } .\[\&_\.action-back\]\:h_100\% .action-back { height: 100%; } .\[\&_\.action-back\]\:w_100\% .action-back { width: 100%; } .\[\&_\.content\]\:h_76px .content { height: 76px; } .\[\&_\.content\]\:left_0 .content { left: var(--spacing-0); } .\[\&_\.content\]\:pl_16px .content { padding-left: 16px; } .\[\&_\.content\]\:top_0 .content { top: var(--spacing-0); } .\[\&_\.content\]\:w_100\% .content { width: 100%; } .\[\&\.polyfill\]\:bottom_0.polyfill { bottom: var(--spacing-0); } .\[\&\.polyfill\]\:left_0.polyfill { left: var(--spacing-0); } .\[\&\.polyfill\]\:right_0.polyfill { right: var(--spacing-0); } .\[\&\.polyfill\]\:top_0.polyfill { top: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:bottom_0 #modalContainer .backdrop { bottom: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:left_0 #modalContainer .backdrop { left: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:right_0 #modalContainer .backdrop { right: var(--spacing-0); } .\[\&_\#modalContainer_\.backdrop\]\:top_0 #modalContainer .backdrop { top: var(--spacing-0); } .before\:h_6px::before { height: 6px; } .before\:w_6px::before { width: 6px; } .\[\&\:\:-webkit-scrollbar\]\:w_4px::-webkit-scrollbar { width: 4px; } .last\:bd-b-w_0:last-child { border-bottom-width: 0; } .\[\&\:\:-webkit-slider-thumb\]\:h_4::-webkit-slider-thumb { height: var(--sizes-4); } .\[\&\:\:-webkit-slider-thumb\]\:w_4::-webkit-slider-thumb { width: var(--sizes-4); } .\[\&\.checkbox\]\:w_100\%.checkbox,.\[\&\.w-form-control\]\:w_100\%.w-form-control { width: 100%; } .\[\&_\.svg-inline--fa\]\:w_1em .svg-inline--fa { width: 1em; } .\[\&_input\]\:w_180px input { width: 180px; } .\[\&_svg\]\:left_9px svg { left: 9px; } .\[\&\:first-child\]\:pl_20px:first-child { padding-left: 20px; } .\[\&\:last-child\]\:pr_20px:last-child { padding-right: 20px; } .\[\&_\.overlay\]\:bottom_0 .overlay { bottom: var(--spacing-0); } .\[\&_\.overlay\]\:left_0 .overlay { left: var(--spacing-0); } .\[\&_\.overlay\]\:right_0 .overlay { right: var(--spacing-0); } .\[\&_\.overlay\]\:top_0 .overlay { top: var(--spacing-0); } .\[\&_img\]\:max-w_280px img { max-width: 280px; } .\[\&_\.extra-footer\]\:mt_100px .extra-footer { margin-top: 100px; } .\[\&_\.footer-col\]\:pl_30px .footer-col { padding-left: 30px; } .\[\&_\.footer-col\]\:pr_30px .footer-col { padding-right: 30px; } .\[\&_\.footer-main-standard\]\:ml_-32px .footer-main-standard { margin-left: -32px; } .\[\&_\.footer-main-standard\]\:mr_-32px .footer-main-standard { margin-right: -32px; } .\[\&_\.footer-main-standard\]\:pl_40px .footer-main-standard { padding-left: 40px; } .\[\&_\.footer-main-standard\]\:pr_40px .footer-main-standard { padding-right: 40px; } .\[\&_\.footer-main-standard-after\]\:ml_-32px .footer-main-standard-after { margin-left: -32px; } .\[\&_\.footer-main-standard-after\]\:mr_-32px .footer-main-standard-after { margin-right: -32px; } .\[\&_\.footer-main-standard-copy\]\:h_25px .footer-main-standard-copy { height: 25px; } .\[\&_img\.profile-pic\]\:h_80px img.profile-pic { height: 80px; } .\[\&_img\.profile-pic\]\:w_80px img.profile-pic { width: 80px; } .\[\&_img\.signature\]\:ml_-17px img.signature { margin-left: -17px; } .\[\&_img\.signature\]\:w_224px img.signature { width: 224px; } .\[\&_svg\]\:h_18px svg { height: 18px; } .\[\&_svg\]\:w_18px svg { width: 18px; } .\[\&_svg\]\:h_22px svg { height: 22px; } .\[\&_svg\]\:w_22px svg { width: 22px; } .\[\&_\.footer-content\]\:max-w_600px .footer-content { max-width: 600px; } .\[\&_\.footer-divider\]\:h_3px .footer-divider { height: 3px; } .\[\&_\.footer-divider\]\:w_60px .footer-divider { width: 60px; } .\[\&_\.footer-links\]\:mt_8px .footer-links { margin-top: 8px; } .\[\&\.text-editor\]\:min-h_150px.text-editor { min-height: 150px; } .\[\&\.text-editor\]\:min-w_300px.text-editor { min-width: 300px; } .\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:mb_16px\! .nav-item .nav-item-header,.\[\&_\.nav-item_\.nav-item-header\,_\&_\.nav-item_\>_h1\]\:mb_16px\! .nav-item > h1 { margin-bottom: 16px !important; } .\[\&_table\.data-grid\]\:w_auto table.data-grid { width: auto; } .\[\&_\.group-icon\]\:h_40px .group-icon { height: 40px; } .\[\&_\.group-icon\]\:w_100\% .group-icon { width: 100%; } .\[\&_\>_svg\]\:h_100\% > svg { height: 100%; } .\[\&\.active\,_\&\.is-editing\]\:pl_8px.active,.\[\&\.active\,_\&\.is-editing\]\:pl_8px.is-editing { padding-left: 8px; } .\[\&\.drop-target-next\]\:right_0.drop-target-next { right: var(--spacing-0); } .\[\&\.drop-target-previous\]\:left_-10px.drop-target-previous { left: -10px; } .\[\&\.drop-target-previous\]\:w_calc\(50\%_\+_10px\).drop-target-previous { width: calc(50% + 10px); } .\[\&\.field-value\]\:mt_-24px.field-value { margin-top: -24px; } .\[\&_li\]\:h_32px li { height: 32px; } .\[\&_input\]\:min-w_340px input { min-width: 340px; } .\[\&_svg\]\:ml_4px svg { margin-left: 4px; } .\[\&_svg\]\:mr_8px svg { margin-right: 8px; } .\[\&_svg\.fa-times\]\:h_32px svg.fa-times { height: 32px; } .\[\&_svg\.fa-times\]\:right_calc\(var\(--base-padding\)_-_2px\) svg.fa-times { right: calc(var(--base-padding) - 2px); } .\[\&_svg\.fa-times\]\:top_calc\(var\(--base-padding\)_-_2px\) svg.fa-times { top: calc(var(--base-padding) - 2px); } .\[\&_svg\.fa-times\]\:w_32px svg.fa-times { width: 32px; } .\[\&_\>_div\]\:pl_12px > div { padding-left: 12px; } .\[\&_\>_div\]\:pr_12px > div { padding-right: 12px; } .\[\&_\>_span\.filter-name\]\:mt_10px > span.filter-name { margin-top: 10px; } .\[\&_\>_svg\]\:w_41px > svg { width: 41px; } .\[\&_\>_svg\,_\&_\>_div\]\:h_41px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:h_41px > div { height: 41px; } .\[\&_\>_svg\,_\&_\>_div\]\:ml_8px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:ml_8px > div { margin-left: 8px; } .\[\&_\>_svg\,_\&_\>_div\]\:mt_6px > svg,.\[\&_\>_svg\,_\&_\>_div\]\:mt_6px > div { margin-top: 6px; } .\[\&_ul\]\:ml_54px ul { margin-left: 54px; } .\[\&_\>_svg\]\:ml_8px > svg { margin-left: 8px; } .\[\&_\>_div\]\:h_calc\(100\%_-_var\(--gap\)\*2\) > div { height: calc(100% - var(--gap)*2); } .\[\&_\>_div\]\:w_calc\(100\%_-_var\(--gap\)\*2\) > div { width: calc(100% - var(--gap)*2); } .\[\&_\>_button\]\:w_26px > button { width: 26px; } .\[\&_\.custom-select\]\:w_240px .custom-select { width: 240px; } .\[\&_table_tr_td\:last-child\]\:w_40\% table tr td:last-child { width: 40%; } .\[\&_h3\]\:mt_16px h3 { margin-top: 16px; } .\[\&_table\]\:w_100\% table { width: 100%; } .\[\&_h4\]\:mb_16px h4 { margin-bottom: 16px; } .\[\&_h4\]\:mt_0px h4 { margin-top: 0px; } .\[\&_span\]\:mr_8px span { margin-right: 8px; } .\[\&_ul_li\]\:h_32px ul li { height: 32px; } .\[\&_\>_li\]\:pl_32px > li { padding-left: 32px; } .\[\&_\>_div\]\:mt_16px > div { margin-top: 16px; } .\[\&_\>_ul\]\:max-h_300px > ul { max-height: 300px; } .\[\&_\>_ul\]\:ov-y_auto > ul { overflow-y: auto; } .\[\&_\>_label\]\:w_100\% > label { width: 100%; } .\[\&\.layout-sidebar_\.grid\]\:w_calc\(100\%_-_16px_-_64px\).layout-sidebar .grid { width: calc(100% - 16px - 64px); } .\[\&_\>_div\]\:h_8px > div { height: 8px; } .\[\&_\>_div\]\:h_12px > div { height: 12px; } .\[\&_\>_div\]\:mr_2px > div { margin-right: 2px; } .\[\&_\>_div\]\:mt_calc\(32px_-_12px\) > div { margin-top: calc(32px - 12px); } .\[\&_\>_div\]\:w_32px > div { width: 32px; } .\[\&_fieldset\]\:mt_16px fieldset { margin-top: 16px; } .\[\&_fieldset_legend\]\:mb_0px fieldset legend { margin-bottom: 0px; } .\[\&_fieldset_legend\]\:w_unset fieldset legend { width: unset; } .\[\&_\>_ul_\>_li_button\]\:h_18px > ul > li button { height: 18px; } .\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:h_var\(--icon-height\)\! > span:not(.connection),.\[\&_\>_span\:not\(\.connection\)\,_\&_\>_svg\]\:h_var\(--icon-height\)\! > svg,.\[\&_svg\]\:h_var\(--icon-height\)\! svg { height: var(--icon-height) !important; } .\[\&_svg\]\:w_var\(--icon-height\)\! svg { width: var(--icon-height) !important; } .\[\&_svg\.chevron\]\:h_calc\(var\(--icon-height\)_\*_0\.75\)\! svg.chevron { height: calc(var(--icon-height) * 0.75) !important; } .\[\&_svg\.chevron\]\:pl_var\(--padding\) svg.chevron { padding-left: var(--padding); } .\[\&_svg\.chevron\]\:w_calc\(var\(--icon-height\)_\*_0\.75\)\! svg.chevron { width: calc(var(--icon-height) * 0.75) !important; } .\[\&\.left\]\:left_12px.left { left: 12px; } .\[\&\.left\]\:mr_16px.left { margin-right: 16px; } .\[\&\.left\]\:right_unset.left { right: unset; } .\[\&_span\]\:h_24px span { height: 24px; } .\[\&_span\]\:ml_4px span { margin-left: 4px; } .\[\&_span\]\:mt_2px span { margin-top: 2px; } .\[\&_span\]\:w_24px span { width: 24px; } .\[\&_\.action-container\]\:right_8px .action-container { right: 8px; } .\[\&_\.action-container\]\:top_4px .action-container { top: 4px; } .\[\&_\.action-container\.left\]\:right_unset .action-container.left { right: unset; } .\[\&_\.action-container_\>_svg\]\:h_16px .action-container > svg { height: 16px; } .\[\&_\.action-container_\>_svg\]\:w_16px .action-container > svg { width: 16px; } .\[\&_ul\:not\(\:first-child\)\]\:mt_8px ul:not(:first-child) { margin-top: 8px; } .\[\&_li\]\:pl_12px li { padding-left: 12px; } .\[\&_li\]\:w_200px li { width: 200px; } .\[\&_li_div\.name-container\]\:ml_28px li div.name-container { margin-left: 28px; } .\[\&_li_div\.name-container\]\:mt_4px li div.name-container { margin-top: 4px; } .\[\&_li_div\.name-container_span\]\:w_120px li div.name-container span { width: 120px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:h_16px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:h_16px li svg.unsaved { height: 16px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:right_6px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:right_6px li svg.unsaved { right: 6px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:top_6px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:top_6px li svg.unsaved { top: 6px; } .\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:w_16px li svg.close,.\[\&_li_svg\.close\,_\&_li_svg\.unsaved\]\:w_16px li svg.unsaved { width: 16px; } .\[\&_li_svg\.file-type\]\:h_32px li svg.file-type { height: 32px; } .\[\&_li_svg\.file-type\]\:left_20px li svg.file-type { left: 20px; } .\[\&_li_svg\.unsaved\]\:h_12px li svg.unsaved { height: 12px; } .\[\&_li_svg\.unsaved\]\:right_8px li svg.unsaved { right: 8px; } .\[\&_li_svg\.unsaved\]\:top_8px li svg.unsaved { top: 8px; } .\[\&_li_svg\.unsaved\]\:w_12px li svg.unsaved { width: 12px; } .\[\&_span\]\:w_120px span { width: 120px; } .\[\&_div\.content_\:global\(\.input\)\]\:w_calc\(100\%_-_8px\) div.content :global(.input) { width: calc(100% - 8px); } .\[\&_div\.content_\:global\(\.input\)_input\]\:w_100\% div.content :global(.input) input { width: 100%; } .\[\&_header\]\:pl_16px header { padding-left: 16px; } .\[\&_\:global\(\.input\)\]\:w_calc\(100\%_-_8px\) :global(.input) { width: calc(100% - 8px); } .\[\&_\:global\(\.input\)_input\]\:w_100\% :global(.input) input { width: 100%; } .\[\&_\.tooltip\]\:max-w_400px .tooltip { max-width: 400px; } .\[\&_\.double-fields\]\:w_100\% .double-fields,.\[\&_\.quintuple-fields\]\:w_100\% .quintuple-fields,.\[\&_\.triple-fields\]\:w_100\% .triple-fields { width: 100%; } .\[\&\.full\]\:mt_0px.full { margin-top: 0px; } .\[\&_\.info-panel\]\:mb_32px .info-panel { margin-bottom: 32px; } .\[\&_\.info-panel\]\:top_0px .info-panel { top: 0px; } .\[\&_\.info-panel\]\:w_100\% .info-panel { width: 100%; } .\[\&_\.svg-container\]\:h_400px .svg-container { height: 400px; } .\[\&_\.svg-container\]\:right_0px .svg-container { right: 0px; } .\[\&_\.svg-container\]\:top_0px .svg-container { top: 0px; } .\[\&_\.svg-container\]\:w_400px .svg-container { width: 400px; } .\[\&_\>_\.icon\]\:h_20px > .icon { height: 20px; } .\[\&_\>_\.icon\]\:ml_8px > .icon { margin-left: 8px; } .\[\&_\>_\.icon\]\:w_20px > .icon { width: 20px; } .\[\&_\>_h1\]\:ml_8px > h1 { margin-left: 8px; } .\[\&_\.wysiwyg-editor\]\:h_300px .wysiwyg-editor { height: 300px; } .\[\&_\>_\*\]\:w_100\%\! > * { width: 100% !important; } .\[\&_\.dropdown\]\:right_-4px .dropdown,.\[\&_\.fa-caret-down\]\:right_-4px .fa-caret-down { right: -4px; } .\[\&\.fill\]\:w_calc\(100\%_-_4px\).fill { width: calc(100% - 4px); } .\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:ml_-4px:not(.no-title) i,.\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:ml_-4px:not(.no-title) svg { margin-left: -4px; } .\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:mr_4px:not(.no-title) i,.\[\&\:not\(\.no-title\)_i\,_\&\:not\(\.no-title\)_svg\]\:mr_4px:not(.no-title) svg { margin-right: 4px; } .\[\&_svg\,_\&_i\]\:mt_-2px svg,.\[\&_svg\,_\&_i\]\:mt_-2px i { margin-top: -2px; } .\[\&\.active_\>_div\:after\]\:h_12px.active > div:after { height: 12px; } .\[\&\.active_\>_div\:after\]\:left_4px.active > div:after { left: 4px; } .\[\&\.active_\>_div\:after\]\:top_4px.active > div:after { top: 4px; } .\[\&\.active_\>_div\:after\]\:w_12px.active > div:after { width: 12px; } .\[\&_\.active-plane\]\:h_4px .active-plane { height: 4px; } .\[\&_\.active-plane\]\:left_0px .active-plane { left: 0px; } .\[\&_\.active-plane\]\:ml_8px .active-plane { margin-left: 8px; } .\[\&_\.active-plane\]\:mr_8px .active-plane { margin-right: 8px; } .\[\&_\.active-plane\]\:top_10px .active-plane { top: 10px; } .\[\&_\.back-plane\]\:h_4px .back-plane { height: 4px; } .\[\&_\.back-plane\]\:left_0px .back-plane { left: 0px; } .\[\&_\.back-plane\]\:ml_8px .back-plane { margin-left: 8px; } .\[\&_\.back-plane\]\:mr_8px .back-plane { margin-right: 8px; } .\[\&_\.back-plane\]\:top_10px .back-plane { top: 10px; } .\[\&_\.back-plane\]\:w_calc\(100\%_-_16px\) .back-plane { width: calc(100% - 16px); } .\[\&_\.input\]\:h_4px .input { height: 4px; } .\[\&_\.input\]\:w_100\% .input { width: 100%; } .\[\&_\.label\]\:top_-28px .label { top: -28px; } .\[\&_\.pointer\]\:left_-2px .pointer { left: -2px; } .\[\&_\.pointer\]\:top_2px .pointer { top: 2px; } .\[\&_\.tooltip\]\:h_40px .tooltip { height: 40px; } .\[\&_\.tooltip\]\:ml_-10px .tooltip { margin-left: -10px; } .\[\&_\.tooltip\]\:top_-56px .tooltip { top: -56px; } .\[\&_\.tooltip\]\:w_40px .tooltip { width: 40px; } .\[\&_\.value-label\]\:h_32px .value-label { height: 32px; } .\[\&_\.value-label\]\:right_4px .value-label { right: 4px; } .\[\&_\.value-label\]\:top_-6px .value-label { top: -6px; } .\[\&_\.value-label\]\:w_32px .value-label { width: 32px; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\).complete:not(.disabled) .submit-loader { left: calc(var(--width) / 2 - var(--height) / 2); } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:w_var\(--height\).complete:not(.disabled) .submit-loader { width: var(--height); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\).loading:not(.disabled) .submit-loader { left: calc(var(--width) / 2 - var(--height) / 2); } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:w_var\(--height\).loading:not(.disabled) .submit-loader { width: var(--height); } .\[\&_\.submit-loader\]\:h_var\(--height\) .submit-loader { height: var(--height); } .\[\&_\.submit-loader\]\:left_0px .submit-loader { left: 0px; } .\[\&_\.submit-loader\]\:w_var\(--width\) .submit-loader { width: var(--width); } .\[\&_\.submit-overlay\]\:bd-r-c_\#1976d2 .submit-overlay { border-right-color: #1976d2; } .\[\&_\.submit-overlay\]\:h_var\(--height\) .submit-overlay { height: var(--height); } .\[\&_\.submit-overlay\]\:left_calc\(var\(--width\)_\/_2_-_var\(--height\)\/2\) .submit-overlay { left: calc(var(--width) / 2 - var(--height)/2); } .\[\&_\.submit-overlay\]\:top_0px .submit-overlay { top: 0px; } .\[\&_\.submit-overlay\]\:w_var\(--height\) .submit-overlay { width: var(--height); } .\[\&_\>_div\.active_\.front\]\:left_34px > div.active .front { left: 34px; } .\[\&_input\]\:h_48px input { height: 48px; } .\[\&_input\]\:left_0 input { left: var(--spacing-0); } .\[\&_input\]\:top_0 input { top: var(--spacing-0); } .\[\&_input\]\:w_100\% input { width: 100%; } .\[\&\.open\]\:bottom_32px.open { bottom: 32px; } .\[\&_\.toast\]\:h_24px .toast { height: 24px; } .\[\&_\.toast\]\:top_0px .toast { top: 0px; } .\[\&_\.toast\]\:w_320px .toast { width: 320px; } .\[\&_\.card-actions\]\:right_0px .card-actions { right: 0px; } .\[\&_\.card-actions\]\:top_0px .card-actions { top: 0px; } .\[\&_\.fab\]\:h_48px .fab { height: 48px; } .\[\&_\.fab\]\:max-h_480px .fab { max-height: 480px; } .\[\&_\.fab\]\:right_24px .fab { right: 24px; } .\[\&_\.fab\]\:w_48px .fab { width: 48px; } .\[\&\.small\]\:pb_0px.small { padding-bottom: 0px; } .\[\&\.sticky\]\:top_0px.sticky { top: 0px; } .\[\&_\.title\]\:pt_24px .title { padding-top: 24px; } .\[\&_\.title\,_\&_\.subtitle\]\:pl_32px .title,.\[\&_\.title\,_\&_\.subtitle\]\:pl_32px .subtitle { padding-left: 32px; } .\[\&\.coloured_\>_ul_li\]\:bd-b-c_transparent.coloured > ul li { border-bottom-color: var(--colors-transparent); } .\[\&\.small_\>_ul_li\]\:pb_12px.small > ul li { padding-bottom: 12px; } .\[\&_\>_ul\]\:pt_3px > ul { padding-top: 3px; } .\[\&_\.spacer\]\:h_calc\(16px_\*_2\) .spacer { height: calc(16px * 2); } .\[\&_\.spacer\]\:w_100\% .spacer { width: 100%; } .\[\&\:not\(\.vertical\)_\.fb-1\]\:min-w_calc\(8\%_-_16px_\*_2\):not(.vertical) .fb-1 { min-width: calc(8% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-2\]\:min-w_calc\(16\%_-_16px_\*_2\):not(.vertical) .fb-2 { min-width: calc(16% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-3\]\:min-w_calc\(25\%_-_16px_\*_2\):not(.vertical) .fb-3 { min-width: calc(25% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-4\]\:min-w_calc\(33\%_-_16px_\*_2\):not(.vertical) .fb-4 { min-width: calc(33% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-5\]\:min-w_calc\(42\%_-_16px_\*_2\):not(.vertical) .fb-5 { min-width: calc(42% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-6\]\:min-w_calc\(50\%_-_16px_\*_2\):not(.vertical) .fb-6 { min-width: calc(50% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-7\]\:min-w_calc\(58\%_-_16px_\*_2\):not(.vertical) .fb-7 { min-width: calc(58% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-8\]\:min-w_calc\(66\%_-_16px_\*_2\):not(.vertical) .fb-8 { min-width: calc(66% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-9\]\:min-w_calc\(75\%_-_16px_\*_2\):not(.vertical) .fb-9 { min-width: calc(75% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-10\]\:min-w_calc\(83\%_-_16px_\*_2\):not(.vertical) .fb-10 { min-width: calc(83% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-11\]\:min-w_calc\(92\%_-_16px_\*_2\):not(.vertical) .fb-11 { min-width: calc(92% - 16px * 2); } .\[\&\:not\(\.vertical\)_\.fb-12\]\:min-w_calc\(100\%_-_16px_\*_2\):not(.vertical) .fb-12 { min-width: calc(100% - 16px * 2); } .\[\&_\.error-label\]\:left_0px .error-label { left: 0px; } .\[\&_\.error-label\]\:top_32px .error-label { top: 32px; } .\[\&_\.label\]\:left_0px .label { left: 0px; } .\[\&_\.label\]\:top_10px .label { top: 10px; } .\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px.has-ball .title,.\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px.has-ball .subtitle { margin-left: 48px; } .\[\&\.swiped-away\]\:left_100\%.swiped-away { left: 100%; } .\[\&\.skeleton\]\:h_16px.skeleton { height: 16px; } .\[\&\.skeleton\]\:ml_8px.skeleton { margin-left: 8px; } .\[\&\.skeleton\]\:mt_4px.skeleton { margin-top: 4px; } .\[\&\.skeleton\]\:min-w_100px.skeleton { min-width: 100px; } .\[\&\.skeleton\]\:w_20\%.skeleton { width: 20%; } .\[\&\.skeleton\]\:mt_10px.skeleton { margin-top: 10px; } .\[\&\.skeleton\]\:min-w_120px.skeleton { min-width: 120px; } .\[\&\.skeleton\]\:w_25\%.skeleton { width: 25%; } .\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:left_auto.left > div > div > .react-menu,.\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:left_auto.-left > div > div > .react-menu { left: auto; } .\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:right_calc\(100\%_-_4px\).left > div > div > .react-menu,.\[\&\.left_\>_div_\>_div_\>_\.react-menu\,_\&\.-left_\>_div_\>_div_\>_\.react-menu\]\:right_calc\(100\%_-_4px\).-left > div > div > .react-menu { right: calc(100% - 4px); } .\[\&_\.slide-right-back-enter\]\:h_100vh .slide-right-back-enter { height: 100vh; } .\[\&_\.slide-right-back-enter\]\:left_-10vw .slide-right-back-enter { left: -10vw; } .\[\&_\.slide-right-back-enter\]\:top_0px .slide-right-back-enter { top: 0px; } .\[\&_\.slide-right-back-enter\]\:w_100vw .slide-right-back-enter { width: 100vw; } .\[\&_\.slide-right-back-exit\]\:left_0 .slide-right-back-exit { left: var(--spacing-0); } .\[\&_\.slide-right-enter\]\:left_100vw .slide-right-enter { left: 100vw; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:h_100vh .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:h_100vh .slide-right-back-leave { height: 100vh; } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:top_0 .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:top_0 .slide-right-back-leave { top: var(--spacing-0); } .\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:w_100vw .slide-right-enter,.\[\&_\.slide-right-enter\,_\&_\.slide-right-back-leave\]\:w_100vw .slide-right-back-leave { width: 100vw; } .\[\&_\.slide-right-exit\]\:h_100vh .slide-right-exit { height: 100vh; } .\[\&_\.slide-right-exit\]\:left_0 .slide-right-exit { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:top_0px .slide-right-exit { top: 0px; } .\[\&_\.slide-right-exit\]\:w_100vw .slide-right-exit { width: 100vw; } .\[\&_\>_a\:hover\,_\&_\>_a\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > a:hover,.\[\&_\>_a\:hover\,_\&_\>_a\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > a:focus { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:bg_var\(--tab-item-hover-colour\) > ul li:focus,.\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:bg_var\(--tab-item-hover-colour\) > ul li:hover { background: var(--tab-item-hover-colour); } .\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee:hover,.\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee:focus { background: #eeeeee; } .\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour\,_\#1976d2\):hover,.\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour\,_\#1976d2\):focus { background: var(--primary-colour, #1976d2); } .\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\):hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\):focus:after { background: rgba(255,255,255,0.15); } .\[\&\:hover\,_\&\:focus-visible\]\:bg_\#f44336:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bg_\#f44336:focus-visible { background: #f44336; } .\[\&\:hover\,_\&\:focus-visible\]\:bg_white:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bg_white:focus-visible { background: var(--colors-white); } .\[\&\:focus-visible\]\:bg_var\(--background-colour\):focus-visible { background: var(--background-colour); } .\[\&\:not\(\.disabled\)\:hover\,_\&\:not\(\.disabled\)\:focus-visible\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.5\):not(.disabled):hover,.\[\&\:not\(\.disabled\)\:hover\,_\&\:not\(\.disabled\)\:focus-visible\]\:bg_rgba\(var\(--accent-background-colour-rgb\)\,_0\.5\):not(.disabled):focus-visible { background: rgba(var(--accent-background-colour-rgb), 0.5); } .\[\&\:hover\,_\&\:focus\]\:trs_background-color_200ms\,_color_200ms:hover,.\[\&\:hover\,_\&\:focus\]\:trs_background-color_200ms\,_color_200ms:focus { transition: background-color 200ms, color 200ms; } .focus\:bd-c_stories-accent-primary:is(:focus, [data-focus]) { border-color: var(--colors-stories-accent-primary); } .focus\:ring_none:is(:focus, [data-focus]) { outline: var(--borders-none); } .focus\:bd-c_brand:is(:focus, [data-focus]) { border-color: var(--colors-brand); } .focus\:bd-c_form-field-focus:is(:focus, [data-focus]) { border-color: var(--colors-form-field-focus); } .focus\:bd-c_beedee-brand:is(:focus, [data-focus]) { border-color: var(--colors-beedee-brand); } .focus\:bd-c_\#f59e0b:is(:focus, [data-focus]) { border-color: #f59e0b; } .\[\&\:hover\,_\&\:focus-visible\]\:bdr_50\%:hover,.\[\&\:hover\,_\&\:focus-visible\]\:bdr_50\%:focus-visible { border-radius: 50%; } .\[\&\:focus-visible\]\:ring_var\(--gap\)_solid_var\(--text-colour\):focus-visible { outline: var(--gap) solid var(--text-colour); } .\[\&\:hover_\>_div\,_\&\:focus_\>_div\]\:bd-w_4px:hover > div,.\[\&\:hover_\>_div\,_\&\:focus_\>_div\]\:bd-w_4px:focus > div { border-width: 4px; } .\[\&\:hover\,_\&\:focus\]\:ring_none:hover,.\[\&\:hover\,_\&\:focus\]\:ring_none:focus { outline: var(--borders-none); } .\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:c_var\(--tab-item-text-hover-colour\) > ul li:focus,.\[\&_\>_ul_li\:focus\,_\&_\>_ul_li\:hover\]\:c_var\(--tab-item-text-hover-colour\) > ul li:hover { color: var(--tab-item-text-hover-colour); } .\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\):hover,.\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\):focus { color: var(--text-colour, white); } .focus\:bx-sh_0_0_0_2px_rgba\(129\,140\,248\,0\.2\):is(:focus, [data-focus]) { box-shadow: 0 0 0 2px rgba(129,140,248,0.2); } .focus\:bg-c_white:is(:focus, [data-focus]) { background-color: var(--colors-white); } .focus\:bx-sh_sm:is(:focus, [data-focus]) { box-shadow: var(--shadows-sm); } .\[\&\:hover\,_\&\:focus\]\:bg-c_var\(--primary-hover-colour\,_\#1565c0\):hover,.\[\&\:hover\,_\&\:focus\]\:bg-c_var\(--primary-hover-colour\,_\#1565c0\):focus { background-color: var(--primary-hover-colour, #1565c0); } .focus\:bx-sh_0_0_0_3px_rgba\(26\,_122\,_150\,_0\.12\):is(:focus, [data-focus]) { box-shadow: 0 0 0 3px rgba(26, 122, 150, 0.12); } .\[\&\:hover\,_\&\:focus-visible\]\:c_black:hover,.\[\&\:hover\,_\&\:focus-visible\]\:c_black:focus-visible { color: var(--colors-black); } .\[\&\:focus-visible\]\:bx-sh_4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\):focus-visible { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); } .\[\&\:focus-visible\]\:trf_scale\(1\.5\):focus-visible { transform: scale(1.5); } .\[\&\:focus-visible\]\:trf-o_center:focus-visible { transform-origin: center; } .\[\&\:focus-visible\]\:c_var\(--text-colour\):focus-visible { color: var(--text-colour); } .\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled):hover .layout-preview,.\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled):focus-visible .layout-preview,.\[\&\:not\(\.disabled\)\:hover_\.layout-preview\,_\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\,_\&\:not\(\.disabled\)\.active_\.layout-preview\]\:op_1:not(.disabled).active .layout-preview { opacity: 1; } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_rgba\(0\,_0\,_0\,_0\.025\) > ul > li:focus { background-color: rgba(0, 0, 0, 0.025); } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_\#1565c0 > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:bg-c_\#1565c0 > ul > li:focus { background-color: #1565c0; } .\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:c_white > ul > li:hover,.\[\&_\>_ul_\>_li\:hover\,_\&_\>_ul_\>_li\:focus\]\:c_white > ul > li:focus { color: var(--colors-white); } .focus\:bd-b-c_form-field-focus:is(:focus, [data-focus]) { border-bottom-color: var(--colors-form-field-focus); } .\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_0\%:focus:after { bottom: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:left_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:left_0\%:focus:after { left: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:right_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:right_0\%:focus:after { right: 0%; } .\[\&\:hover\:after\,_\&\:focus\:after\]\:top_0\%:hover:after,.\[\&\:hover\:after\,_\&\:focus\:after\]\:top_0\%:focus:after { top: 0%; } .hover\:bg_\#f0f0f0:is(:hover, [data-hover]) { background: #f0f0f0; } .hover\:bg_rgba\(255\,_255\,_255\,_0\.35\):is(:hover, [data-hover]) { background: rgba(255, 255, 255, 0.35); } .hover\:bg_rgba\(255\,_255\,_255\,_0\.1\):is(:hover, [data-hover]) { background: rgba(255, 255, 255, 0.1); } .\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\):hover { background: rgba(0, 0, 0, 0.1); } .hover\:bg_blue\.50:is(:hover, [data-hover]) { background: var(--colors-blue-50); } .hover\:bd_blue\.500:is(:hover, [data-hover]) { border: blue.500; } .hover\:bg_beedee-brand-dark:is(:hover, [data-hover]) { background: var(--colors-beedee-brand-dark); } .hover\:bg_beedee-brand-light:is(:hover, [data-hover]) { background: var(--colors-beedee-brand-light); } .hover\:bg_\#fdf0ee:is(:hover, [data-hover]) { background: #fdf0ee; } .hover\:bg_grey\.50:is(:hover, [data-hover]) { background: grey.50; } .hover\:bg_\#faf5ff:is(:hover, [data-hover]) { background: #faf5ff; } .hover\:bg_var\(--background-colour\):is(:hover, [data-hover]) { background: var(--background-colour); } .hover\:bg_\#d4d4d4:is(:hover, [data-hover]) { background: #d4d4d4; } .\[\&_span\:hover\]\:bg_rgba\(255\,_255\,_255\,_0\.5\) span:hover { background: rgba(255, 255, 255, 0.5); } .\[\&_\.action-container_\>_svg\:hover\]\:bg_white .action-container > svg:hover { background: var(--colors-white); } .hover\:bg_rgba\(255\,_255\,_255\,_0\.15\):is(:hover, [data-hover]),.\[\&_li_svg\.close\:hover\]\:bg_rgba\(255\,_255\,_255\,_0\.15\) li svg.close:hover { background: rgba(255, 255, 255, 0.15); } .\[\&\:hover\:not\(\.disabled\)_\.submit-loader\]\:bg_\#2196f3:hover:not(.disabled) .submit-loader { background: #2196f3; } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .back,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .front { border: 4px solid rgba(0, 0, 0, 0.25); } .hover\:td_underline:is(:hover, [data-hover]) { text-decoration: underline; } .hover\:bd-c_stories-accent-primary:is(:hover, [data-hover]) { border-color: var(--colors-stories-accent-primary); } .hover\:bd-c_stories-accent:is(:hover, [data-hover]) { border-color: var(--colors-stories-accent); } .hover\:bd-c_gray\.400:is(:hover, [data-hover]) { border-color: var(--colors-gray-400); } .hover\:td_none:is(:hover, [data-hover]) { text-decoration: none; } .hover\:bd-c_\#1ba360:is(:hover, [data-hover]) { border-color: #1ba360; } .hover\:bd-c_beedee-border:is(:hover, [data-hover]) { border-color: var(--colors-beedee-border); } .hover\:bd-c_beedee-brand:is(:hover, [data-hover]) { border-color: var(--colors-beedee-brand); } .hover\:bd-c_beedee-brand-mid:is(:hover, [data-hover]) { border-color: var(--colors-beedee-brand-mid); } .hover\:ring_var\(--gap\)_solid_var\(--text-colour\):is(:hover, [data-hover]) { outline: var(--gap) solid var(--text-colour); } .hover\:bdr_4px:is(:hover, [data-hover]),.\[\&_li_svg\.close\:hover\]\:bdr_4px li svg.close:hover { border-radius: 4px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bdr_16px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:bdr_16px:hover:not(.disabled) > div .front { border-radius: 16px; } .hover\:c_\#1565c0:is(:hover, [data-hover]) { color: #1565c0; } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.1\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.1); } .hover\:op_1:is(:hover, [data-hover]) { opacity: 1; } .hover\:bg-c_brand-light:is(:hover, [data-hover]) { background-color: var(--colors-brand-light); } .hover\:bg-c_brand-dark:is(:hover, [data-hover]) { background-color: var(--colors-brand-dark); } .\[\&\:hover\]\:c_rgba\(255\,_255\,_255\,_1\):hover { color: rgba(255, 255, 255, 1); } .hover\:bg-c_stories-sidebar-hover:is(:hover, [data-hover]) { background-color: var(--colors-stories-sidebar-hover); } .hover\:c_stories-fg:is(:hover, [data-hover]) { color: var(--colors-stories-fg); } .\[\&\:hover\]\:bg-c_stories-sidebar-hover:hover { background-color: var(--colors-stories-sidebar-hover); } .hover\:op_0\.9:is(:hover, [data-hover]) { opacity: 0.9; } .hover\:bg-c_grey\.lighten-2:is(:hover, [data-hover]) { background-color: var(--colors-grey-lighten-2); } .hover\:bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_0_2px_1px_rgba\(0\,_0\,_0\,_0\.1\):is(:hover, [data-hover]) { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 0 0 2px 1px rgba(0, 0, 0, 0.1); } .hover\:bg-c_gray\.50:is(:hover, [data-hover]) { background-color: var(--colors-gray-50); } .hover\:c_brand:is(:hover, [data-hover]) { color: var(--colors-brand); } .hover\:bg-c_gray\.200:is(:hover, [data-hover]) { background-color: var(--colors-gray-200); } .hover\:text_blue\.800:is(:hover, [data-hover]) { text: blue.800; } .hover\:c_red\.500:is(:hover, [data-hover]) { color: var(--colors-red-500); } .hover\:bg-c_gray\.100:is(:hover, [data-hover]) { background-color: var(--colors-gray-100); } .hover\:bg-c_red\.50:is(:hover, [data-hover]) { background-color: var(--colors-red-50); } .hover\:bx-sh_0_4px_12px_rgba\(26\,122\,150\,\.35\):is(:hover, [data-hover]) { box-shadow: 0 4px 12px rgba(26,122,150,.35); } .hover\:trf_translateY\(-1px\):is(:hover, [data-hover]) { transform: translateY(-1px); } .hover\:c_beedee-red:is(:hover, [data-hover]) { color: var(--colors-beedee-red); } .hover\:op_0\.8:is(:hover, [data-hover]) { opacity: 0.8; } .hover\:c_beedee-brand:is(:hover, [data-hover]) { color: var(--colors-beedee-brand); } .hover\:c_rgba\(255\,_255\,_255\,_0\.9\):is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.9); } .hover\:bx-sh_0_4px_16px_rgba\(27\,_163\,_96\,_0\.1\):is(:hover, [data-hover]) { box-shadow: 0 4px 16px rgba(27, 163, 96, 0.1); } .hover\:bx-sh_0_4px_20px_rgba\(26\,_122\,_150\,_0\.15\):is(:hover, [data-hover]) { box-shadow: 0 4px 20px rgba(26, 122, 150, 0.15); } .hover\:trf_translateY\(-2px\):is(:hover, [data-hover]) { transform: translateY(-2px); } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.22\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.22); } .hover\:bg-c_rgba\(255\,_255\,_255\,_0\.25\):is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.25); } .hover\:bg-c_beedee-brand-light:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-light); } .hover\:bg-c_beedee-red:is(:hover, [data-hover]) { background-color: var(--colors-beedee-red); } .hover\:bg-c_beedee-brand-mid:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-mid); } .hover\:bg-c_beedee-brand-dark:is(:hover, [data-hover]) { background-color: var(--colors-beedee-brand-dark); } .hover\:bg-c_beedee-green:is(:hover, [data-hover]) { background-color: var(--colors-beedee-green); } .hover\:c_beedee-text:is(:hover, [data-hover]) { color: var(--colors-beedee-text); } .hover\:bg-c_rgba\(0\,0\,0\,0\.04\):is(:hover, [data-hover]) { background-color: rgba(0,0,0,0.04); } .hover\:bg-c_\#d97706:is(:hover, [data-hover]) { background-color: #d97706; } .hover\:bg-c_\#2563eb:is(:hover, [data-hover]) { background-color: #2563eb; } .hover\:bg-c_\#7c3aed:is(:hover, [data-hover]) { background-color: #7c3aed; } .hover\:bg-c_\#f59e0b:is(:hover, [data-hover]) { background-color: #f59e0b; } .hover\:c_white:is(:hover, [data-hover]) { color: var(--colors-white); } .\[\&_table_tr\:hover_\.fa-filter\]\:d_inline-block table tr:hover .fa-filter { display: inline-block; } .hover\:bx-sh_4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\):is(:hover, [data-hover]) { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); } .hover\:trf_scale\(1\.5\):is(:hover, [data-hover]) { transform: scale(1.5); } .hover\:trf-o_center:is(:hover, [data-hover]) { transform-origin: center; } .hover\:c_var\(--text-colour\):is(:hover, [data-hover]) { color: var(--text-colour); } .\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:bg-c_var\(--config-action-item-hover-background\) > span:not(.connection):hover,.\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:bg-c_var\(--config-action-item-hover-background\) > svg:hover { background-color: var(--config-action-item-hover-background); } .\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:c_var\(--config-action-item-text-hover-colour\) > span:not(.connection):hover,.\[\&_\>_span\:not\(\.connection\)\:hover\,_\&_\>_svg\:hover\]\:c_var\(--config-action-item-text-hover-colour\) > svg:hover { color: var(--config-action-item-text-hover-colour); } .\[\&_span\:hover_svg\]\:op_1 span:hover svg { opacity: 1; } .\[\&_\.action-container_\>_svg\:hover\]\:c_black .action-container > svg:hover { color: var(--colors-black); } .\[\&_li\:hover\:not\(\.open\)\]\:bg-c_var\(--tab-item-hover-colour\) li:hover:not(.open) { background-color: var(--tab-item-hover-colour); } .\[\&_li\:hover\:not\(\.open\)\]\:c_var\(--tab-item-text-hover-colour\) li:hover:not(.open) { color: var(--tab-item-text-hover-colour); } .\[\&_li\:hover_svg\.close\]\:c_white li:hover svg.close { color: var(--colors-white); } .\[\&_li\:hover_svg\.close\]\:d_inline-block\! li:hover svg.close { display: inline-block !important; } .\[\&_li\:hover_svg\.unsaved\]\:d_none li:hover svg.unsaved { display: none; } .\[\&\:hover\]\:bx-sh_2px_2px_2px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_0_2px_1px_rgba\(0\,_0\,_0\,_0\.1\):hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 0 0 2px 1px rgba(0, 0, 0, 0.1); } .hover\:bg-c_green\.700:is(:hover, [data-hover]) { background-color: var(--colors-green-700); } .hover\:bg-c_red\.700:is(:hover, [data-hover]) { background-color: var(--colors-red-700); } .hover\:bg-c_orange\.700:is(:hover, [data-hover]) { background-color: var(--colors-orange-700); } .hover\:bg-c_green\.50:is(:hover, [data-hover]) { background-color: var(--colors-green-50); } .hover\:c_green\.600:is(:hover, [data-hover]) { color: var(--colors-green-600); } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:ml_10px.focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:ml_10px:hover:not(.disabled) > div .back { margin-left: 10px; } .\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:mt_0px.focused > div .back,.\[\&\.focused_\>_div_\.back\,_\&\:hover\:not\(\.disabled\)_\>_div_\.back\]\:mt_0px:hover:not(.disabled) > div .back { margin-top: 0px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:ml_-4px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:ml_-4px:hover:not(.disabled) > div .front { margin-left: -4px; } .\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:top_4px.focused > div .front,.\[\&\.focused_\>_div_\.front\,_\&\:hover\:not\(\.disabled\)_\>_div_\.front\]\:top_4px:hover:not(.disabled) > div .front { top: 4px; } .\[\&\:active\:after\]\:bg_rgba\(255\,255\,255\,0\.35\):active:after { background: rgba(255,255,255,0.35); } .\[\&\:active\:not\(\.disabled\)_\.submit-loader\]\:bg_\#90caf9:active:not(.disabled) .submit-loader { background: #90caf9; } .\[\&\:active\]\:bg-c_var\(--primary-active-colour\,_\#0d47a1\):active { background-color: var(--primary-active-colour, #0d47a1); } .\[\&\:active\]\:bx-sh_0_12px_17px_2px_rgba\(0\,0\,0\,0\.14\)\,_0_5px_22px_4px_rgba\(0\,0\,0\,0\.12\)\,_0_7px_8px_rgba\(0\,0\,0\,0\.2\):active { box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px rgba(0,0,0,0.2); } .active\:trf_translateY\(0\):is(:active, [data-active]) { transform: translateY(0); } .\[\&\:not\(\.flat\)\:active\]\:bx-sh_0_2px_4px_0px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_0px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_0px_rgba\(0\,_0\,_0\,_0\.4\):not(.flat):active { box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.14), 0 4px 5px 0px rgba(0, 0, 0, 0.12), 0 1px 10px 0px rgba(0, 0, 0, 0.4); } .\[\&\:active\]\:bx-sh_0_12px_17px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_5px_22px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_7px_8px_rgba\(0\,_0\,_0\,_0\.2\):active { box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px rgba(0, 0, 0, 0.2); } .\[\&\:active\:after\]\:bottom_0\%:active:after { bottom: 0%; } .\[\&\:active\:after\]\:left_0\%:active:after { left: 0%; } .\[\&\:active\:after\]\:right_0\%:active:after { right: 0%; } .\[\&\:active\:after\]\:top_0\%:active:after { top: 0%; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:bg_none .filter-group .icon-add { background: none; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:bd_none .filter-group .icon-add { border: var(--borders-none); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:p_8px .filter-group .icon-add { padding: 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:bg_none .filter-inputs .inline-logic { background: none; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:bd_none .filter-inputs .inline-logic { border: var(--borders-none); } .\[\&_\.filter-inputs\]\:after\:bg_\#bdbdbd .filter-inputs::after { background: #bdbdbd; } .\[\&_form\]\:\[\&_fieldset\]\:bd_1px_solid_rgb\(120\,_120\,_120\) form fieldset { border: 1px solid rgb(120, 120, 120); } .\[\&_form\]\:\[\&_fieldset\]\:p_8px_16px form fieldset { padding: 8px 16px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:p_12px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:p_12px .action-container i { padding: 12px; } .\[\&_\.notification-area-container\]\:\[\&\:hover\:not\(\.disabled\)\]\:bg_none .notification-area-container:hover:not(.disabled) { background: none; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:m_0px .notification-area-container ul { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:p_0px .notification-area-container ul { padding: 0px; } .\[\&_\.note-message\]\:\[\&_p\]\:m_0px .note-message p { margin: 0px; } .\[\&_li\]\:\[\&_a\]\:p_8px li a,.\[\&_ul\.file-list-contents\]\:\[\&_li\]\:p_8px ul.file-list-contents li,.\[\&_ul\]\:\[\&_li\]\:p_8px ul li { padding: 8px; } .\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee > button:hover,.\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee > button:focus { background: #eeeeee; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:bg_\#bdbdbd > div .filter-group::before { background: #bdbdbd; } .\[\&_li\]\:\[\&_\>_span\]\:p_4px li > span { padding: 4px; } .\[\&_li\]\:\[\&_label\]\:m_0px li label { margin: 0px; } .\[\&_li\]\:\[\&_label\]\:p_4px li label { padding: 4px; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:p_8px_12px > ul > li { padding: 8px 12px; } .\[\&_\>_span\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) > span:hover { background: rgba(0, 0, 0, 0.15); } .\[\&_\>_div\]\:\[\&_h1\]\:m_0px > div h1 { margin: 0px; } .\[\&_ul\]\:\[\&_li\]\:p_8px_16px ul li { padding: 8px 16px; } .\[\&_\>_ul\]\:\[\&_li\]\:bg_rgba\(0\,_0\,_0\,_0\.2\) > ul li { background: rgba(0, 0, 0, 0.2); } .\[\&_\>_ul\]\:\[\&_li\]\:p_4px_12px > ul li { padding: 4px 12px; } .\[\&_ul\]\:\[\&_li\]\:p_4px_8px ul li { padding: 4px 8px; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:p_4px > * > * { padding: 4px; } .\[\&_\.inner\]\:\[\&_button\]\:p_8px_8px .inner button { padding: 8px 8px; } .\[\&\.number-input\]\:\[\&_button\]\:bd_none.number-input button { border: var(--borders-none); } .\[\&_\>_div\]\:\[\&\:after\]\:bg_var\(--primary-colour\,_\#1976d2\) > div:after { background: var(--primary-colour, #1976d2); } .\[\&\.disabled\]\:\[\&\:after\]\:bg_rgb\(180\,_180\,_180\).disabled:after { background: rgb(180, 180, 180); } .\[\&\.disabled\]\:\[\&\:after\]\:bd_4px_solid_var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\).disabled:after { border: 4px solid var(--backgroundColor, rgb(224, 224, 224)); } .\[\&\.has-value\]\:\[\&\:before\]\:bg_var\(--primary-colour\,_\#1976d2\).has-value:before { background: var(--primary-colour, #1976d2); } .\[\&_li\]\:\[\&_svg\]\:m_0px li svg { margin: 0px; } .\[\&_\.front\]\:\[\&_\>_div\]\:bg_var\(--primary-colour\,_\#1565c0\) .front > div { background: var(--primary-colour, #1565c0); } .\[\&_i\]\:\[\&\:hover\]\:bg_\#dddddd i:hover { background: #dddddd; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:anim_loading-bar-animation_1500ms_ease-in-out_infinite .loading-bar:after { animation: loading-bar-animation 1500ms ease-in-out infinite; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:bg_var\(--text-colour\,_rgb\(255\,255\,255\)\) .loading-bar:after { background: var(--text-colour, rgb(255,255,255)); } .\[\&_span\.input\]\:\[\&_input\]\:bd_none span.input input { border: var(--borders-none); } .\[\&_span\.input\]\:\[\&_input\]\:p_8px span.input input { padding: 8px; } .\[\&_\>_span\]\:\[\&\:active\:after\]\:bg_rgba\(255\,255\,255\,0\.35\) > span:active:after { background: rgba(255,255,255,0.35); } .\[\&_\>_span\]\:\[\&\:after\]\:bg_rgba\(255\,255\,255\,0\) > span:after { background: rgba(255,255,255,0); } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\) > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bg_rgba\(255\,255\,255\,0\.15\) > span:focus:after { background: rgba(255,255,255,0.15); } .\[\&_button\]\:\[\&\:active\]\:bg_var\(--primary-active-colour\,_\#0d47a1\) button:active { background: var(--primary-active-colour, #0d47a1); } .\[\&_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\) button:hover,.\[\&_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\) button:focus { background: var(--primary-hover-colour, #1565c0); } .\[\&_button\]\:\[\&_svg\]\:m_0px button svg { margin: 0px; } .\[\&_button\]\:\[\&_svg\]\:p_0px button svg { padding: 0px; } .\[\&_\.config\]\:\[\&_\.config-content\]\:p_48px .config .config-content { padding: 48px; } .\[\&_\.config\]\:\[\&_h1\]\:m_0px .config h1,.\[\&_\.config\]\:\[\&_h2\]\:m_0px .config h2 { margin: 0px; } .\[\&_\.config\]\:\[\&_hr\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config hr { background: rgba(0, 0, 0, 0.25); } .\[\&_\.config\]\:\[\&_hr\]\:bd_none .config hr { border: var(--borders-none); } .\[\&_\.config\]\:\[\&_hr\]\:m_0px .config hr { margin: 0px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:p_16px_8px .config div.range { padding: 16px 8px; } .\[\&\.mini-mobile\]\:\[\&_\.config_\.config-content\]\:p_16px.mini-mobile .config .config-content { padding: 16px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:bg_rgb\(240\,_240\,_240\).mini-mobile .sidebar { background: rgb(240, 240, 240); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\,_\&_\.config\]\:grid-area_content.mini-mobile .sidebar,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\,_\&_\.config\]\:grid-area_content.mini-mobile .config { grid-area: content; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:p_8px .sidebar > a { padding: 8px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:m_16px_32px .sidebar h6 { margin: 16px 32px; } .\[\&_\.sidebar\]\:\[\&_hr\]\:bg_rgba\(255\,_255\,_255\,_0\.25\) .sidebar hr { background: rgba(255, 255, 255, 0.25); } .\[\&_\.sidebar\]\:\[\&_hr\]\:bd_none .sidebar hr { border: var(--borders-none); } .\[\&_\.sidebar\]\:\[\&_hr\]\:m_12px_32px .sidebar hr { margin: 12px 32px; } .\[\&_\.component-container\]\:\[\&_\.component\]\:p_8px .component-container .component { padding: 8px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:bg_\#ffffff .datepicker-input-container .datepicker-toggle { background: #ffffff; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:m_0px .datepicker-input-container .datepicker-toggle { margin: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:p_0px .datepicker-input-container .datepicker-toggle { padding: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:bg_rgb\(244\,_244\,_244\) .datepicker-input-container.disabled .datepicker-input { background: rgb(244, 244, 244); } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:bg_none .datepicker-input-container.disabled .datepicker-toggle { background: none; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:bd_none .datepicker-input-container.disabled .datepicker-toggle { border: var(--borders-none); } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:bg_var\(--color-action-primary\,_\#1976d2\) .content .icon-ball { background: var(--color-action-primary, #1976d2); } .\[\&\.active\]\:\[\&\.react-modal-container\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).active.react-modal-container::backdrop { background: rgba(0, 0, 0, 0.5); } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:grid-area_actions .timepicker .action-container { grid-area: actions; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:grid-area_picker .timepicker .picker { grid-area: picker; } .\[\&_\.timepicker\]\:\[\&_h1\]\:grid-area_header .timepicker h1 { grid-area: header; } .\[\&\.w-form-control\]\:\[\&\.view\]\:p_0\.6em_1\.5em.w-form-control.view { padding: 0.6em 1.5em; } .\[\&_input\]\:focus\:bg_white input:is(:focus, [data-focus]) { background: var(--colors-white); } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bg_var\(--accent-background-colour\).can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bg_var\(--accent-background-colour\).is-editing:hover { background: var(--accent-background-colour); } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) > div:focus-visible { background: var(--header-hover-background-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:m_0px div.title h1 { margin: 0px; } .\[\&_div\.title\]\:\[\&_h1\]\:p_0px div.title h1 { padding: 0px; } .\[\&_ul\]\:\[\&_li\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) ul li { background: rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:m_0px_2px ul li { margin: 0px 2px; } .\[\&_\>_button\]\:hover\:bg_var\(--text-colour\) > button:is(:hover, [data-hover]) { background: var(--text-colour); } .\[\&_\>_li\]\:\[\&\:focus-visible\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) > li:focus-visible,.\[\&_\>_li\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.25\) > li:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.25); } .\[\&_\>_ul_\>_li\]\:\[\&\:focus-visible\]\:bg_\#7a9acb > ul > li:focus-visible,.\[\&_\>_ul_\>_li\]\:hover\:bg_\#7a9acb > ul > li:is(:hover, [data-hover]) { background: #7a9acb; } .\[\&_\>_div\]\:\[\&\:nth-child\(2\)\]\:bg_var\(--background-colour\) > div:nth-child(2) { background: var(--background-colour); } .\[\&_\>_div\]\:\[\&\:nth-child\(2\)\]\:bg_var\(--accent-background-colour\) > div:nth-child(2) { background: var(--accent-background-colour); } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:p_0px > div > div > .nav-item .nav-item { padding: 0px; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:bd_none.full .form-inner-style { border: var(--borders-none); } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) > .icon:focus { background: rgba(0, 0, 0, 0.5); } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:p_0px > div > div .nav-item .nav-item { padding: 0px; } .\[\&\.coloured\:not\(\.flat\)\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\).coloured:not(.flat):hover,.\[\&\.coloured\:not\(\.flat\)\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-hover-colour\,_\#1565c0\).coloured:not(.flat):focus { background: var(--primary-hover-colour, #1565c0); } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:active\:not\(\:disabled\)\]\:bg_\#e0e0e0:not(.coloured):active:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:active\:not\(\:disabled\)\]\:bg_\#e0e0e0.flat:active:not(:disabled) { background: #e0e0e0; } .\[\&_\.back-plane\]\:\[\&\.disabled\]\:bg_rgba\(0\,_0\,_0\,_0\.13\) .back-plane.disabled { background: rgba(0, 0, 0, 0.13); } .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:bg_none .input::-moz-range-track { background: none; } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bg_rgb\(180\,_180\,_180\) .pointer.disabled::after { background: rgb(180, 180, 180); } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bd_4px_solid .pointer.disabled::after { border: 4px solid; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bg_rgb\(224\,_224\,_224\) .pointer::after { background: rgb(224, 224, 224); } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.26\) .pointer::after { border: 4px solid rgba(0, 0, 0, 0.26); } .\[\&_\.pointer\]\:\[\&\:\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .pointer::before { background: rgba(0, 0, 0, 0.5); } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:before\]\:bg_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::before,.\[\&_\.tooltip\]\:\[\&\.has-value\:\:before\]\:bg_var\(--primary-colour\,_\#1976d2\) .tooltip.has-value::before { background: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:bg_rgb\(156\,_156\,_156\) .tooltip::before { background: rgb(156, 156, 156); } .\[\&_\.submit-loader\]\:\[\&_svg\]\:m_8px .submit-loader svg { margin: 8px; } .\[\&_\.button-container\]\:\[\&_i\]\:bg_white .button-container i { background: var(--colors-white); } .\[\&_\.button-container\]\:\[\&_i\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) .button-container i { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\.toast\]\:\[\&\.blue\]\:bg_\#2196f3 .toast.blue { background: #2196f3; } .\[\&_\.toast\]\:\[\&\.green\]\:bg_\#4caf50 .toast.green { background: #4caf50; } .\[\&_\.toast\]\:\[\&\.purple\]\:bg_\#9c27b0 .toast.purple { background: #9c27b0; } .\[\&_\.toast\]\:\[\&\.red\]\:bg_\#f44336 .toast.red { background: #f44336; } .\[\&_\.fab\]\:\[\&_\>_i\]\:bg_rgba\(0\,_0\,_0\,_0\) .fab > i { background: rgba(0, 0, 0, 0); } .\[\&_\.fab\]\:\[\&_\>_i\]\:p_12px .fab > i { padding: 12px; } .\[\&_\.fab\]\:\[\&_textarea\]\:bg_none .fab textarea { background: none; } .\[\&_\.fab\]\:\[\&_textarea\]\:bd_none .fab textarea { border: var(--borders-none); } .\[\&_\.fab\]\:\[\&_textarea\]\:p_32px .fab textarea { padding: 32px; } .\[\&\.coloured_\>_ul_li\]\:\[\&\:after\]\:bg_rgba\(255\,_255\,_255\,_0\.75\).coloured > ul li:after { background: rgba(255, 255, 255, 0.75); } .\[\&_\>_ul\]\:\[\&_li\]\:p_4px_8px > ul li { padding: 4px 8px; } .\[\&\.no-padding\]\:\[\&_\>_\*\]\:m_0px.no-padding > * { margin: 0px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:p_16px_8px .config div.codebox .title { padding: 16px 8px; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:bg_white table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:bg_white table th { background: var(--colors-white); } .\[\&_table\]\:\[\&_td\,_\&_th\]\:bd_1px_solid_\#ccc table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:bd_1px_solid_\#ccc table th { border: 1px solid #ccc; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:p_2px_8px table td,.\[\&_table\]\:\[\&_td\,_\&_th\]\:p_2px_8px table th { padding: 2px 8px; } .\[\&_table\]\:\[\&_th\]\:bg_\#f8f8f8 table th { background: #f8f8f8; } .\[\&_table\]\:\[\&_tr_td\]\:p_0px table tr td { padding: 0px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:p_4px > div > div { padding: 4px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:m_0px > div > h5 { margin: 0px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:p_12px_16px > div > h5 { padding: 12px 16px; } .\[\&_\>_div\]\:\[\&_hr\]\:bg_none > div hr { background: none; } .\[\&_\>_div\]\:\[\&_hr\]\:m_0px > div hr { margin: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:flex_1 .filter-inputs .operator-container { flex: 1 1 0%; } .\[\&_span\]\:after\:bdr_1px span::after { border-radius: 1px; } .\[\&_span\]\:after\:trs_0\.3s span::after { transition: 0.3s; } .\[\&_span\]\:before\:bdr_1px span::before { border-radius: 1px; } .\[\&_span\]\:before\:trs_0\.3s span::before { transition: 0.3s; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:bdr_50\% .action-container > div { border-radius: 50%; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:trs_background-color_200ms\,_color_200ms .action-container > div { transition: background-color 200ms, color 200ms; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:bdr_50\% .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:bdr_50\% .action-container i { border-radius: 50%; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:trs_background-color_200ms\,_color_200ms .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:trs_background-color_200ms\,_color_200ms .action-container i { transition: background-color 200ms, color 200ms; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:flex_1 .notification-area-container .header { flex: 1 1 0%; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:bd-t_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container a.view-all-link { border-top: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:flex_1 .notification-area-container a.view-all-link,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:flex_1 .notification-area-container ul { flex: 1 1 0%; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:li-s_none .notification-area-container ul { list-style: none; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:ov_auto .notification-area-container ul { overflow: auto; } .\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:td_underline a:hover,.\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:td_underline a:focus { text-decoration: underline; } .\[\&_li\]\:\[\&\,_\&_a\]\:td_none li,.\[\&_li\]\:\[\&\,_\&_a\]\:td_none li a { text-decoration: none; } .\[\&_li\]\:\[\&_a\]\:ring_none li a { outline: var(--borders-none); } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:bd-b_1px_solid_\#dddddd ul.file-list-contents li { border-bottom: 1px solid #dddddd; } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_ul\]\:\[\&_li\]\:gap_8px ul li { gap: 8px; } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) ul li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_li\]\:\[\&_\>_span\]\:flex_1 li > span { flex: 1 1 0%; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\) > ul > li { border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25); } .\[\&_\.options\]\:\[\&_input\]\:bd-c_white .options input { border-color: var(--colors-white); } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\>_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) > ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\>_ul\]\:\[\&_li\]\:flex_1 > ul li { flex: 1 1 0%; } .\[\&_\>_ul\]\:\[\&_li\]\:trs_background-color_100ms > ul li { transition: background-color 100ms; } .\[\&_ul\]\:\[\&_li\]\:trs_background-color_200ms\,_color_200ms ul li { transition: background-color 200ms, color 200ms; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:bdr_50\% > * > * { border-radius: 50%; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:trs_background-color_200ms\,_color_200ms > * > * { transition: background-color 200ms, color 200ms; } .\[\&\.number-input\]\:\[\&_button\]\:bd-l_1px_solid_\#8f8f9d.number-input button { border-left: 1px solid #8f8f9d; } .\[\&\.has-dropdown\]\:\[\&\:after\]\:bdr_16px\!.has-dropdown:after { border-radius: 16px !important; } .\[\&_\>_div\]\:\[\&_svg\]\:trs_opacity_200ms > div svg { transition: opacity 200ms; } .\[\&_\>_div\]\:\[\&\:after\]\:bdr_50\% > div:after { border-radius: 50%; } .\[\&_textarea\]\:\[\&\:disabled\]\:bd-c_rgba\(0\,_0\,_0\,_0\.12\) textarea:disabled { border-color: rgba(0, 0, 0, 0.12); } .\[\&_span\.input\]\:\[\&_input\]\:bdr_2px span.input input { border-radius: 2px; } .\[\&_\>_span\]\:\[\&\:after\]\:bdr_50\% > span:after { border-radius: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:trs_background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms > span:after { transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms; } .\[\&_\.config\]\:\[\&_label\.select\]\:grid-template-areas_\'title_select\'_\'subtitle_select\' .config label.select { grid-template-areas: 'title select' 'subtitle select'; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:ring_none .sidebar > a { outline: var(--borders-none); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:td_none .sidebar > a { text-decoration: none; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:bd-l_none .datepicker-input-container .datepicker-toggle { border-left: var(--borders-none); } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:trs_background-color_0\.2s\,_border_0\.2s .datepicker-input-container .datepicker-toggle { transition: background-color 0.2s, border 0.2s; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:bd-c_rgb\(223\,_223\,_223\) .datepicker-input-container.disabled .datepicker-input { border-color: rgb(223, 223, 223); } .\[\&\.invalid\]\:\[\&_\.error-label\]\:trs_opacity_200ms.invalid .error-label { transition: opacity 200ms; } .\[\&\.invalid\]\:\[\&_\.label\]\:trs_color_200ms\,_font-size_200ms\,_top_200ms\,_color_200ms.invalid .label { transition: color 200ms, font-size 200ms, top 200ms, color 200ms; } .\[\&\.invalid\]\:\[\&_input\]\:bd-c_\#f44336.invalid input { border-color: #f44336; } .\[\&\.invalid\]\:\[\&_input\]\:trs_200ms.invalid input { transition: 200ms; } .\[\&_\.content\]\:\[\&_\.icon\]\:bdr_50\% .content .icon,.\[\&_\.content\]\:\[\&_\.icon-ball\]\:bdr_50\% .content .icon-ball { border-radius: 50%; } .\[\&_\.content\]\:\[\&\.non-swiping\]\:trs_left_400ms_ease-in .content.non-swiping { transition: left 400ms ease-in; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:ov_hidden .content .subtitle { overflow: hidden; } .\[\&_\.content\]\:\[\&\.swiped-away\]\:trs_left_400ms_ease-out .content.swiped-away { transition: left 400ms ease-out; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:gap_8px .timepicker .picker { gap: 8px; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bd-c_\#80bdff.w-form-control:focus { border-color: #80bdff; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:ring_0.w-form-control:focus { outline: 0; } .\[\&_input\]\:focus\:bd-c_beedee-brand input:is(:focus, [data-focus]) { border-color: var(--colors-beedee-brand); } .\[\&_input\]\:hover\:bd-c_beedee-border input:is(:hover, [data-hover]) { border-color: var(--colors-beedee-border); } .\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(var\(--text-colour-rgb\)\,_0\.15\) ul li { border-bottom: 1px solid rgba(var(--text-colour-rgb), 0.15); } .\[\&_ul\]\:\[\&_li\]\:ov_hidden ul li { overflow: hidden; } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bd-c_transparent.can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:bd-c_transparent.is-editing:hover { border-color: var(--colors-transparent); } .\[\&_svg\.fa-times\]\:\[\&\:focus-visible\]\:bdr_var\(--base-padding\) svg.fa-times:focus-visible,.\[\&_svg\.fa-times\]\:hover\:bdr_var\(--base-padding\) svg.fa-times:is(:hover, [data-hover]) { border-radius: var(--base-padding); } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:bdr_20px > div:focus-visible { border-radius: 20px; } .\[\&_div\.title\]\:\[\&_h1\]\:flex_1 div.title h1 { flex: 1 1 0%; } .\[\&_div\.title\]\:\[\&_h1\]\:ov_hidden div.title h1 { overflow: hidden; } .\[\&_ul\]\:\[\&_li\]\:trs_background-color\,_color ul li { transition: background-color, color; } .\[\&_\>_button\]\:\[\&\:focus-visible\]\:ring_1px_dotted_var\(--text-colour\) > button:focus-visible { outline: 1px dotted var(--text-colour); } .\[\&\.validation-error\]\:\[\&_\*\]\:bd-c_\#F44336\!.validation-error * { border-color: #F44336 !important; } .\[\&_\.double-fields\]\:\[\&_\>_\*\]\:flex_1 .double-fields > * { flex: 1 1 0%; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:gap_0px .grid-like .triple-fields { gap: 0px; } .\[\&_\.quintuple-fields\]\:\[\&_\>_\*\]\:flex_1 .quintuple-fields > *,.\[\&_\.triple-fields\]\:\[\&_\>_\*\]\:flex_1 .triple-fields > * { flex: 1 1 0%; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div > .nav-item .nav-item-header { transition: color 200ms; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent > .icon:focus { border-color: var(--colors-transparent); } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:trs_color_200ms > div > div .nav-item .nav-item-header { transition: color 200ms; } .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:bd-c_var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\) .pointer.disabled::after { border-color: var(--backgroundColor, rgb(224, 224, 224)); } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bdr_50\% .pointer::after { border-radius: 50%; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:trs_width\,_height\,_left\,_top\,_background-color\,_border-color .pointer::after { transition: width, height, left, top, background-color, border-color; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:bdr_50\% .pointer::before { border-radius: 50%; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:trs_width\,_height\,_left\,_top .pointer::before { transition: width, height, left, top; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:bd-c_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::after { border-color: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:bdr_50\%_50\%_0\%_50\% .tooltip::before { border-radius: 50% 50% 0% 50%; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:trs_background-color_200ms .tooltip::before { transition: background-color 200ms; } .\[\&_\.value-label\]\:\[\&\.focus\]\:bd-b_2px_solid .value-label.focus { border-bottom: 2px solid; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:trs_400ms .submit-loader .submit-complete,.\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:trs_400ms .submit-loader .submit-title { transition: 400ms; } .\[\&_\.button-container\]\:\[\&_i\]\:bdr_50\% .button-container i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&\.open\]\:bdr_0px .fab.open { border-radius: 0px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:bdr_50\% .fab > i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&_\>_i\]\:trs_400ms .fab > i,.\[\&_\.fab\]\:\[\&_div\.editor\]\:trs_400ms .fab div.editor { transition: 400ms; } .\[\&_\.fab\]\:\[\&_textarea\]\:flex_1 .fab textarea { flex: 1 1 0%; } .\[\&_\.fab\]\:\[\&_textarea\]\:ring_transparent .fab textarea { outline: transparent; } .\[\&_\>_ul\]\:\[\&_li\]\:bd-b_3px_solid_rgba\(0\,_0\,_0\,_0\.1\) > ul li { border-bottom: 3px solid rgba(0, 0, 0, 0.1); } .\[\&_\>_ul\]\:\[\&_li\]\:trs_color_400ms > ul li { transition: color 400ms; } .\[\&_\>_div\]\:\[\&_hr\]\:bd-b_none > div hr { border-bottom: var(--borders-none); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-c_rgba\(0\,_0\,_0\,_0\.15\) > div hr { border-color: rgba(0, 0, 0, 0.15); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-l_none > div hr { border-left: var(--borders-none); } .\[\&_\>_div\]\:\[\&_hr\]\:bd-r_none > div hr { border-right: var(--borders-none); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:trs_opacity_400ms .slide-right-back-enter:after,.\[\&_\.slide-right-exit\]\:\[\&\:after\]\:trs_opacity_400ms .slide-right-exit:after { transition: opacity 400ms; } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\).forward .transition-enter { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:z_99.forward .transition-enter { z-index: 99; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:trs-dur_400ms.forward .transition-leave { --transition-duration: 400ms; transition-duration: 400ms; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:trs-tmf_cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\):not(.forward) .transition-leave { --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:z_99:not(.forward) .transition-leave { z-index: 99; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:d_block .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:d_block .filter-group .add-rule { display: block; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:pos_relative .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:pos_relative .filter-group .add-rule { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:pos_absolute .filter-group .delete-group { position: absolute; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:z_1 .filter-group .delete-group { z-index: 1; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:cursor_pointer .filter-group .icon-add { cursor: pointer; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:d_inline-block .filter-group .icon-add { display: inline-block; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:pos_relative .filter-group .icon-add { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:ta_left .filter-group .icon-add { text-align: left; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:d_inline-block .filter-group > div { display: inline-block; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:pos_relative .filter-group > div,.\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:pos_relative .filter-group > div .filter-group { position: relative; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:d_flex .filter-inputs .datepicker-container { display: flex; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:c_\#1976d2 .filter-inputs .inline-logic { color: #1976d2; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:fw_500 .filter-inputs .inline-logic { font-weight: 500; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:tracking_0\.05rem .filter-inputs .inline-logic { letter-spacing: 0.05rem; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:pos_absolute .filter-inputs .inline-logic { position: absolute; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:tt_uppercase .filter-inputs .inline-logic { text-transform: uppercase; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:d_flex .filter-inputs .operator-container { display: flex; } .\[\&_\.filter-inputs\]\:after\:content_\'\' .filter-inputs::after { content: ''; } .\[\&_\.filter-inputs\]\:after\:d_block .filter-inputs::after { display: block; } .\[\&_\.filter-inputs\]\:after\:pos_absolute .filter-inputs::after { position: absolute; } .\[\&_form\]\:\[\&_\>_div\]\:ta_right form > div { text-align: right; } .\[\&_span\]\:\[\&\:\:after\]\:trf_rotate\(-45deg\) span::after { transform: rotate(-45deg); } .\[\&_span\]\:\[\&\:\:before\]\:trf_rotate\(45deg\) span::before { transform: rotate(45deg); } .\[\&_span\]\:after\:bg-c_\#fff span::after { background-color: #fff; } .\[\&_span\]\:after\:content_\'\' span::after { content: ''; } .\[\&_span\]\:after\:d_block span::after { display: block; } .\[\&_span\]\:after\:pos_absolute span::after { position: absolute; } .\[\&_span\]\:before\:bg-c_\#fff span::before { background-color: #fff; } .\[\&_span\]\:before\:content_\'\' span::before { content: ''; } .\[\&_span\]\:before\:d_block span::before { display: block; } .\[\&_span\]\:before\:pos_absolute span::before { position: absolute; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:cursor_pointer .action-container > div { cursor: pointer; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:d_inline-block .action-container > div { display: inline-block; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:fs_16px .action-container > div { font-size: 16px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:fw_bold .action-container > div { font-weight: var(--font-weights-bold); } .\[\&_\.action-container\]\:\[\&_\>_div\]\:tracking_0\.1rem .action-container > div { letter-spacing: 0.1rem; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:ta_center .action-container > div { text-align: center; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:tt_uppercase .action-container > div { text-transform: uppercase; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:va_top .action-container > div { vertical-align: top; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:cursor_pointer .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:cursor_pointer .action-container i { cursor: pointer; } .\[\&_h1\]\:\[\&_span\]\:ff_Roboto h1 span { font-family: Roboto; } .\[\&_h1\]\:\[\&_span\]\:pos_relative h1 span,.\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:pos_relative .notification-area-container .empty,.\[\&_\.notification-area-container\]\:\[\&_\.header\]\:pos_relative .notification-area-container .header { position: relative; } .\[\&_\.notification-area-container\]\:\[\&\:not\(\.disabled\)\]\:cursor_default .notification-area-container:not(.disabled) { cursor: default; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container a.view-all-link { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:cursor_pointer .notification-area-container a.view-all-link { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:d_block .notification-area-container a.view-all-link { display: block; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:fs_0\.75em .notification-area-container a.view-all-link { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:leading_40px .notification-area-container a.view-all-link { line-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:ta_center .notification-area-container a.view-all-link { text-align: center; } .\[\&_button\:not\(\.coloured\)\]\:\[\&\:hover\,_\&\:focus\]\:c_black button:not(.coloured):hover,.\[\&_button\:not\(\.coloured\)\]\:\[\&\:hover\,_\&\:focus\]\:c_black button:not(.coloured):focus { color: var(--colors-black); } .\[\&_li\]\:\[\&\,_\&_a\]\:c_white li,.\[\&_li\]\:\[\&\,_\&_a\]\:c_white li a { color: var(--colors-white); } .\[\&_li\]\:\[\&\,_\&_a\]\:leading_1\.25rem li,.\[\&_li\]\:\[\&\,_\&_a\]\:leading_1\.25rem li a { line-height: 1.25rem; } .\[\&_li\]\:\[\&_a\]\:cursor_pointer li a { cursor: pointer; } .\[\&_li\]\:\[\&_a\]\:d_block li a { display: block; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:cursor_pointer ul.file-list-contents li { cursor: pointer; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:fs_14px ul.file-list-contents li { font-size: 14px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:fw_400 ul.file-list-contents li { font-weight: 400; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:leading_16px ul.file-list-contents li { line-height: 16px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:pos_relative ul.file-list-contents li { position: relative; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:tov_ellipsis ul.file-list-contents li { text-overflow: ellipsis; } .\[\&_blockquote\]\:\[\&_p\]\:d_inline blockquote p { display: inline; } .\[\&_ul\]\:\[\&_li\]\:d_grid ul li { display: grid; } .\[\&_ul\]\:\[\&_li\]\:grid-tc_auto_1fr_auto_auto_1fr ul li { grid-template-columns: auto 1fr auto auto 1fr; } .\[\&_ul\]\:\[\&_li\]\:cursor_pointer ul li { cursor: pointer; } .\[\&_ul\]\:\[\&_li\]\:d_flex ul li { display: flex; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:content_\'\' > div .filter-group::before { content: ''; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:pos_absolute > div .filter-group::before { position: absolute; } .\[\&_li\]\:\[\&_label\]\:d_inline-block li label { display: inline-block; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:cursor_pointer > ul > li { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_\>_li\]\:us_none > ul > li { -webkit-user-select: none; user-select: none; } .\[\&_\.options\]\:\[\&_input\]\:c_white .options input,.\[\&_\.options\]\:\[\&_span\.input_\.label\]\:c_white .options span.input .label,.\[\&_\.options\]\:\[\&_span\.label\]\:c_white .options span.label,.\[\&_input\]\:\[\&\:\:placeholder\]\:c_white input::placeholder,.\[\&_\.options\]\:\[\&_span\.input_\.label\,_\&_\.label\]\:c_white .options span.input .label,.\[\&_\.options\]\:\[\&_span\.input_\.label\,_\&_\.label\]\:c_white .options .label { color: var(--colors-white); } .\[\&_\>_ul\]\:\[\&_li\]\:bx-s_border-box > ul li { box-sizing: border-box; } .\[\&_\>_ul\]\:\[\&_li\]\:c_white > ul li { color: var(--colors-white); } .\[\&_\>_ul\]\:\[\&_li\]\:cursor_pointer > ul li { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_li\]\:d_inline-block > ul li { display: inline-block; } .\[\&_\>_ul\]\:\[\&_li\]\:ff_\'Segoe_UI\'\,_\'Roboto\' > ul li { font-family: 'Segoe UI', 'Roboto'; } .\[\&_\>_ul\]\:\[\&_li\]\:fs_14px > ul li { font-size: 14px; } .\[\&_\>_ul\]\:\[\&_li\]\:leading_24px > ul li { line-height: 24px; } .\[\&_\>_ul\]\:\[\&_li\]\:pos_relative > ul li { position: relative; } .\[\&_\>_ul\]\:\[\&_li\]\:ta_left > ul li { text-align: left; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:bx-s_content-box > * > * { box-sizing: content-box; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:cursor_pointer > * > * { cursor: pointer; } .\[\&\.number-input\]\:\[\&_button\]\:pos_absolute.number-input button { position: absolute; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:-moz-appearance_textfield > div:last-child > input[type="number"] { -moz-appearance: textfield; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > input[type="text"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > input[type="number"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:bx-s_border-box > div:last-child > select { box-sizing: border-box; } .\[\&\.active\]\:\[\&_svg\]\:op_1.active svg { opacity: 1; } .\[\&\:not\(\.disabled\)\]\:\[\&_\*\]\:cursor_pointer:not(.disabled) * { cursor: pointer; } .\[\&_\>_div\]\:\[\&_svg\]\:c_white > div svg { color: var(--colors-white); } .\[\&_\>_div\]\:\[\&_svg\]\:op_0 > div svg { opacity: 0; } .\[\&_\>_div\]\:\[\&_svg\]\:pos_relative > div svg { position: relative; } .\[\&_\>_span\.close\]\:hover\:c_\#777777 > span.close:is(:hover, [data-hover]) { color: #777777; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:d_block > svg > span { display: block; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:fs_15px > svg > span { font-size: 15px; } .\[\&\.disabled\]\:\[\&_\*\]\:cursor_default.disabled * { cursor: default; } .\[\&_\>_div\]\:\[\&\:after\]\:content_\"_\" > div:after { content: " "; } .\[\&_\>_div\]\:\[\&\:after\]\:d_inline-block > div:after { display: inline-block; } .\[\&_\>_div\]\:\[\&\:after\]\:pos_absolute > div:after { position: absolute; } .\[\&_\.snackbar\]\:\[\&\.error\]\:bg-c_\#d74545 .snackbar.error { background-color: #d74545; } .\[\&_\.snackbar\]\:\[\&\.error\]\:c_white .snackbar.error { color: var(--colors-white); } .\[\&_\.snackbar\]\:\[\&\.success\]\:bg-c_\#4d9a51 .snackbar.success { background-color: #4d9a51; } .\[\&_\.snackbar\]\:\[\&\.success\]\:c_white .snackbar.success { color: var(--colors-white); } .\[\&_li\]\:\[\&_svg\]\:cursor_pointer li svg { cursor: pointer; } .\[\&_li\]\:\[\&_svg\]\:d_inline li svg { display: inline; } .\[\&_li\]\:\[\&_svg\]\:tsh_1px_1px_1px_\#666 li svg { text-shadow: 1px 1px 1px #666; } .\[\&\.unsaved\]\:\[\&_\.button-container\]\:op_1.unsaved .button-container { opacity: 1; } .\[\&_textarea\]\:\[\&\:disabled\]\:bg-c_rgba\(0\,_0\,_0\,_0\.06\) textarea:disabled { background-color: rgba(0, 0, 0, 0.06); } .\[\&_textarea\]\:\[\&\:disabled\]\:c_rgba\(0\,_0\,_0\,_0\.42\) textarea:disabled { color: rgba(0, 0, 0, 0.42); } .\[\&_\.loading-bar\]\:\[\&\:after\]\:content_\'\' .loading-bar:after { content: ''; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:op_0\.5 .loading-bar:after { opacity: 0.5; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:pos_absolute .loading-bar:after { position: absolute; } .\[\&_\.search-button\,_\&_\.close-button\]\:\[\&\:hover\]\:c_white .search-button:hover,.\[\&_\.search-button\,_\&_\.close-button\]\:\[\&\:hover\]\:c_white .close-button:hover { color: var(--colors-white); } .\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching .search-button,.\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching .close-button,.\[\&\.searching\]\:\[\&_\.search-button\,_\&_\.close-button\,_\&_input\[type\=\"search\"\]\]\:c_rgba\(0\,0\,0\,0\.7\).searching input[type="search"] { color: rgba(0,0,0,0.7); } .\[\&\.searching\]\:\[\&_input\[type\=\"search\"\]\:\:placeholder\]\:c_rgba\(0\,0\,0\,0\.5\).searching input[type="search"]::placeholder { color: rgba(0,0,0,0.5); } .\[\&\.transparent\]\:\[\&_header_\.title\,_\&_header_\.filter\]\:c_\#444.transparent header .title,.\[\&\.transparent\]\:\[\&_header_\.title\,_\&_header_\.filter\]\:c_\#444.transparent header .filter { color: #444; } .\[\&_span\.input\]\:\[\&_input\]\:c_white span.input input { color: var(--colors-white); } .\[\&_span\.input\]\:\[\&_input\:\:-webkit-search-cancel-button\]\:d_none span.input input::-webkit-search-cancel-button { display: none; } .\[\&_\>_span\]\:\[\&\:after\]\:content_\'\' > span:after { content: ''; } .\[\&_\>_span\]\:\[\&\:after\]\:d_block > span:after { display: block; } .\[\&_\>_span\]\:\[\&\:after\]\:pos_absolute > span:after { position: absolute; } .\[\&_\>_span\]\:\[\&\:after\]\:z_-1 > span:after { z-index: -1; } .\[\&_button\]\:\[\&_\*\]\:cursor_pointer button * { cursor: pointer; } .\[\&_button\]\:\[\&_\*\]\:us_none button * { -webkit-user-select: none; user-select: none; } .\[\&_\.config\]\:\[\&_\.action-container\]\:pos_absolute .config .action-container,.\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:pos_absolute .config div.date .datepicker-container,.\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:pos_absolute .config div.range .range-container { position: absolute; } .\[\&_\.config\]\:\[\&_h1\]\:fs_24px .config h1 { font-size: 24px; } .\[\&_\.config\]\:\[\&_h1\]\:tt_uppercase .config h1 { text-transform: uppercase; } .\[\&_\.config\]\:\[\&_h2\]\:fs_16px .config h2 { font-size: 16px; } .\[\&_\.config\]\:\[\&_h2\]\:op_0\.75 .config h2 { opacity: 0.75; } .\[\&_\.config\]\:\[\&_h2\]\:tt_uppercase .config h2 { text-transform: uppercase; } .\[\&_\.config\]\:\[\&_label\.select\]\:d_grid .config label.select { display: grid; } .\[\&_\.config\]\:\[\&_label\.select\]\:grid-tc_1fr_3fr .config label.select { grid-template-columns: 1fr 3fr; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:d_block .config div.range { display: block; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:pos_relative .config div.range { position: relative; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:tch-a_manipulation .config div.range { touch-action: manipulation; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:c_rgba\(0\,_0\,_0\,_0\.87\).mini-mobile .sidebar { color: rgba(0, 0, 0, 0.87); } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:fs_1\.25rem.mobile .sidebar > a { font-size: 1.25rem; } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:leading_32px.mobile .sidebar > a { line-height: 32px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .sidebar > a { color: rgba(255, 255, 255, 0.87); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:cursor_pointer .sidebar > a { cursor: pointer; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:d_block .sidebar > a { display: block; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:us_none .sidebar > a { -webkit-user-select: none; user-select: none; } .\[\&_\.sidebar\]\:\[\&_h6\]\:c_rgba\(255\,_255\,_255\,_0\.75\) .sidebar h6 { color: rgba(255, 255, 255, 0.75); } .\[\&_\.sidebar\]\:\[\&_h6\]\:fs_14px .sidebar h6 { font-size: 14px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:fw_500 .sidebar h6 { font-weight: 500; } .\[\&_\.sidebar\]\:\[\&_h6\]\:tracking_0\.08rem .sidebar h6 { letter-spacing: 0.08rem; } .\[\&_\.sidebar\]\:\[\&_h6\]\:tt_uppercase .sidebar h6 { text-transform: uppercase; } .\[\&_\.component-container\]\:\[\&_\.component\]\:d_inline-block .component-container .component { display: inline-block; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:pos_absolute .confirm-view .button-container,.\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:pos_absolute .confirm-view > div:not(.button-container) { position: absolute; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:c_\#555 .datepicker-input-container .datepicker-toggle { color: #555; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:d_inline-block .datepicker-input-container .datepicker-toggle { display: inline-block; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:leading_32px .datepicker-input-container .datepicker-toggle { line-height: 32px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:pos_absolute .datepicker-input-container .datepicker-toggle { position: absolute; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:ta_center .datepicker-input-container .datepicker-toggle { text-align: center; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-input\]\:c_\#777 .datepicker-input-container.disabled .datepicker-input { color: #777; } .\[\&_\.datepicker-input-container\]\:\[\&\.disabled_\.datepicker-toggle\]\:op_0\.5 .datepicker-input-container.disabled .datepicker-toggle { opacity: 0.5; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:cursor_pointer .datepicker-input-container:not(.disabled) .datepicker-toggle { cursor: pointer; } .\[\&\.disabled\]\:\[\&_input\]\:c_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\).disabled input { color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62); } .\[\&\.invalid\]\:\[\&_\.error-label\]\:op_1.invalid .error-label { opacity: 1; } .\[\&\.invalid\]\:\[\&_\.label\]\:c_\#f44336.invalid .label { color: #f44336; } .\[\&_input\]\:\[\&\:\:placeholder\]\:op_0\.5 input::placeholder { opacity: 0.5; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:op_0 .action-back .action-swiped-container { opacity: 0; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .trash-icon { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:fs_2em .action-back .trash-icon { font-size: 2em; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:op_1 .action-back .trash-icon { opacity: 1; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:pos_absolute .action-back .trash-icon,.\[\&_\.content\]\:\[\&_\.action\]\:pos_absolute .content .action { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon\]\:c_rgba\(0\,_0\,_0\,_0\.7\) .content .icon { color: rgba(0, 0, 0, 0.7); } .\[\&_\.content\]\:\[\&_\.icon\]\:d_inline-block .content .icon { display: inline-block; } .\[\&_\.content\]\:\[\&_\.icon\]\:fs_24px .content .icon { font-size: 24px; } .\[\&_\.content\]\:\[\&_\.icon\]\:leading_32px .content .icon { line-height: 32px; } .\[\&_\.content\]\:\[\&_\.icon\]\:pos_absolute .content .icon { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon\]\:ta_center .content .icon { text-align: center; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:c_var\(--color-text-primary\,_\#ffffff\) .content .icon-ball { color: var(--color-text-primary, #ffffff); } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:d_inline-block .content .icon-ball { display: inline-block; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:fs_24px .content .icon-ball { font-size: 24px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:fw_300 .content .icon-ball { font-weight: 300; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:leading_32px .content .icon-ball { line-height: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:pos_absolute .content .icon-ball { position: absolute; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:ta_center .content .icon-ball { text-align: center; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:tt_uppercase .content .icon-ball { text-transform: uppercase; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:d_-webkit-box .content .subtitle { display: -webkit-box; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:fs_14px .content .subtitle { font-size: 14px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:leading_14px .content .subtitle { line-height: 14px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:op_0\.7 .content .subtitle { opacity: 0.7; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:tov_ellipsis .content .subtitle { text-overflow: ellipsis; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:-webkit-box-orient_vertical .content .subtitle { -webkit-box-orient: vertical; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:-webkit-line-clamp_2 .content .subtitle { -webkit-line-clamp: 2; } .\[\&_\.content\]\:\[\&_\.title\]\:fs_16px .content .title { font-size: 16px; } .\[\&_\.content\]\:\[\&_\.title\]\:leading_28px .content .title { line-height: 28px; } .\[\&_\.content\]\:\[\&_span\]\:d_block .content span { display: block; } .\[\&\.polyfill\]\:\[\&\.active\]\:op_0\.5.polyfill.active { opacity: 0.5; } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:d_flex .timepicker .action-container { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:jc_space-between .timepicker .action-container { justify-content: space-between; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:d_flex .timepicker .picker { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:jc_center .timepicker .picker { justify-content: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:pos_relative .timepicker .picker { position: relative; } .\[\&_\.timepicker\]\:\[\&_h1\]\:fs_16px .timepicker h1 { font-size: 16px; } .\[\&_\.timepicker\]\:\[\&_h1\]\:fw_bold .timepicker h1 { font-weight: var(--font-weights-bold); } .\[\&_\.timepicker\]\:\[\&_h1\]\:ta_center .timepicker h1 { text-align: center; } .\[\&\.checkbox\]\:\[\&_\>_\*\]\:float_right.checkbox > * { float: right; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bg-c_\#fff.w-form-control:focus { background-color: #fff; } .\[\&\.w-form-control\]\:\[\&\:focus\]\:bx-sh_0_0_0_0\.2rem_rgba\(0\,_123\,_255\,_0\.25\).w-form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .\[\&\.w-form-control\]\:\[\&\:focus\]\:c_\#495057.w-form-control:focus { color: #495057; } .\[\&_input\]\:focus\:bx-sh_0_0_0_3px_rgba\(26\,122\,150\,\.12\) input:is(:focus, [data-focus]) { box-shadow: 0 0 0 3px rgba(26,122,150,.12); } .\[\&_table\.data-grid\]\:\[\&_\.cell_span\]\:leading_18px table.data-grid .cell span { line-height: 18px; } .\[\&_\.extended-link-icon\]\:\[\&\:hover_\>_svg\,_\&\:focus-visible_\>_svg\]\:vis_visible .extended-link-icon:hover > svg,.\[\&_\.extended-link-icon\]\:\[\&\:hover_\>_svg\,_\&\:focus-visible_\>_svg\]\:vis_visible .extended-link-icon:focus-visible > svg { visibility: visible; } .\[\&_\.extended-link-icon\]\:\[\&_\>_svg\]\:vis_hidden .extended-link-icon > svg { visibility: hidden; } .\[\&_ul\]\:\[\&_li\]\:bx-s_border-box ul li { box-sizing: border-box; } .\[\&_ul\]\:\[\&_li\]\:tov_ellipsis ul li { text-overflow: ellipsis; } .\[\&_ul\]\:\[\&_li\]\:us_none ul li { -webkit-user-select: none; user-select: none; } .\[\&_ul\]\:\[\&_li\]\:white-space_nowrap ul li { white-space: nowrap; } .\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:c_var\(--accent-text-colour\).can-click:hover,.\[\&\.can-click\,_\&\.is-editing\]\:\[\&\:hover\]\:c_var\(--accent-text-colour\).is-editing:hover { color: var(--accent-text-colour); } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:c_var\(--text-colour\)\!.field-value > :first-child { color: var(--text-colour) !important; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:fs_0\.6875rem.field-value > :first-child { font-size: 0.6875rem; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:fw_300.field-value > :first-child { font-weight: 300; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:tracking_0\.0625rem.field-value > :first-child { letter-spacing: 0.0625rem; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:leading_unset.field-value > :first-child { line-height: unset; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:op_0\.65.field-value > :first-child { opacity: 0.65; } .\[\&\.field-value\]\:\[\&_\>_\:first-child\]\:tt_uppercase.field-value > :first-child { text-transform: uppercase; } .\[\&_svg\.fa-times\]\:\[\&\:focus-visible\]\:cursor_pointer svg.fa-times:focus-visible,.\[\&_svg\.fa-times\]\:hover\:cursor_pointer svg.fa-times:is(:hover, [data-hover]),.\[\&_\>_span\.filter-name\]\:\[\&_\>_svg\]\:cursor_pointer > span.filter-name > svg { cursor: pointer; } .\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > svg:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > svg:focus-visible,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > div:hover,.\[\&_\>_svg\,_\&_\>_div\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) > div:focus-visible { color: var(--header-hover-text-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:d_inline-block div.title h1 { display: inline-block; } .\[\&_div\.title\]\:\[\&_h1\]\:fs_1\.5rem div.title h1 { font-size: 1.5rem; } .\[\&_div\.title\]\:\[\&_h1\]\:fw_bold div.title h1 { font-weight: var(--font-weights-bold); } .\[\&_div\.title\]\:\[\&_h1\]\:tov_ellipsis div.title h1 { text-overflow: ellipsis; } .\[\&_div\.title\]\:\[\&_h1\]\:white-space_nowrap div.title h1 { white-space: nowrap; } .\[\&_div\.title\]\:\[\&_svg\]\:as_center div.title svg { align-self: center; } .\[\&_div\.title\]\:\[\&_svg\]\:d_inline-block div.title svg { display: inline-block; } .\[\&_div\.title\]\:\[\&_svg\]\:fs_1\.5rem div.title svg { font-size: 1.5rem; } .\[\&_ul\]\:\[\&_li\]\:d_inline-block ul li { display: inline-block; } .\[\&_ul\]\:\[\&_li\]\:pos_relative ul li { position: relative; } .\[\&_ul\]\:\[\&_li\]\:trs-dur_200ms ul li { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\>_button\]\:hover\:c_var\(--background-colour\) > button:is(:hover, [data-hover]) { color: var(--background-colour); } .\[\&_button\:not\(\.close\)\]\:\[\&\:focus-visible\]\:c_black button:not(.close):focus-visible,.\[\&_button\:not\(\.close\)\]\:hover\:c_black button:not(.close):is(:hover, [data-hover]),.\[\&_\>_ul_\>_li\]\:\[\&\:focus-visible\]\:c_black > ul > li:focus-visible,.\[\&_\>_ul_\>_li\]\:hover\:c_black > ul > li:is(:hover, [data-hover]) { color: var(--colors-black); } .\[\&\.validation-error\]\:\[\&_span\.validation-error\]\:c_\#F44336.validation-error span.validation-error { color: #F44336; } .\[\&_\.markdown\]\:\[\&_p\]\:leading_2rem .markdown p { line-height: 2rem; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div > .nav-item .nav-item-header { color: #4464A1; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div > .nav-item .nav-item-header { font-size: 2rem; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div > .nav-item .nav-item-header { font-weight: 700; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div > .nav-item .nav-item-header { line-height: 1.5; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:bx-sh_none.full .form-inner-style { box-shadow: none; } .\[\&_\.info-panel\]\:\[\&_td\]\:tt_uppercase .info-panel td { text-transform: uppercase; } .\[\&_\.info-panel\]\:\[\&_th\:last-child\,_\&_td\:last-child\]\:ta_right .info-panel th:last-child,.\[\&_\.info-panel\]\:\[\&_th\:last-child\,_\&_td\:last-child\]\:ta_right .info-panel td:last-child { text-align: right; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > .icon:hover,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > .icon:focus { color: rgba(255, 255, 255, 0.87); } .\[\&_\.wysiwyg-editor\]\:\[\&_\*\]\:ff_\"Montserrat\"\,_\"Open_Sans\"\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_\"Helvetica_Neue\"\,_Arial\,_\"Noto_Sans\"\,_\"Liberation_Sans\"\,_sans-serif\,_\"Apple_Color_Emoji\"\,_\"Segoe_UI_Emoji\"\,_\"Segoe_UI_Symbol\"\,_\"Noto_Color_Emoji\"\! .wysiwyg-editor * { font-family: "Montserrat", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .\[\&_\.wysiwyg-editor\]\:\[\&_\*\]\:fs_1rem .wysiwyg-editor * { font-size: 1rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:c_\#4464A1 > div > div .nav-item .nav-item-header { color: #4464A1; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:d_none > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:d_none > div > div .nav-item .nav-item-header { display: none; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fs_2rem > div > div .nav-item .nav-item-header { font-size: 2rem; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:fw_700 > div > div .nav-item .nav-item-header { font-weight: 700; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:leading_1\.5 > div > div .nav-item .nav-item-header { line-height: 1.5; } .\[\&\.flat\]\:\[\&\:not\(\.coloured\)\]\:c_var\(--primary-colour\,_\#1976d2\).flat:not(.coloured) { color: var(--primary-colour, #1976d2); } .\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:cursor_pointer.no-title svg,.\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:cursor_pointer.no-title i { cursor: pointer; } .\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee:not(.coloured):hover:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee:not(.coloured):focus:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee.flat:hover:not(:disabled),.\[\&\:not\(\.coloured\)\,_\&\.flat\]\:\[\&\:hover\:not\(\:disabled\)\,_\&\:focus\:not\(\:disabled\)\]\:bg-c_\#eeeeee.flat:focus:not(:disabled) { background-color: #eeeeee; } .\[\&\:not\(\.disabled\)\]\:\[\&_svg\,_\&_i\]\:cursor_pointer:not(.disabled) svg,.\[\&\:not\(\.disabled\)\]\:\[\&_svg\,_\&_i\]\:cursor_pointer:not(.disabled) i { cursor: pointer; } .\[\&_\>_span\.close\]\:\[\&\:hover\]\:c_\#777777 > span.close:hover { color: #777777; } .\[\&_\.active-plane\]\:\[\&\.disabled\]\:op_0 .active-plane.disabled { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:op_0 .input::-moz-range-thumb { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:d_none .input::-moz-range-track { display: none; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:op_0 .input::-webkit-slider-thumb { opacity: 0; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:-webkit-appearance_none .input::-webkit-slider-thumb { -webkit-appearance: none; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:bx-s_border-box .pointer::after { box-sizing: border-box; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:content_\'\' .pointer::after { content: ''; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:d_block .pointer::after { display: block; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:pos_relative .pointer::after { position: relative; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:trs-dur_200ms .pointer::after { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:content_\'\' .pointer::before { content: ''; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:d_block .pointer::before { display: block; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:op_0\.2 .pointer::before { opacity: 0.2; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:pos_absolute .pointer::before { position: absolute; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:trs-dur_200ms .pointer::before { --transition-duration: 200ms; transition-duration: 200ms; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:bg-c_var\(--primary-colour\,_\#1976d2\) .pointer:not(.disabled).has-value::after { background-color: var(--primary-colour, #1976d2); } .\[\&_\.tooltip\]\:\[\&\.focus\]\:op_1 .tooltip.focus { opacity: 1; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:content_\'\' .tooltip::before { content: ''; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:d_block .tooltip::before { display: block; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:pos_absolute .tooltip::before { position: absolute; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:trf_rotate\(45deg\) .tooltip::before { transform: rotate(45deg); } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:z_0 .tooltip::before { z-index: 0; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:c_white .tooltip > span { color: var(--colors-white); } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:d_block .tooltip > span { display: block; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:pos_relative .tooltip > span { position: relative; } .\[\&_\.tooltip\]\:\[\&_\>_span\]\:z_1 .tooltip > span { z-index: 1; } .\[\&_\.value-label\]\:\[\&\.disabled\]\:op_0\.5 .value-label.disabled { opacity: 0.5; } .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-complete\]\:op_1.complete:not(.disabled) .submit-loader .submit-complete,.\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:op_1.complete:not(.disabled) .submit-loader svg { opacity: 1; } .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-title\]\:op_0.loading:not(.disabled) .submit-loader .submit-title,.\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:op_0.loading:not(.disabled) .submit-loader svg { opacity: 0; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:c_white .submit-loader .submit-complete { color: var(--colors-white); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:d_inline-block .submit-loader .submit-complete { display: inline-block; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:fw_bold .submit-loader .submit-complete { font-weight: var(--font-weights-bold); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:leading_var\(--height\) .submit-loader .submit-complete { line-height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:op_0 .submit-loader .submit-complete { opacity: 0; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:pos_absolute .submit-loader .submit-complete { position: absolute; } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:ta_center .submit-loader .submit-complete { text-align: center; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:d_inline-block .submit-loader .submit-title { display: inline-block; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ff_Roboto .submit-loader .submit-title { font-family: Roboto; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:leading_var\(--height\) .submit-loader .submit-title { line-height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:pos_absolute .submit-loader .submit-title { position: absolute; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ta_center .submit-loader .submit-title { text-align: center; } .\[\&_\.button-container\]\:\[\&_i\]\:cursor_pointer .button-container i { cursor: pointer; } .\[\&_\.button-container\]\:\[\&_i\]\:fs_24px .button-container i { font-size: 24px; } .\[\&_\.toast\]\:\[\&_span\]\:d_block .toast span { display: block; } .\[\&_\.toast\]\:\[\&_span\]\:fs_20px .toast span { font-size: 20px; } .\[\&_\.toast\]\:\[\&_span\]\:leading_20px .toast span { line-height: 20px; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\).coloured .card-header .card-actions div.card-action:before,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\) .card-header.coloured .card-actions div.card-action:before,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:bg-c_rgba\(255\,_255\,_255\,_0\.15\).coloured .card-actions div.card-action:before { background-color: rgba(255, 255, 255, 0.15); } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee.coloured .card-header .card-actions div.card-action:hover i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee .card-header.coloured .card-actions div.card-action:hover i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:c_\#eeeeee.coloured .card-actions div.card-action:hover i { color: #eeeeee; } .\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white.coloured .card-header .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white .card-header.coloured .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:c_white.coloured .card-actions div.card-action i,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white.coloured .card-header .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white .card-header.coloured .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.subtitle\]\:c_white.coloured .subtitle,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white.coloured .card-header .title,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white .card-header.coloured .title,.\[\&\.coloured_\.card-header\,_\&_\.card-header\.coloured\,_\&\.coloured\]\:\[\&_\.title\]\:c_white.coloured .title { color: var(--colors-white); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:cursor_pointer .card-actions div.card-action { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:d_inline-block .card-actions div.card-action { display: inline-block; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:pos_relative .card-actions div.card-action { position: relative; } .\[\&_\.fab\]\:\[\&\.coloured_\>_i\]\:c_white .fab.coloured > i { color: var(--colors-white); } .\[\&_\.fab\]\:\[\&\.open\]\:bx-sh_0_3px_4\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_3px_0_rgba\(0\,_0\,_0\,_0\.24\) .fab.open { box-shadow: 0 3px 4.5px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.24); } .\[\&_\.fab\]\:\[\&\.open\]\:cursor_auto .fab.open { cursor: auto; } .\[\&_\.fab\]\:\[\&_\>_i\]\:c_black .fab > i { color: var(--colors-black); } .\[\&_\.fab\]\:\[\&_\>_i\]\:cursor_pointer .fab > i { cursor: pointer; } .\[\&_\.fab\]\:\[\&_\>_i\]\:fs_24px .fab > i { font-size: 24px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:pos_absolute .fab > i { position: absolute; } .\[\&_\.fab\]\:\[\&_\>_i\]\:trf_rotate\(0deg\)_scale\(1\) .fab > i { transform: rotate(0deg) scale(1); } .\[\&_\.fab\]\:\[\&_\>_i\]\:us_none .fab > i { -webkit-user-select: none; user-select: none; } .\[\&_\.fab\]\:\[\&_\>_i\]\:z_1 .fab > i { z-index: 1; } .\[\&_\.fab\]\:\[\&_div\.editor\]\:op_0 .fab div.editor { opacity: 0; } .\[\&_\.fab\]\:\[\&_textarea\]\:cursor_text .fab textarea { cursor: text; } .\[\&_\.fab\]\:\[\&_textarea\]\:fs_20px .fab textarea { font-size: 20px; } .\[\&_\.fab\]\:\[\&_textarea\]\:op_0 .fab textarea { opacity: 0; } .\[\&_\.fab\]\:\[\&_textarea\]\:resize_none .fab textarea { resize: none; } .\[\&_\.card-tabs-content\]\:\[\&_\>_\.inactive\]\:d_none .card-tabs-content > .inactive { display: none; } .\[\&\.coloured_\>_ul_li\]\:\[\&\.active\]\:c_white.coloured > ul li.active { color: var(--colors-white); } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:fs_12px.small > ul li span { font-size: 12px; } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:leading_16px.small > ul li span { line-height: 16px; } .\[\&\.small_\>_ul_li\]\:\[\&_svg\]\:va_middle.small > ul li svg { vertical-align: middle; } .\[\&_\>_ul\]\:\[\&_li\]\:c_rgba\(0\,_0\,_0\,_0\.5\) > ul li { color: rgba(0, 0, 0, 0.5); } .\[\&_\>_ul\]\:\[\&_li\]\:flex-g_2 > ul li { flex-grow: 2; } .\[\&_\>_ul\]\:\[\&_li\]\:flex-sh_0\.5 > ul li { flex-shrink: 0.5; } .\[\&_\>_ul\]\:\[\&_li\]\:fw_500 > ul li { font-weight: 500; } .\[\&_\>_ul\]\:\[\&_li\]\:ta_center > ul li { text-align: center; } .\[\&_\>_ul\]\:\[\&_li\]\:tt_uppercase > ul li { text-transform: uppercase; } .\[\&_\>_ul\]\:\[\&_li\]\:us_none > ul li { -webkit-user-select: none; user-select: none; } .\[\&_\>_ul\]\:\[\&_li\]\:-webkit-user-select_none > ul li { -webkit-user-select: none; } .\[\&_\>_ul\]\:\[\&_li\]\:white-space_nowrap > ul li { white-space: nowrap; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:fs_14px .config div.codebox .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:op_0\.5 .config div.codebox .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:fw_500 .config div.codebox .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\,_\&_div\.codebox_\.subtitle\]\:d_block .config div.codebox .title,.\[\&_\.config\]\:\[\&_div\.codebox_\.title\,_\&_div\.codebox_\.subtitle\]\:d_block .config div.codebox .subtitle { display: block; } .\[\&_table\]\:\[\&_th\]\:fs_12px table th { font-size: 12px; } .\[\&_table\]\:\[\&_th\]\:fw_normal table th { font-weight: var(--font-weights-normal); } .\[\&_table\]\:\[\&_th\]\:leading_12px table th { line-height: 12px; } .\[\&_table\]\:\[\&_tr\.group\]\:cursor_pointer table tr.group,.\[\&_table\]\:\[\&_tr\.hasTip_th\]\:cursor_pointer table tr.hasTip th { cursor: pointer; } .\[\&_\.label\]\:\[\&\.active\]\:fs_12px .label.active { font-size: 12px; } .\[\&_\.label\]\:\[\&\.focus\]\:c_var\(--primary-colour\,_\#1976d2\) .label.focus { color: var(--primary-colour, #1976d2); } .\[\&_\>_div\]\:\[\&_\>_div\]\:bx-s_border-box > div > div { box-sizing: border-box; } .\[\&_\>_div\]\:\[\&_\>_div\]\:d_block > div > div { display: block; } .\[\&_\>_div\]\:\[\&_\>_div\]\:fs_16px > div > div { font-size: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:leading_36px > div > div { line-height: 36px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pos_relative > div > div { position: relative; } .\[\&_\>_div\]\:\[\&_\>_div\]\:us_none > div > div { -webkit-user-select: none; user-select: none; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:bx-s_border-box > div > h5 { box-sizing: border-box; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > h5 { color: rgba(0, 0, 0, 0.7); } .\[\&_\>_div\]\:\[\&_\>_h5\]\:fs_16px > div > h5 { font-size: 16px; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:fw_500 > div > h5 { font-weight: 500; } .\[\&_\>_div\]\:\[\&_\>_h5\]\:leading_24px > div > h5 { line-height: 24px; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:bg-c_rgba\(0\,_0\,_0\,_0\.25\) .slide-right-back-enter:after { background-color: rgba(0, 0, 0, 0.25); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:content_\'\' .slide-right-back-enter:after { content: ''; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:op_1 .slide-right-back-enter:after { opacity: 1; } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:pos_fixed .slide-right-back-enter:after { position: fixed; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:bg-c_rgba\(0\,_0\,_0\,_0\.25\) .slide-right-exit:after { background-color: rgba(0, 0, 0, 0.25); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:content_\'\' .slide-right-exit:after { content: ''; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:op_0 .slide-right-exit:after { opacity: 0; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:pos_fixed .slide-right-exit:after { position: fixed; } .\[\&\.forward\]\:\[\&_\.transition-enter\]\:left_100vw.forward .transition-enter { left: 100vw; } .\[\&\.forward\]\:\[\&_\.transition-enter-active\]\:left_0.forward .transition-enter-active,.\[\&\.forward\]\:\[\&_\.transition-leave\]\:left_0.forward .transition-leave { left: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:left_-10vw.forward .transition-leave-active,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:left_-10vw:not(.forward) .transition-enter { left: -10vw; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:left_0:not(.forward) .transition-leave { left: var(--spacing-0); } .\[\&_\.button-container\]\:\[\&_button\]\:ml_8px .button-container button { margin-left: 8px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:ml_4px .filter-group .add-group,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:ml_4px .filter-group .add-rule { margin-left: 4px; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:left_168px .filter-group .delete-group { left: 168px; } .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:top_1px .filter-group .delete-group { top: 1px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:w_160px .filter-group .icon-add { width: 160px; } .\[\&_\.filter-group\]\:\[\&_\>_div\]\:w_100\% .filter-group > div { width: 100%; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:ml_32px .filter-group > div .filter-group { margin-left: 32px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:pl_16px .filter-group > div .filter-group { padding-left: 16px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:mt_2px .filter-inputs .datepicker-container { margin-top: 2px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:left_40px .filter-inputs .inline-logic { left: 40px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:top_0px .filter-inputs .inline-logic { top: 0px; } .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:pt_0px .filter-inputs.is-first { padding-top: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:pl_48px .filter-inputs .operator-container { padding-left: 48px; } .\[\&_\.filter-inputs\]\:after\:h_95px .filter-inputs::after { height: 95px; } .\[\&_\.filter-inputs\]\:after\:left_30px .filter-inputs::after { left: 30px; } .\[\&_\.filter-inputs\]\:after\:top_-6px .filter-inputs::after { top: -6px; } .\[\&_\.filter-inputs\]\:after\:w_4px .filter-inputs::after { width: 4px; } .\[\&_form\]\:\[\&_\>_div\]\:mt_16px form > div { margin-top: 16px; } .\[\&_span\]\:\[\&\:\:after\]\:bottom_-4\.75px span::after { bottom: -4.75px; } .\[\&_span\]\:\[\&\:\:before\]\:top_-4\.75px span::before { top: -4.75px; } .\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:left_8px span::before,.\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:left_8px span::after { left: 8px; } .\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:w_75\% span::before,.\[\&_span\]\:\[\&\:\:before\,_\&\:\:after\]\:w_75\% span::after { width: 75%; } .\[\&_span\]\:after\:bottom_-6px span::after { bottom: -6px; } .\[\&_span\]\:after\:h_2px span::after { height: 2px; } .\[\&_span\]\:after\:left_0 span::after { left: var(--spacing-0); } .\[\&_span\]\:after\:w_100\% span::after { width: 100%; } .\[\&_span\]\:before\:h_2px span::before { height: 2px; } .\[\&_span\]\:before\:left_0 span::before { left: var(--spacing-0); } .\[\&_span\]\:before\:top_-6px span::before { top: -6px; } .\[\&_span\]\:before\:w_100\% span::before { width: 100%; } .\[\&_\.action-container\]\:\[\&_\>_\*\]\:ml_10px .action-container > * { margin-left: 10px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:h_40px .action-container > div { height: 40px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:pt_9\.5px .action-container > div { padding-top: 9.5px; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:w_40px .action-container > div { width: 40px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:h_40px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:h_40px .action-container i { height: 40px; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:w_40px .action-container svg,.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:w_40px .action-container i { width: 40px; } .\[\&_h1\]\:\[\&_img\]\:h_48px h1 img { height: 48px; } .\[\&_h1\]\:\[\&_img\]\:mt_8px h1 img { margin-top: 8px; } .\[\&_h1\]\:\[\&_span\]\:top_20px h1 span { top: 20px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:h_100\% .notification-area-container .empty { height: 100%; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:max-h_40px .notification-area-container .header,.\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:max-h_40px .notification-area-container a.view-all-link { max-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:w_500px .notification-area-container ul { width: 500px; } .\[\&_li\]\:\[\&_a\]\:ml_-32px li a { margin-left: -32px; } .\[\&_li\]\:\[\&_a\]\:pl_64px li a { padding-left: 64px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:bottom_-8px > div .filter-group::before { bottom: -8px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:h_calc\(100\%_\+_6px\) > div .filter-group::before { height: calc(100% + 6px); } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:left_-2px > div .filter-group::before { left: -2px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:\:before\]\:w_4px > div .filter-group::before { width: 4px; } .\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt_48px > div .filter-group > div { margin-top: 48px; } .\[\&_\>_div\:first-child_\.filter-group\]\:\[\&\:\:before\]\:h_calc\(100\%_-_26px\) > div:first-child .filter-group::before { height: calc(100% - 26px); } .\[\&_span\.input\]\:\[\&_input\]\:w_100\% span.input input { width: 100%; } .\[\&_li\]\:\[\&_\>_span\]\:ml_16px li > span { margin-left: 16px; } .\[\&_\>_ul\]\:\[\&_li\]\:max-h_32px > ul li { max-height: 32px; } .\[\&_\>_ul\]\:\[\&_li\]\:w_200px > ul li { width: 200px; } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:h_1\.25em > * > * { height: 1.25em; } .\[\&_\.inner\]\:\[\&_button\]\:h_unset .inner button { height: unset; } .\[\&\.number-input\]\:\[\&_button\]\:h_25px.number-input button { height: 25px; } .\[\&\.number-input\]\:\[\&_button\]\:right_9px.number-input button { right: 9px; } .\[\&\.number-input\]\:\[\&_button\]\:top_5px.number-input button { top: 5px; } .\[\&\.number-input\]\:\[\&_button\]\:w_40px.number-input button { width: 40px; } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > input[type="text"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > input[type="number"],.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\,_\&_\>_input\[type\=\"number\"\]\,_\&_\>_select\]\:w_100\% > div:last-child > select { width: 100%; } .\[\&_li\]\:\[\&\.active\]\:bd-b-c_rgba\(255\,255\,255\,1\) li.active { border-bottom-color: rgba(255,255,255,1); } .\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,255\,255\,0\.5\) li:hover,.\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,255\,255\,0\.5\) li:focus { border-bottom-color: rgba(255,255,255,0.5); } .\[\&_\>_div\]\:\[\&_svg\]\:ml_2px > div svg { margin-left: 2px; } .\[\&_\>_div\]\:\[\&_svg\]\:mt_2px > div svg { margin-top: 2px; } .\[\&_\>_div\]\:\[\&_svg\]\:top_-2px > div svg { top: -2px; } .\[\&_\>_span\.title\]\:\[\&\.cancellable\]\:pr_4px > span.title.cancellable { padding-right: 4px; } .\[\&_\>_span\.title\]\:\[\&\.hasIcon\]\:pl_8px > span.title.hasIcon { padding-left: 8px; } .\[\&_\>_svg\]\:\[\&_\>_span\]\:mt_6px > svg > span { margin-top: 6px; } .\[\&_\>_div\]\:\[\&\:after\]\:h_0px > div:after { height: 0px; } .\[\&_\>_div\]\:\[\&\:after\]\:left_12px > div:after { left: 12px; } .\[\&_\>_div\]\:\[\&\:after\]\:top_12px > div:after { top: 12px; } .\[\&_\>_div\]\:\[\&\:after\]\:w_0px > div:after { width: 0px; } .\[\&\.unsaved\]\:\[\&_\.button-container\]\:mt_0px.unsaved .button-container { margin-top: 0px; } .\[\&_textarea\]\:\[\&\.without-label\]\:pt_8px textarea.without-label { padding-top: 8px; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:h_100\% .loading-bar:after { height: 100%; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:left_0\% .loading-bar:after { left: 0%; } .\[\&_\.loading-bar\]\:\[\&\:after\]\:w_0\% .loading-bar:after { width: 0%; } .\[\&_span\.input\]\:\[\&_input\]\:mt_0 span.input input { margin-top: var(--spacing-0); } .\[\&_span\.input\]\:\[\&_input\]\:w_calc\(100\%_-_32px\) span.input input { width: calc(100% - 32px); } .\[\&_\>_span\]\:\[\&\:after\]\:bottom_50\% > span:after { bottom: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:left_50\% > span:after { left: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:right_50\% > span:after { right: 50%; } .\[\&_\>_span\]\:\[\&\:after\]\:top_50\% > span:after { top: 50%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:bottom_10\% > span:focus:after { bottom: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:left_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:left_10\% > span:focus:after { left: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:right_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:right_10\% > span:focus:after { right: 10%; } .\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:top_10\% > span:hover:after,.\[\&_\>_span\]\:\[\&\:hover\:after\,_\&\:focus\:after\]\:top_10\% > span:focus:after { top: 10%; } .\[\&_button\]\:\[\&\:first-child\]\:bdr-bl_2px button:first-child { border-bottom-left-radius: 2px; } .\[\&_button\]\:\[\&\:first-child\]\:bdr-tl_2px button:first-child { border-top-left-radius: 2px; } .\[\&_button\]\:\[\&\:last-child\]\:bdr-br_2px button:last-child { border-bottom-right-radius: 2px; } .\[\&_button\]\:\[\&\:last-child\]\:bdr-tr_2px button:last-child { border-top-right-radius: 2px; } .\[\&_button\]\:\[\&_svg\]\:ml_4px button svg { margin-left: 4px; } .\[\&_button\]\:\[\&_svg\]\:mr_4px button svg { margin-right: 4px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:right_32px .config .action-container { right: 32px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:top_32px .config .action-container { top: 32px; } .\[\&_\.config\]\:\[\&_\.input\]\:w_calc\(100\%_-_6px\) .config .input { width: calc(100% - 6px); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:right_64px .config div.date .datepicker-container { right: 64px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:top_24px .config div.date .datepicker-container { top: 24px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:right_8px .config div.range .range-container { right: 8px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:top_0px .config div.range .range-container { top: 0px; } .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:w_55\% .config div.range .range-container { width: 55%; } .\[\&_\.config\]\:\[\&_div\.text\]\:pt_8px .config div.text { padding-top: 8px; } .\[\&_\.config\]\:\[\&_h1\]\:mb_8px .config h1,.\[\&_\.config\]\:\[\&_h2\]\:mb_8px .config h2 { margin-bottom: 8px; } .\[\&_\.config\]\:\[\&_h2\]\:mt_16px .config h2 { margin-top: 16px; } .\[\&_\.config\]\:\[\&_hr\]\:h_1px .config hr { height: 1px; } .\[\&_\.config\]\:\[\&_label\.select\]\:h_unset .config label.select { height: unset; } .\[\&_\.config\]\:\[\&_label\.select\]\:min-h_32px .config label.select { min-height: 32px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config label.select,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config div.date,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:min-h_48px .config div.range { min-height: 48px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:pt_0px.mini-mobile .sidebar { padding-top: 0px; } .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:h_32px.mobile .sidebar > a { height: 32px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl_32px .sidebar > a { padding-left: 32px; } .\[\&_\.sidebar\]\:\[\&_h6\]\:mb_4px .sidebar h6 { margin-bottom: 4px; } .\[\&_\.sidebar\]\:\[\&_hr\]\:h_1px .sidebar hr { height: 1px; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:bottom_0px .confirm-view .button-container { bottom: 0px; } .\[\&_\.confirm-view\]\:\[\&_\.button-container\]\:right_2px .confirm-view .button-container { right: 2px; } .\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:bottom_0px .confirm-view > div:not(.button-container) { bottom: 0px; } .\[\&_\.confirm-view\]\:\[\&_\>_div\:not\(\.button-container\)\]\:left_calc\(130px_\+_16px_\+_2px\) .confirm-view > div:not(.button-container) { left: calc(130px + 16px + 2px); } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:h_30px .datepicker-input-container .datepicker-toggle { height: 30px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:right_1px .datepicker-input-container .datepicker-toggle { right: 1px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:top_1px .datepicker-input-container .datepicker-toggle { top: 1px; } .\[\&_\.datepicker-input-container\]\:\[\&_\.datepicker-toggle\]\:w_32px .datepicker-input-container .datepicker-toggle { width: 32px; } .\[\&\.disabled\]\:\[\&_input\]\:border-bottom-style_dashed.disabled input { border-bottom-style: dashed; } .\[\&_\>_div\]\:\[\&\.has-icon\]\:ml_36px > div.has-icon { margin-left: 36px; } .\[\&_\>_div\]\:\[\&\.has-icon\]\:top_-32px > div.has-icon { top: -32px; } .\[\&_input\]\:\[\&\.active\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\) input.active { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&_input\]\:\[\&\.active\]\:bd-b-w_2px input.active { border-bottom-width: 2px; } .\[\&_input\]\:\[\&\.active\]\:mb_0px input.active { margin-bottom: 0px; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:left_24px .action-back .trash-icon { left: 24px; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:top_20px .action-back .trash-icon { top: 20px; } .\[\&_\.content\]\:\[\&_\.action\]\:right_24px .content .action { right: 24px; } .\[\&_\.content\]\:\[\&_\.action\]\:top_18px .content .action { top: 18px; } .\[\&_\.content\]\:\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px .content.has-ball .title,.\[\&_\.content\]\:\[\&\.has-ball_\.title\,_\&\.has-ball_\.subtitle\]\:ml_48px .content.has-ball .subtitle { margin-left: 48px; } .\[\&_\.content\]\:\[\&_\.icon\]\:h_32px .content .icon { height: 32px; } .\[\&_\.content\]\:\[\&_\.icon\]\:left_16px .content .icon { left: 16px; } .\[\&_\.content\]\:\[\&_\.icon\]\:top_16px .content .icon { top: 16px; } .\[\&_\.content\]\:\[\&_\.icon\]\:w_32px .content .icon { width: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:h_32px .content .icon-ball { height: 32px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:left_16px .content .icon-ball { left: 16px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:top_16px .content .icon-ball { top: 16px; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:w_32px .content .icon-ball { width: 32px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:max-h_29px .content .subtitle { max-height: 29px; } .\[\&_\.content\]\:\[\&_\.subtitle\]\:w_calc\(100\%_-_128px\) .content .subtitle { width: calc(100% - 128px); } .\[\&_\.content\]\:\[\&\.swiped-away\]\:left_100\% .content.swiped-away { left: 100%; } .\[\&_\.content\]\:\[\&_\.title\]\:pt_8px .content .title { padding-top: 8px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px .content .title,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px .content .subtitle { padding-left: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:h_200px .timepicker .picker { height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:w_420px .timepicker .picker { width: 420px; } .\[\&_\.timepicker\]\:\[\&_h1\]\:mt_14px .timepicker h1 { margin-top: 14px; } input.\[\&\.w-form-control\]\:\[input\&\,_\&\.view\]\:h_calc\(1\.2em_\+_1\.2em_\+_2px\).w-form-control,.\[\&\.w-form-control\]\:\[input\&\,_\&\.view\]\:h_calc\(1\.2em_\+_1\.2em_\+_2px\).w-form-control.view { height: calc(1.2em + 1.2em + 2px); } .\[\&\.is-editing\]\:\[\&_\.field-container\]\:pl_4px.is-editing .field-container { padding-left: 4px; } .\[\&\.is-editing\]\:\[\&_\.field-container\]\:pr_8px.is-editing .field-container { padding-right: 8px; } .\[\&_\>_div\]\:\[\&_\>_svg\.dropdown\]\:h_25px > div > svg.dropdown { height: 25px; } .\[\&_\>_div\]\:\[\&_\>_svg\.dropdown\]\:mr_8px > div > svg.dropdown { margin-right: 8px; } .\[\&_\>_div\]\:\[\&_\>_svg\:not\(\.dropdown\)\]\:h_25px > div > svg:not(.dropdown) { height: 25px; } .\[\&_\>_div\]\:\[\&_\>_svg\:not\(\.dropdown\)\]\:w_25px > div > svg:not(.dropdown) { width: 25px; } .\[\&_\>_span\.filter-name\]\:\[\&_\>_svg\]\:ml_8px > span.filter-name > svg { margin-left: 8px; } .\[\&_ul\]\:\[\&_li\]\:bdr-tl_6px ul li { border-top-left-radius: 6px; } .\[\&_ul\]\:\[\&_li\]\:bdr-tr_6px ul li { border-top-right-radius: 6px; } .\[\&\.validation-error\]\:\[\&_span\.validation-error\]\:ml_8px.validation-error span.validation-error { margin-left: 8px; } .\[\&_\.markdown\]\:\[\&_li\]\:mb_0\.25rem .markdown li,.\[\&_\.markdown\]\:\[\&_p\,_\&_ul\]\:mb_0\.25rem .markdown p,.\[\&_\.markdown\]\:\[\&_p\,_\&_ul\]\:mb_0\.25rem .markdown ul { margin-bottom: 0.25rem; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:mb_16px .grid-like .triple-fields { margin-bottom: 16px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div > .nav-item .nav-item-header { margin-bottom: 32px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item h1,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item-header { margin-left: 9px; } .\[\&_\.info-panel\]\:\[\&_tbody_td\]\:pb_8px .info-panel tbody td { padding-bottom: 8px; } .\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pl_32px .info-panel th,.\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pl_32px .info-panel td { padding-left: 32px; } .\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pr_32px .info-panel th,.\[\&_\.info-panel\]\:\[\&_th\,_\&_td\]\:pr_32px .info-panel td { padding-right: 32px; } .\[\&_\.info-panel\]\:\[\&_thead_th\]\:pt_8px .info-panel thead th { padding-top: 8px; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div .nav-item h1,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\,_\&_\.nav-item-header\]\:mb_32px > div > div .nav-item .nav-item-header { margin-bottom: 32px; } .\[\&_li\]\:\[\&\.active\]\:bd-b-c_rgba\(255\,_255\,_255\,_1\) li.active { border-bottom-color: rgba(255, 255, 255, 1); } .\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,_255\,_255\,_0\.5\) li:hover,.\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bd-b-c_rgba\(255\,_255\,_255\,_0\.5\) li:focus { border-bottom-color: rgba(255, 255, 255, 0.5); } .\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:mr_2px.no-title svg,.\[\&\.no-title\]\:\[\&_svg\,_\&_i\]\:mr_2px.no-title i { margin-right: 2px; } .\[\&_\.back-plane\]\:\[\&\.has-value-label\]\:w_calc\(100\%_-_64px\) .back-plane.has-value-label { width: calc(100% - 64px); } .\[\&_\.input\]\:\[\&\.has-value-label\]\:w_calc\(100\%_-_48px\) .input.has-value-label { width: calc(100% - 48px); } .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:w_20px .input::-moz-range-thumb { width: 20px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:h_24px .input::-webkit-slider-thumb { height: 24px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:ml_2px .input::-webkit-slider-thumb { margin-left: 2px; } .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:w_24px .input::-webkit-slider-thumb { width: 24px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:h_20px .pointer::after { height: 20px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:left_0px .pointer::after { left: 0px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:top_0px .pointer::after { top: 0px; } .\[\&_\.pointer\]\:\[\&\:\:after\]\:w_20px .pointer::after { width: 20px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:h_20px .pointer::before { height: 20px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:left_0px .pointer::before { left: 0px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:top_0px .pointer::before { top: 0px; } .\[\&_\.pointer\]\:\[\&\:\:before\]\:w_20px .pointer::before { width: 20px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:h_24px .pointer:not(.disabled).active::after { height: 24px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:left_-2px .pointer:not(.disabled).active::after { left: -2px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:top_-2px .pointer:not(.disabled).active::after { top: -2px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:w_24px .pointer:not(.disabled).active::after { width: 24px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:h_40px .pointer:not(.disabled):not(.active).focus::before { height: 40px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:left_-10px .pointer:not(.disabled):not(.active).focus::before { left: -10px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:top_-10px .pointer:not(.disabled):not(.active).focus::before { top: -10px; } .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:w_40px .pointer:not(.disabled):not(.active).focus::before { width: 40px; } .\[\&_\.tooltip\]\:\[\&\.focus\]\:top_-64px .tooltip.focus { top: -64px; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:h_100\% .tooltip::before { height: 100%; } .\[\&_\.tooltip\]\:\[\&\:\:before\]\:w_100\% .tooltip::before { width: 100%; } .\[\&_\.value-label\]\:\[\&\.focus\]\:bd-b-c_var\(--primary-colour\,_\#1976d2\) .value-label.focus { border-bottom-color: var(--primary-colour, #1976d2); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:h_var\(--height\) .submit-loader .submit-complete { height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:w_100\% .submit-loader .submit-complete { width: 100%; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:h_var\(--height\) .submit-loader .submit-title { height: var(--height); } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ml_12px .submit-loader .submit-title { margin-left: 12px; } .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:w_100\% .submit-loader .submit-title { width: 100%; } .\[\&_\.submit-loader\]\:\[\&_svg\]\:ml_6px .submit-loader svg { margin-left: 6px; } .\[\&_\.submit-loader\]\:\[\&_svg\]\:mt_6px .submit-loader svg { margin-top: 6px; } .\[\&_\.button-container\]\:\[\&_i\]\:ml_4px .button-container i { margin-left: 4px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:ml_8px .card-actions div.card-action { margin-left: 8px; } .\[\&_\.fab\]\:\[\&\.open\]\:bottom_16px .fab.open { bottom: 16px; } .\[\&_\.fab\]\:\[\&\.open\]\:h_calc\(100\%_-_64px\) .fab.open { height: calc(100% - 64px); } .\[\&_\.fab\]\:\[\&\.open\]\:top_48px .fab.open { top: 48px; } .\[\&_\.fab\]\:\[\&\.open\]\:w_calc\(100\%_-_48px\) .fab.open { width: calc(100% - 48px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:h_48px .fab > i { height: 48px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:left_calc\(50\%_-_24px\) .fab > i { left: calc(50% - 24px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:top_calc\(50\%_-_24px\) .fab > i { top: calc(50% - 24px); } .\[\&_\.fab\]\:\[\&_\>_i\]\:w_48px .fab > i { width: 48px; } .\[\&_\.fab\]\:\[\&_textarea\]\:pb_32px .fab textarea { padding-bottom: 32px; } .\[\&\.small\]\:\[\&_\.title\]\:pt_8px.small .title { padding-top: 8px; } .\[\&\.small\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px.small .title,.\[\&\.small\]\:\[\&_\.title\,_\&_\.subtitle\]\:pl_8px.small .subtitle { padding-left: 8px; } .\[\&\.small_\>_ul_li\]\:\[\&_span\]\:h_20px.small > ul li span { height: 20px; } .\[\&\.small_\>_ul_li\]\:\[\&_svg\]\:mr_4px.small > ul li svg { margin-right: 4px; } .\[\&\.vertical\]\:\[\&_\.fb-1\]\:min-h_calc\(8\%_-_16px_\*_2\).vertical .fb-1 { min-height: calc(8% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-2\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical .fb-2 { min-height: calc(16% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-3\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical .fb-3 { min-height: calc(25% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-4\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical .fb-4 { min-height: calc(33% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-5\]\:min-h_calc\(42\%_-_16px_\*_2\).vertical .fb-5 { min-height: calc(42% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-6\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical .fb-6 { min-height: calc(50% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-7\]\:min-h_calc\(58\%_-_16px_\*_2\).vertical .fb-7 { min-height: calc(58% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-8\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical .fb-8 { min-height: calc(66% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-9\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical .fb-9 { min-height: calc(75% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-10\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical .fb-10 { min-height: calc(83% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-11\]\:min-h_calc\(92\%_-_16px_\*_2\).vertical .fb-11 { min-height: calc(92% - 16px * 2); } .\[\&\.vertical\]\:\[\&_\.fb-12\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical .fb-12 { min-height: calc(100% - 16px * 2); } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pb_8px .config div.codebox .subtitle { padding-bottom: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pl_8px .config div.codebox .subtitle { padding-left: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:pb_0px .config div.codebox .title { padding-bottom: 0px; } .\[\&_table\]\:\[\&_thead_tr\]\:h_1px table thead tr { height: 1px; } .\[\&_\.label\]\:\[\&\.active\]\:top_-10px .label.active { top: -10px; } .\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:left_-100\%.swiped-away.swiped-left { left: -100%; } .\[\&_\>_div\]\:\[\&_\>_div\]\:h_48px > div > div { height: 48px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pl_16px > div > div { padding-left: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:pr_16px > div > div { padding-right: 16px; } .\[\&_\>_div\]\:\[\&_hr\]\:mb_-1px > div hr { margin-bottom: -1px; } .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:left_0 .slide-right-back-enter.slide-right-back-enter-active { left: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:bottom_0 .slide-right-back-enter:after { bottom: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:left_0 .slide-right-back-enter:after { left: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:right_0 .slide-right-back-enter:after { right: var(--spacing-0); } .\[\&_\.slide-right-back-enter\]\:\[\&\:after\]\:top_0 .slide-right-back-enter:after { top: var(--spacing-0); } .\[\&_\.slide-right-back-exit\]\:\[\&\.slide-right-back-exit-active\]\:left_100vw .slide-right-back-exit.slide-right-back-exit-active { left: 100vw; } .\[\&_\.slide-right-enter\]\:\[\&\.slide-right-enter-active\]\:left_0 .slide-right-enter.slide-right-enter-active { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:left_-10vw .slide-right-exit.slide-right-exit-active { left: -10vw; } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:bottom_0 .slide-right-exit:after { bottom: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:left_0 .slide-right-exit:after { left: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:right_0 .slide-right-exit:after { right: var(--spacing-0); } .\[\&_\.slide-right-exit\]\:\[\&\:after\]\:top_0 .slide-right-exit:after { top: var(--spacing-0); } .\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:bd-w_4px:hover > div,.\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:bd-w_4px:focus > div { border-width: 4px; } .\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:focus-visible .linker,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:focus-visible .actions,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:hover .linker,.\[\&\:focus-visible\,_\&\:hover\]\:\[\&_\.linker\,_\&_\.actions\]\:vis_visible:hover .actions { visibility: visible; } .\[\&\:focus-visible\]\:\[\&_a_svg\]\:d_inline-block:focus-visible a svg { display: inline-block; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd_6px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\!.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd_6px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\!:hover:not(.disabled) > div { border: 6px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25) !important; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:m_-4px.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:m_-4px:hover:not(.disabled) > div { margin: -4px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bdr_6px.focused > div,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bdr_6px:hover:not(.disabled) > div { border-radius: 6px; } .hover\:\[\&_a_svg\]\:d_inline-block:is(:hover, [data-hover]) a svg { display: inline-block; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.25\).forward .transition-leave:after,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.25\):not(.forward) .transition-enter:after { background: rgba(0, 0, 0, 0.25); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bg_\#fdfdfd .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bg_\#fdfdfd .filter-group .add-rule svg { background: #fdfdfd; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:bg_\#bdbdbd .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:bg_\#bdbdbd .filter-group .add-rule::before { background: #bdbdbd; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-group .icon-add:hover,.\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-group .icon-add:focus { background: #eeeeee; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bg_\#1976d2 .filter-group .icon-add svg { background: #1976d2; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:p_5px .filter-group .icon-add svg { padding: 5px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:bg_\#bdbdbd .filter-group .icon-add::after,.\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:bg_\#bdbdbd .filter-group > div .filter-group::before { background: #bdbdbd; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:bg_none .filter-inputs .datepicker-container > button { background: none; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:bd_none .filter-inputs .datepicker-container > button { border: var(--borders-none); } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:p_0px .filter-inputs .datepicker-container > button { padding: 0px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:bd_1px_solid_\#cccccc .filter-inputs .datepicker-container > input { border: 1px solid #cccccc; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:p_6px_12px .filter-inputs .datepicker-container > input { padding: 6px 12px; } .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .inline-logic:hover,.\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .inline-logic:focus { background: #eeeeee; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:p_6px_8px .filter-inputs .operator-container > * { padding: 6px 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:m_0px .filter-inputs .operator-container span.input { margin: 0px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:bd_none form fieldset legend { border: var(--borders-none); } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:p_8px form fieldset legend { padding: 8px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:m_0px .notification-area-container .header h5 { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:p_8px .notification-area-container .header h5 { padding: 8px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:p_0px_8px .notification-area-container .header span { padding: 0px 8px; } .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container a.view-all-link:hover { background: rgba(0, 0, 0, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:p_8px .notification-area-container ul li { padding: 8px; } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:bg_\#f0f0f0 li a.active { background: #f0f0f0; } .\[\&_li\]\:\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 li a:hover,.\[\&_li\]\:\[\&_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 li a:focus { background: #1976d2; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:hover\]\:bg_\#f4f4f4 ul.file-list-contents li:hover { background: #f4f4f4; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:p_4px ul li > span { padding: 4px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:m_0px ul li label { margin: 0px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:p_4px ul li label { padding: 4px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\) ul li:focus { background: rgba(var(--text-colour-rgb, 0, 0, 0), 0.05); } .\[\&_ul\]\:\[\&_li\]\:\[\&_button\]\:m_0px ul li button { margin: 0px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:bg_\#bdbdbd > div .filter-group:not(.collapsed)::after { background: #bdbdbd; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_\#333333 ul li.active { background: #333333; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_black ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_black ul li:focus { background: var(--colors-black); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_rgba\(0\,_0\,_0\,_0\.35\) > ul li.active { background: rgba(0, 0, 0, 0.35); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) > ul li:hover { background: rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:p_4px_8px ul li > span { padding: 4px 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:bg_var\(--primary-colour\,_\#1976d2\) ul li.selected { background: var(--primary-colour, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li:focus { background: var(--primary-colour-hover, #1976d2A0); } .\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:bg_var\(--primary-colour\,_\#1976d2\) > * > *:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:bg_var\(--primary-colour\,_\#1976d2\) > * > *:hover { background: var(--primary-colour, #1976d2); } .\[\&\.disabled\]\:\[\&_\>_div\]\:\[\&\:\:after\]\:bg_rgba\(0\,_0\,_0\,_0\.5\).disabled > div::after { background: rgba(0, 0, 0, 0.5); } .\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:before\]\:bg_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:before { background: var(--primary-colour, #1976d2); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:m_0px textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:m_0px textarea:not(:disabled):focus { margin: 0px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bd_1px_solid_rgba\(0\,_0\,_0\,_0\.25\) .config .action-container svg { border: 1px solid rgba(0, 0, 0, 0.25); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:p_8px .config .action-container svg { padding: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:p_16px_8px .config div.codebox .title { padding: 16px 8px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\.disabled_\>_span\]\:bg_transparent .config div.date .datepicker-container .datepicker-input-container.disabled > span,.\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:bg_transparent .config div.date .datepicker-container .datepicker-input-container > span { background: var(--colors-transparent); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:bg_none .config div.date .datepicker-container .datepicker-input-container input { background: none; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:bd_none .config div.date .datepicker-container .datepicker-input-container input { border: var(--borders-none); } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.custom-select\]\:grid-area_select .config label.select .custom-select { grid-area: select; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .config label.select .Select-control { background: rgba(0, 0, 0, 0.05); } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:grid-area_subtitle .config label.select .subtitle { grid-area: subtitle; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:grid-area_title .config label.select .title { grid-area: title; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:bg_transparent.mini-mobile .sidebar > a { background: var(--colors-transparent); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:bg_rgba\(0\,_0\,_0\,_0\.25\).mini-mobile .sidebar hr { background: rgba(0, 0, 0, 0.25); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:m_12px_16px.mini-mobile .sidebar hr { margin: 12px 16px; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:bg_\#f0f0f0 .sidebar > a.active { background: #f0f0f0; } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:bg_\#1976d2 .sidebar > a:is(:focus, [data-focus]),.\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:bg_\#1976d2 .sidebar > a:is(:hover, [data-hover]) { background: #1976d2; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bg_\#dddddd .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:hover\:bg_\#dddddd .datepicker-input-container:not(.disabled) .datepicker-toggle:is(:hover, [data-hover]) { background: #dddddd; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&\.active\]\:anim_listItemFadeIn_800ms .action-back .action-swiped-container.active { animation: listItemFadeIn 800ms; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:\[\&\.active\]\:anim_listItemFadeOut_800ms .action-back .trash-icon.active { animation: listItemFadeOut 800ms; } .\[\&_\.content\]\:\[\&_\.icon-ball\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .icon-ball.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .content .subtitle.skeleton { background: rgba(0, 0, 0, 0.15); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:m_-8px .timepicker .picker .break { margin: -8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:p_8px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:p_8px .timepicker .picker .down { padding: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:bd_none .timepicker .picker input { border: var(--borders-none); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:p_0px .timepicker .picker input { padding: 0px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_var\(--accent-background-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:bg_var\(--accent-background-colour\) ul li:focus-visible,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:bg_var\(--accent-background-colour\) ul li:hover { background: var(--accent-background-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:p_8px div.title h1 > a { padding: 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:bg_var\(--header-hover-background-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:bg_var\(--header-hover-background-colour\) ul li .deco { background: var(--header-hover-background-colour); } .\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:bg_rgba\(255\,_255\,_255\,_0\.75\) ul li:not(.active):hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:bg_rgba\(255\,_255\,_255\,_0\.75\) ul li:not(.active):focus-visible { background: rgba(255, 255, 255, 0.75); } .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&_\>_\*\]\:bg_white .grid-like .container > * { background: var(--colors-white); } .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&_\>_\*\]\:bd_1px_solid_rgb\(196\,_196\,_196\) .grid-like .container > * { border: 1px solid rgb(196, 196, 196); } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\>_div_\>_div_\.nav-item\]\:p_0px.full .form-inner-style > div > div .nav-item { padding: 0px; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.cancel\]\:bg_\#f44336 > .icon:hover.cancel,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.cancel\]\:bg_\#f44336 > .icon:focus.cancel { background: #f44336; } .\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 > .icon:hover.save,.\[\&_\>_\.icon\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 > .icon:focus.save { background: #4caf50; } .\[\&_\.button-container\]\:\[\&_i\]\:\[\&\:hover\]\:bg_\#dddddd .button-container i:hover { background: #dddddd; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) .card-actions div.card-action:before { background: rgba(0, 0, 0, 0.1); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:p_4px .card-actions div.card-action i { padding: 4px; } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:active\]\:bg_rgba\(139\,_195\,_74\,_0\.2\) .fab > i:active { background: rgba(139, 195, 74, 0.2); } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .fab > i:hover { background: rgba(0, 0, 0, 0.05); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:bg_\#1e88e5 > ul li:after { background: #1e88e5; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:hover { background: rgba(0, 0, 0, 0.25); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 .sidebar > a:hover,.\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#1976d2 .sidebar > a:focus { background: #1976d2; } .\[\&_table\]\:\[\&_tbody\]\:\[\&\.hasGroups_tr\:not\(\.group\)_th\]\:bg_white table tbody.hasGroups tr:not(.group) th { background: var(--colors-white); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_td\,_\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_th\]\:bg_\#e1f5fe table tbody tr:not(.disabled):not(.group):hover td,.\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_td\,_\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_th\]\:bg_\#e1f5fe table tbody tr:not(.disabled):not(.group):hover th { background: #e1f5fe; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bg_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bg_none\! table th.spacer { background: none !important; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:p_0px table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:p_0px table th.spacer { padding: 0px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:p_8px table thead tr th { padding: 8px; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_td\]\:bg_rgb\(248\,_248\,_248\) table tr.group td,.\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:bg_rgb\(248\,_248\,_248\) table tr.group th { background: rgb(248, 248, 248); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:bg_\#ffebee table tr td.is-invalid { background: #ffebee; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:m_0px table tr td span.input { margin: 0px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:p_0px table tr td span.input { padding: 0px; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bg_\#eeeeee .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\:hover\]\:bg_\#eeeeee .datepicker-input-container:not(.disabled) .datepicker-toggle:hover { background: #eeeeee; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:bg_\#f44336 > div > div.danger:hover:not(.disabled) { background: #f44336; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:bg_\#bdbdbd > div > div:hover.disabled { background: #bdbdbd; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\:not\(\.disabled\)\]\:bg_rgba\(0\,_0\,_0\,_0\.1\) > div > div:hover:not(.disabled) { background: rgba(0, 0, 0, 0.1); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:trs_opacity_400ms.forward .transition-leave:after,.\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:trs_opacity_400ms:not(.forward) .transition-enter:after { transition: opacity 400ms; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bdr_50\% .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:bdr_50\% .filter-group .add-rule svg,.\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bdr_50\% .filter-group .icon-add svg { border-radius: 50%; } .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete > :not(div),.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete::before,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete::after,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:trs_opacity_400ms .filter-group.may-delete > div > :not(.delete-group) { transition: opacity 400ms; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_div\]\:flex_3 .filter-inputs .datepicker-container > div,.\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:flex_3 .filter-inputs .datepicker-container > input { flex: 3; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:flex_1 .filter-inputs .operator-container > * { flex: 1 1 0%; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:flex_unset .filter-inputs .operator-container > :nth-child(2) { flex: unset; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(3\)\]\:flex_2 .filter-inputs .operator-container > :nth-child(3) { flex: 2; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.15\) .notification-area-container .header h5 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:bd-b_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) .notification-area-container ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:flex_1 ul li span { flex: 1 1 0%; } .\[\&\.active\]\:\[\&\.disabled\]\:\[\&_\>_div\]\:bd-c_transparent.active.disabled > div { border-color: var(--colors-transparent); } .\[\&\.active\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bd-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div { border-color: var(--primary-colour, #1976d2); } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_100ms\,_top_100ms.active > div:after { transition: width 400ms, height 400ms, left 100ms, top 100ms; } .\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:after\]\:bd-c_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:after,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:focus\]\:bd-c_var\(--primary-colour\,_\#1976d2\) textarea:not(:disabled):focus { border-color: var(--primary-colour, #1976d2); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_rgba\(0\,_0\,_0\,_0\.42\) textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_rgba\(0\,_0\,_0\,_0\.42\) textarea:not(:disabled):focus { border-color: rgba(0, 0, 0, 0.42); } .\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-w_2px textarea:not(:disabled):hover,.\[\&_textarea\]\:\[\&\:not\(\:disabled\)\]\:\[\&\:hover\,_\&\:focus\]\:bd-w_2px textarea:not(:disabled):focus { border-width: 2px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bdr_50\% .config .action-container svg { border-radius: 50%; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:trs_background-color_200ms .config .action-container svg { transition: background-color 200ms; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:bdr_50\% .config div.date .datepicker-container .datepicker-input-container > span { border-radius: 50%; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bdr_4px .config label.select .Select-control { border-radius: 4px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:bdr_24px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:bdr_24px .timepicker .picker .down { border-radius: 24px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:trs_background-color_0\.2s\,_color_0\.2s .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:trs_background-color_0\.2s\,_color_0\.2s .timepicker .picker .down { transition: background-color 0.2s, color 0.2s; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:bdr_8px div.title h1 > a { border-radius: 8px; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:td_none div.title h1 > a { text-decoration: none; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\:nth-of-type\(2\)\]\:bd-l_none .grid-like .triple-fields > *:nth-of-type(2) { border-left: var(--borders-none); } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\:nth-of-type\(2\)\]\:bd-r_none .grid-like .triple-fields > *:nth-of-type(2) { border-right: var(--borders-none); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:bdr_50\% .card-actions div.card-action:before { border-radius: 50%; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:trs_200ms .card-actions div.card-action:before { transition: 200ms; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:bdr_50\% .card-actions div.card-action i { border-radius: 50%; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:trs_color_200ms .card-actions div.card-action i { transition: color 200ms; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:trs_400ms > ul li:after { transition: 400ms; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:bd-l_none table tbody td.columnHidden { border-left: var(--borders-none); } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-b_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-b_none\! table th.spacer { border-bottom: var(--borders-none) !important; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-t_none\! table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:bd-t_none\! table th.spacer { border-top: var(--borders-none) !important; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:bd-l_none table thead tr th.columnHidden { border-left: var(--borders-none); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:trs_background-color_200ms table tr.group th { transition: background-color 200ms; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:content_\'\'.forward .transition-leave:after { content: ''; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:d_block.forward .transition-leave:after { display: block; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:op_0.forward .transition-leave:after { opacity: 0; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:pos_fixed.forward .transition-leave:after { position: fixed; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:z_98.forward .transition-leave:after { z-index: 98; } .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:\[\&\:after\]\:op_1.forward .transition-leave-active:after { opacity: 1; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:content_\'\':not(.forward) .transition-enter:after { content: ''; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:d_block:not(.forward) .transition-enter:after { display: block; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:op_1:not(.forward) .transition-enter:after { opacity: 1; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:pos_fixed:not(.forward) .transition-enter:after { position: fixed; } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:z_98:not(.forward) .transition-enter:after { z-index: 98; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:fs_28px .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:fs_28px .filter-group .add-rule svg { font-size: 28px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:pos_relative .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:pos_relative .filter-group .add-rule svg { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:content_\'\' .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:content_\'\' .filter-group .add-rule::before { content: ''; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:d_block .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:d_block .filter-group .add-rule::before { display: block; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:pos_absolute .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:pos_absolute .filter-group .add-rule::before { position: absolute; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:c_\#1976d2 .filter-group .icon-add span { color: #1976d2; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:fw_bold .filter-group .icon-add span { font-weight: var(--font-weights-bold); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:pos_relative .filter-group .icon-add span { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:tt_uppercase .filter-group .icon-add span { text-transform: uppercase; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:bx-s_content-box .filter-group .icon-add svg { box-sizing: content-box; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:c_white .filter-group .icon-add svg { color: var(--colors-white); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:fs_20px .filter-group .icon-add svg { font-size: 20px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:pos_relative .filter-group .icon-add svg { position: relative; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:content_\'\' .filter-group .icon-add::after { content: ''; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:pos_absolute .filter-group .icon-add::after { position: absolute; } .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete > :not(div),.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete::before,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete::after,.\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\,_\&\:\:before\,_\&\:\:after\,_\&_\>_div_\>_\:not\(\.delete-group\)\]\:op_0\.25 .filter-group.may-delete > div > :not(.delete-group) { opacity: 0.25; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:content_\'\' .filter-group > div .filter-group::before { content: ''; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:pos_absolute .filter-group > div .filter-group::before { position: absolute; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:c_\#1976d2 .filter-inputs .datepicker-container > button { color: #1976d2; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:cursor_pointer .filter-inputs .datepicker-container > button { cursor: pointer; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:d_block .filter-inputs .datepicker-container > button { display: block; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:fw_500 .filter-inputs .datepicker-container > button { font-weight: 500; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:leading_32px .filter-inputs .datepicker-container > button { line-height: 32px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:tt_uppercase .filter-inputs .datepicker-container > button { text-transform: uppercase; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:bx-s_border-box .filter-inputs .datepicker-container > input { box-sizing: border-box; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:c_\#555 .filter-inputs .datepicker-container > input { color: #555; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\)\! .action-container > div:is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.5) !important; } .\[\&_\.action-container\]\:\[\&_\>_div\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\)\! .action-container > div:is(:hover, [data-hover]) { color: rgba(0, 0, 0, 0.87) !important; } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\) .action-container svg:is(:hover, [data-hover]),.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:bg-c_rgba\(255\,_255\,_255\,_0\.5\) .action-container i:is(:hover, [data-hover]) { background-color: rgba(255, 255, 255, 0.5); } .\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\) .action-container svg:is(:hover, [data-hover]),.\[\&_\.action-container\]\:\[\&_svg\,_\&_i\]\:hover\:c_rgba\(0\,_0\,_0\,_0\.87\) .action-container i:is(:hover, [data-hover]) { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:pos_absolute .notification-area-container .empty span { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:ta_center .notification-area-container .empty span { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:c_rgba\(0\,_0\,_0\,_0\.5\) .notification-area-container .header h5 { color: rgba(0, 0, 0, 0.5); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:fs_1\.1em .notification-area-container .header h5 { font-size: 1.1em; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:fw_normal .notification-area-container .header h5 { font-weight: var(--font-weights-normal); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:tracking_0\.1rem .notification-area-container .header h5 { letter-spacing: 0.1rem; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:ta_center .notification-area-container .header h5 { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:tt_uppercase .notification-area-container .header h5 { text-transform: uppercase; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:bx-s_border-box .notification-area-container .header span { box-sizing: border-box; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container .header span { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:cursor_pointer .notification-area-container .header span { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:d_block .notification-area-container .header span { display: block; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:fs_0\.75em .notification-area-container .header span { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:leading_40px .notification-area-container .header span { line-height: 40px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:pos_absolute .notification-area-container .header span { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:cursor_pointer .notification-area-container ul li { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:d_flex .notification-area-container ul li { display: flex; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:pos_relative .notification-area-container ul li { position: relative; } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:c_black li a.active { color: var(--colors-black); } .\[\&_li\]\:\[\&_a\]\:\[\&\.active\]\:fw_500 li a.active { font-weight: 500; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:c_\#aaaaaa ul.file-list-contents li::after { color: #aaaaaa; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:content_\'\\f0ed\' ul.file-list-contents li::after { content: '\f0ed'; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:ff_FontAwesome ul.file-list-contents li::after { font-family: FontAwesome; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:fs_18px ul.file-list-contents li::after { font-size: 18px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:pos_absolute ul.file-list-contents li::after { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:d_inline-block ul li > span,.\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:d_inline-block ul li label { display: inline-block; } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:leading_40px ul li span { line-height: 40px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:content_\'\' > div .filter-group:not(.collapsed)::after { content: ''; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:pos_absolute > div .filter-group:not(.collapsed)::after { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_white ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_white ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_white ul li:focus,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_white > ul li.active,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:hover\]\:c_white > ul li:hover { color: var(--colors-white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:cursor_pointer ul li > span { cursor: pointer; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:d_block ul li > span { display: block; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:c_var\(--text-colour\,_white\) ul li.selected,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:c_var\(--text-colour\,_white\) > * > *:focus,.\[\&_\>_\*\]\:\[\&_\>_\*\]\:\[\&\:focus\,_\&\:hover\]\:c_var\(--text-colour\,_white\) > * > *:hover { color: var(--text-colour, white); } .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[\&\:hover\,_\&\:focus\]\:-moz-appearance_auto > div:last-child > input[type="number"]:hover,.\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[\&\:hover\,_\&\:focus\]\:-moz-appearance_auto > div:last-child > input[type="number"]:focus { -moz-appearance: auto; } .\[\&\.active\]\:\[\&\.disabled\]\:\[\&_\>_div\]\:op_0\.38.active.disabled > div { opacity: 0.38; } .\[\&\.active\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_div\]\:bg-c_var\(--primary-colour\,_\#1976d2\).active:not(.disabled) > div,.\[\&\:not\(\.disabled\)\]\:\[\&\.has-value\]\:\[\&\:after\]\:bg-c_var\(--primary-colour\,_\#1976d2\):not(.disabled).has-value:after { background-color: var(--primary-colour, #1976d2); } .\[\&_li\]\:\[\&_svg\]\:\[\&\.rating-empty\]\:c_\#cccccc li svg.rating-empty { color: #cccccc; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:bx-s_content-box .config .action-container svg { box-sizing: content-box; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:cursor_pointer .config .action-container svg { cursor: pointer; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:d_inline-block .config .action-container svg { display: inline-block; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:fs_14px .config div.codebox .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:op_0\.5 .config div.codebox .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:fw_500 .config div.codebox .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.codebox .title,.\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.codebox .subtitle { display: block; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:fs_1em .config div.date .datepicker-container .datepicker-input-container input { font-size: 1em; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:ta_right .config div.date .datepicker-container .datepicker-input-container input { text-align: right; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:bx-sh_none\! .config label.select .Select-control { box-shadow: none !important; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:ta_right .config label.select .Select-value { text-align: right; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.switch *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.checkbox *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config label.select *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config div.date *,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\*\]\:tch-a_manipulation .config div.range * { touch-action: manipulation; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.switch.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.switch.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.checkbox.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.checkbox.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.select.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config label.select.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.date.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.date.disabled .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.range.disabled .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.disabled_\.title\,_\&\.disabled_\.subtitle\]\:op_0\.5 .config div.range.disabled .subtitle { opacity: 0.5; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:fs_14px .config div.range .subtitle { font-size: 14px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:leading_20px .config div.range .subtitle { line-height: 20px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.subtitle\]\:op_0\.75 .config div.range .subtitle { opacity: 0.75; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:pos_absolute .config div.range .checkbox { position: absolute; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:fw_500 .config div.range .title { font-weight: 500; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\]\:leading_28px .config div.range .title { line-height: 28px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:d_block .config div.range .subtitle { display: block; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:us_none .config div.range .subtitle { -webkit-user-select: none; user-select: none; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:c_rgba\(0\,_0\,_0\,_0\.87\).mini-mobile .sidebar > a { color: rgba(0, 0, 0, 0.87); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:tch-a_manipulation.mini-mobile .sidebar > a { touch-action: manipulation; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:c_rgba\(0\,_0\,_0\,_0\.75\).mini-mobile .sidebar h6 { color: rgba(0, 0, 0, 0.75); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:c_black .sidebar > a.active { color: var(--colors-black); } .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\.active\]\:fw_500 .sidebar > a.active { font-weight: 500; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&\.active\]\:op_1 .action-back .action-swiped-container.active { opacity: 1; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .action-swiped-container .title { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:fs_1\.25em .action-back .action-swiped-container .title { font-size: 1.25em; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:leading_76px .action-back .action-swiped-container .title { line-height: 76px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:pos_absolute .action-back .action-swiped-container .title { position: absolute; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:c_var\(--color-text-primary\,_\#ffffff\) .action-back .action-swiped-container .undo { color: var(--color-text-primary, #ffffff); } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:fs_1\.25em .action-back .action-swiped-container .undo { font-size: 1.25em; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:fw_500 .action-back .action-swiped-container .undo { font-weight: 500; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:leading_76px .action-back .action-swiped-container .undo { line-height: 76px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:pos_absolute .action-back .action-swiped-container .undo { position: absolute; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:tt_uppercase .action-back .action-swiped-container .undo { text-transform: uppercase; } .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:\[\&\.active\]\:op_0 .action-back .trash-icon.active { opacity: 0; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:ai_center .timepicker .picker .break { align-items: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:d_flex .timepicker .picker .break { display: flex; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:fs_40px .timepicker .picker .break { font-size: 40px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .hour-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .minute-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:pos_relative .timepicker .picker .ampm-display { position: relative; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:c_\#aaaaaa .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:c_\#aaaaaa .timepicker .picker .down { color: #aaaaaa; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:cursor_pointer .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:cursor_pointer .timepicker .picker .down { cursor: pointer; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:pos_absolute .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:pos_absolute .timepicker .picker .down { position: absolute; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:d_inline-block .timepicker .picker input { display: inline-block; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:fs_32px .timepicker .picker input { font-size: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:leading_200px .timepicker .picker input { line-height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:ta_center .timepicker .picker input { text-align: center; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:cursor_pointer .timepicker .picker span { cursor: pointer; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:d_inline-block .timepicker .picker span { display: inline-block; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:fs_32px .timepicker .picker span { font-size: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:leading_200px .timepicker .picker span { line-height: 200px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:ta_center .timepicker .picker span { text-align: center; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_var\(--accent-text-colour\) ul li.active,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:c_var\(--accent-text-colour\) ul li:focus-visible,.\[\&_ul\]\:\[\&_li\]\:\[\&\:focus-visible\,_\&\:hover\]\:c_var\(--accent-text-colour\) ul li:hover { color: var(--accent-text-colour); } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:c_unset div.title h1 > a { color: unset; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:d_inline-block div.title h1 > a { display: inline-block; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:leading_1\.5rem div.title h1 > a { line-height: 1.5rem; } .\[\&_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_var\(--header-hover-text-colour\) ul li.active { color: var(--header-hover-text-colour); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:pos_absolute ul li .deco { position: absolute; } .\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:c_black ul li:not(.active):hover,.\[\&_ul\]\:\[\&_li\]\:\[\&\:not\(\.active\)\:hover\,_\&\:not\(\.active\)\:focus-visible\]\:c_black ul li:not(.active):focus-visible { color: var(--colors-black); } .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ta_center .quintuple-fields .field-container * { text-align: center; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div > .nav-item .nav-item .nav-item-header { color: #64BAA7; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div > .nav-item .nav-item .nav-item-header { font-size: 14px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div > .nav-item .nav-item .nav-item-header { text-transform: uppercase; } .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\.svg-background\]\:d_none.full .form-inner-style .svg-background { display: none; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:c_\#64BAA7 > div > div .nav-item .nav-item .nav-item-header { color: #64BAA7; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:fs_14px > div > div .nav-item .nav-item .nav-item-header { font-size: 14px; } .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:tt_uppercase > div > div .nav-item .nav-item .nav-item-header { text-transform: uppercase; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:content_\'\' .card-actions div.card-action:before { content: ''; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:cursor_pointer .card-actions div.card-action:before { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:d_block .card-actions div.card-action:before { display: block; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:pos_absolute .card-actions div.card-action:before { position: absolute; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:z_0 .card-actions div.card-action:before { z-index: 0; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover_i\]\:c_black .card-actions div.card-action:hover i { color: var(--colors-black); } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:c_\#adadad .card-actions div.card-action i { color: #adadad; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:cursor_pointer .card-actions div.card-action i { cursor: pointer; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:fs_20px .card-actions div.card-action i { font-size: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_\>_i\]\:d_none .fab.open > i { display: none; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:c_black .fab.open div.editor { color: var(--colors-black); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:d_flex .fab.open div.editor { display: flex; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:flex-d_column .fab.open div.editor { flex-direction: column; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:op_1 .fab.open div.editor { opacity: 1; } .\[\&_\.fab\]\:\[\&_\>_i\]\:\[\&\:hover\]\:trf_rotate\(360deg\)_scale\(1\.1\) .fab > i:hover { transform: rotate(360deg) scale(1.1); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:c_black > ul li.active { color: var(--colors-black); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:op_1 > ul li.active { opacity: 1; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:content_\'\' > ul li:after { content: ''; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:op_0 > ul li:after { opacity: 0; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:pos_absolute > ul li:after { position: absolute; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:d_block > ul li span.subtitle { display: block; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:fs_11px > ul li span.subtitle { font-size: 11px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:fw_normal > ul li span.subtitle { font-weight: var(--font-weights-normal); } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:leading_13px > ul li span.subtitle { line-height: 13px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:leading_32px > ul li span.title { line-height: 32px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:cursor_pointer > ul li svg { cursor: pointer; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:pos_relative > ul li svg { position: relative; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:va_text-bottom > ul li svg { vertical-align: text-bottom; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\:hover\]\:c_white .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:hover { color: var(--colors-white); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:ta_left table tbody th { text-align: left; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:us_none table tbody th { -webkit-user-select: none; user-select: none; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:ta_left table tbody th.child { text-align: left; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_td\,_\&_tr\.total_th\]\:fw_bold table tbody tr.total td,.\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_td\,_\&_tr\.total_th\]\:fw_bold table tbody tr.total th { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:op_0\.5 table tbody tr.total th { opacity: 0.5; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:ta_right table tbody tr.total th { text-align: right; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:fs_14px table thead tr th { font-size: 14px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:leading_14px table thead tr th { line-height: 14px; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:ta_left table thead tr th { text-align: left; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:va_bottom table thead tr th { vertical-align: bottom; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.title\]\:ta_right table thead tr th.title { text-align: right; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_\*\]\:cursor_pointer table tr.group * { cursor: pointer; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&\.open_th\:after\]\:content_\'keyboard_arrow_down\' table tr.group.open th:after { content: 'keyboard_arrow_down'; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:c_black table tr.group input { color: var(--colors-black); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:fw_bold table tr.group input { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:op_1 table tr.group input,.\[\&_table\]\:\[\&_tr\.group\]\:\[\&_span\.input\.disabled\]\:op_1 table tr.group span.input.disabled { opacity: 1; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:fw_bold table tr.group th { font-weight: var(--font-weights-bold); } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:ta_left table tr.group th { text-align: left; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:us_none table tr.group th { -webkit-user-select: none; user-select: none; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:c_\#888 table tr.hasTip th svg { color: #888; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:fs_14px table tr.hasTip th svg { font-size: 14px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:ta_center table tr td.center { text-align: center; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:pos_relative table tr td.is-invalid { position: relative; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:ta_right table tr td.right { text-align: right; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.disabled\]\:op_0\.5 > div > div.disabled { opacity: 0.5; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:cursor_pointer > div > div:not(.disabled) { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:d_block > div > div > span { display: block; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:white-space_nowrap > div > div > span { white-space: nowrap; } .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:\[\&\:after\]\:op_0 .slide-right-back-enter.slide-right-back-enter-active:after { opacity: 0; } .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:\[\&\:after\]\:op_1 .slide-right-exit.slide-right-exit-active:after { opacity: 1; } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:bottom_0.forward .transition-leave:after { bottom: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:left_0.forward .transition-leave:after { left: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:right_0.forward .transition-leave:after { right: var(--spacing-0); } .\[\&\.forward\]\:\[\&_\.transition-leave\]\:\[\&\:after\]\:top_0.forward .transition-leave:after { top: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:left_0:not(.forward) .transition-enter.transition-enter-active { left: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:bottom_0:not(.forward) .transition-enter:after { bottom: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:left_0:not(.forward) .transition-enter:after { left: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:right_0:not(.forward) .transition-enter:after { right: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\:after\]\:top_0:not(.forward) .transition-enter:after { top: var(--spacing-0); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:\[\&\.transition-leave-active\]\:left_100vw:not(.forward) .transition-leave.transition-leave-active { left: 100vw; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_button\]\:pt_0px .filter-group .add-group button,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_button\]\:pt_0px .filter-group .add-rule button { padding-top: 0px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:top_4px .filter-group .add-group svg,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&_svg\]\:top_4px .filter-group .add-rule svg { top: 4px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:h_calc\(100\%_\+_6px\) .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:h_calc\(100\%_\+_6px\) .filter-group .add-rule::before { height: calc(100% + 6px); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:left_26px .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:left_26px .filter-group .add-rule::before { left: 26px; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:top_0 .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:top_0 .filter-group .add-rule::before { top: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:w_4px .filter-group .add-group::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:before\:w_4px .filter-group .add-rule::before { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:h_50\% .filter-group .add-rule::before { height: 50%; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:left_24px .filter-group .icon-add span { left: 24px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:top_-2px .filter-group .icon-add span { top: -2px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:h_14px .filter-group .icon-add svg { height: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:left_14px .filter-group .icon-add svg { left: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:w_14px .filter-group .icon-add svg { width: 14px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:h_8px .filter-group .icon-add::after { height: 8px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:left_31px .filter-group .icon-add::after { left: 31px; } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:top_0 .filter-group .icon-add::after { top: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:w_4px .filter-group .icon-add::after { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt_48px .filter-group > div .filter-group > div { margin-top: 48px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:bottom_-8px .filter-group > div .filter-group::before { bottom: -8px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:h_calc\(100\%_\+_6px\) .filter-group > div .filter-group::before { height: calc(100% + 6px); } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:left_-2px .filter-group > div .filter-group::before { left: -2px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:w_4px .filter-group > div .filter-group::before { width: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div\:first-child_\.filter-group\]\:before\:h_calc\(100\%_-_26px\) .filter-group > div:first-child .filter-group::before { height: calc(100% - 26px); } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:ml_-8px .filter-inputs .datepicker-container > button { margin-left: -8px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:mr_8px .filter-inputs .datepicker-container > button { margin-right: 8px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:w_96px .filter-inputs .datepicker-container > button { width: 96px; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:h_32px .filter-inputs .datepicker-container > input { height: 32px; } .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:after\:h_60px .filter-inputs.is-first::after { height: 60px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:w_240px .filter-inputs .operator-container > :nth-child(2) { width: 240px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:w_100\% .filter-inputs .operator-container span.input { width: 100%; } .\[\&_form\]\:\[\&_\>_div\]\:\[\&_button\]\:ml_8px form > div button { margin-left: 8px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:mb_0px form fieldset legend { margin-bottom: 0px; } .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:w_auto form fieldset legend { width: auto; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:left_0px .notification-area-container .empty span { left: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:right_0px .notification-area-container .empty span { right: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:top_calc\(50\%_-_12px\) .notification-area-container .empty span { top: calc(50% - 12px); } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:bottom_0px .notification-area-container .header span { bottom: 0px; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:right_0px .notification-area-container .header span { right: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:min-h_64px .notification-area-container ul li { min-height: 64px; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:\:after\]\:right_16px ul.file-list-contents li::after { right: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_input\[type\=\"number\"\]\]\:w_80px ul li input[type="number"] { width: 80px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:h_4px > div .filter-group:not(.collapsed)::after { height: 4px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:left_0 > div .filter-group:not(.collapsed)::after { left: var(--spacing-0); } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:top_70px > div .filter-group:not(.collapsed)::after { top: 70px; } .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:\[\&\:\:after\]\:w_34px > div .filter-group:not(.collapsed)::after { width: 34px; } .\[\&_li\]\:\[\&_label\]\:\[\&_span\]\:mr_8px li label span { margin-right: 8px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:ml_16px ul li span { margin-left: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_svg\]\:mr_8px ul li > svg { margin-right: 8px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:h_12px.active > div:after { height: 12px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_4px.active > div:after { left: 4px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_4px.active > div:after { top: 4px; } .\[\&\.active\]\:\[\&_\>_div\]\:\[\&\:after\]\:w_12px.active > div:after { width: 12px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:h_24px:not(.disabled).active:after { height: 24px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:left_-2px:not(.disabled).active:after { left: -2px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:top_-2px:not(.disabled).active:after { top: -2px; } .\[\&\:not\(\.disabled\)\]\:\[\&\.active\]\:\[\&\:after\]\:w_24px:not(.disabled).active:after { width: 24px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:h_40px:not(.disabled):not(.active).focus:before { height: 40px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:left_-10px:not(.disabled):not(.active).focus:before { left: -10px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:top_-10px:not(.disabled):not(.active).focus:before { top: -10px; } .\[\&\:not\(\.disabled\)\]\:\[\&\:not\(\.active\)\.focus\]\:\[\&\:before\]\:w_40px:not(.disabled):not(.active).focus:before { width: 40px; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.iconOnly\]\:w_12px\! button svg.iconOnly { width: 12px !important; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.left\:not\(\.iconOnly\)\]\:mr_8px button svg.left:not(.iconOnly) { margin-right: 8px; } .\[\&_button\]\:\[\&_svg\]\:\[\&\.right\:not\(\.iconOnly\)\]\:ml_8px button svg.right:not(.iconOnly) { margin-left: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:h_20px .config .action-container svg { height: 20px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:ml_8px .config .action-container svg { margin-left: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:w_20px .config .action-container svg { width: 20px; } .\[\&_\.config\]\:\[\&_\.input\]\:\[\&_input\]\:w_100\% .config .input input { width: 100%; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pb_8px .config div.codebox .subtitle { padding-bottom: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pl_8px .config div.codebox .subtitle { padding-left: 8px; } .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:pb_0px .config div.codebox .title { padding-bottom: 0px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pb_1px .config div.date .datepicker-container .datepicker-input-container > span { padding-bottom: 1px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pt_0px .config div.date .datepicker-container .datepicker-input-container > span { padding-top: 0px; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:right_unset .config div.date .datepicker-container .datepicker-input-container > span { right: unset; } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:top_-1px .config div.date .datepicker-container .datepicker-input-container > span { top: -1px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:ml_auto .config label.select .Select-control { margin-left: auto; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:mr_24px .config label.select .Select-control { margin-right: 24px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:w_75\% .config label.select .Select-control { width: 75%; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:pr_32px .config label.select .Select-value { padding-right: 32px; } .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_100\% .config label.select .title,.\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_100\% .config label.select .subtitle { max-width: 100%; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.checkbox\]\:right_24px .config div.range .checkbox { right: 24px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.switch.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.checkbox.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config label.select.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config div.date.no-subtitle .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt_10px .config div.range.no-subtitle .title { margin-top: 10px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:right_8px .config div.range .checkbox { right: 8px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.switch .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.switch .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.checkbox .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.checkbox .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.select .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config label.select .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.date .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.date .checkbox,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.range .switch,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.switch\,_\&_\.checkbox\]\:top_16px .config div.range .checkbox { top: 16px; } .\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.switch .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.switch .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.checkbox .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.checkbox .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.select .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config label.select .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.date .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.date .subtitle,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.range .title,.\[\&_\.config\]\:\[\&_label\.switch\,_\&_label\.checkbox\,_\&_label\.select\,_\&_div\.date\,_\&_div\.range\]\:\[\&_\.title\,_\&_\.subtitle\]\:max-w_calc\(100\%_-_60px\) .config div.range .subtitle { max-width: calc(100% - 60px); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl_16px.mini-mobile .sidebar > a { padding-left: 16px; } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:ml_16px.mini-mobile .sidebar h6 { margin-left: 16px; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\.open\]\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle.open,.\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:hover\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle:is(:hover, [data-hover]) { border-left-color: #cccccc; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:left_24px .action-back .action-swiped-container .title { left: 24px; } .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:right_24px .action-back .action-swiped-container .undo { right: 24px; } .\[\&_\.content\]\:\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:left_-100\% .content.swiped-away.swiped-left { left: -100%; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:h_16px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:h_16px .content .subtitle.skeleton { height: 16px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:ml_8px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:ml_8px .content .subtitle.skeleton { margin-left: 8px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:mt_10px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:mt_10px .content .subtitle.skeleton { margin-top: 10px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:min-w_120px .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:min-w_120px .content .subtitle.skeleton { min-width: 120px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:w_25\% .content .title.skeleton,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:w_25\% .content .subtitle.skeleton { width: 25%; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:bottom_8px .timepicker .picker .down { bottom: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .hour-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .minute-display,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\,_\&_\.minute-display\,_\&_\.ampm-display\]\:w_64px .timepicker .picker .ampm-display { width: 64px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:top_8px .timepicker .picker .up { top: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:h_32px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:h_32px .timepicker .picker .down { height: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:left_8px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:left_8px .timepicker .picker .down { left: 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:w_32px .timepicker .picker .up,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:w_32px .timepicker .picker .down { width: 32px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:w_100\% .timepicker .picker input,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:w_100\% .timepicker .picker span { width: 100%; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:h_16px ul li .deco { height: 16px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:left_0 ul li .deco { left: var(--spacing-0); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:top_100\% ul li .deco { top: 100%; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\.deco\]\:w_100\% ul li .deco { width: 100%; } .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&_\>_\*\]\:mb_0px .grid-like .triple-fields > * { margin-bottom: 0px; } .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ml_0px .quintuple-fields .field-container * { margin-left: 0px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:ml_9px > div > div > .nav-item .nav-item .nav-item-header { margin-left: 9px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div > .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div > .nav-item .nav-item .nav-item-header,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div .nav-item .nav-item h2,.\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\,_\&_\.nav-item-header\]\:mt_16px > div > div .nav-item .nav-item .nav-item-header { margin-top: 16px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:h_0px .card-actions div.card-action:before { height: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:left_14px .card-actions div.card-action:before { left: 14px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:top_14px .card-actions div.card-action:before { top: 14px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:before\]\:w_0px .card-actions div.card-action:before { width: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:h_28px .card-actions div.card-action:hover:before { height: 28px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:left_0px .card-actions div.card-action:hover:before { left: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:top_0px .card-actions div.card-action:hover:before { top: 0px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:w_28px .card-actions div.card-action:hover:before { width: 28px; } .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:h_28px .card-actions div.card-action i { height: 28px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:h_100\% .fab.open div.editor { height: 100%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:bottom_-3px > ul li:after { bottom: -3px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:h_3px > ul li:after { height: 3px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:left_50\% > ul li:after { left: 50%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\:after\]\:right_50\% > ul li:after { right: 50%; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:h_28px > ul li span.title { height: 28px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:mr_8px > ul li svg { margin-right: 8px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:top_3px > ul li svg { top: 3px; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:pl_24px table tbody th.child { padding-left: 24px; } .\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:w_8px table td.spacer,.\[\&_table\]\:\[\&_td\,_\&_th\]\:\[\&\.spacer\]\:w_8px table th.spacer { width: 8px; } .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:ml_8px table tr.hasTip th svg { margin-left: 8px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:mt_1px table tr td span.input { margin-top: 1px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:w_100\% table tr td span.input { width: 100%; } .\[\&_\.datepicker-input-container\]\:\[\&\:not\(\.disabled\)_\.datepicker-toggle\]\:\[\&\:hover\]\:bd-l-c_\#cccccc .datepicker-input-container:not(.disabled) .datepicker-toggle:hover { border-left-color: #cccccc; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:mb_-2px > div > div > span { margin-bottom: -2px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:mt_2px > div > div > span { margin-top: 2px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\).focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bd_4px_solid_rgba\(0\,_0\,_0\,_0\.25\):hover:not(.disabled) > div .front { border: 4px solid rgba(0, 0, 0, 0.25); } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bdr_16px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:bdr_16px:hover:not(.disabled) > div .front { border-radius: 16px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:ml_10px.focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:ml_10px:hover:not(.disabled) > div .back { margin-left: 10px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:mt_0px.focused > div .back,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.back\]\:mt_0px:hover:not(.disabled) > div .back { margin-top: 0px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:ml_-4px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:ml_-4px:hover:not(.disabled) > div .front { margin-left: -4px; } .\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:top_4px.focused > div .front,.\[\&\.focused\,_\&\:hover\:not\(\.disabled\)\]\:\[\&_\>_div\]\:\[\&_\.front\]\:top_4px:hover:not(.disabled) > div .front { top: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:bg_\#bdbdbd .filter-group > div .filter-group:not(.collapsed)::after { background: #bdbdbd; } .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .datepicker-container > button:hover,.\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:\[\&\:hover\,_\&\:focus\]\:bg_\#eeeeee .filter-inputs .datepicker-container > button:focus { background: #eeeeee; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:m_0 .notification-area-container ul li .icon-container { margin: var(--spacing-0); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:bg_rgba\(244\,_67\,_54\,_0\.1\) .notification-area-container ul li.important { background: rgba(244, 67, 54, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:bg_rgba\(33\,_150\,_243\,_0\.1\) .notification-area-container ul li.unread { background: rgba(33, 150, 243, 0.1); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.05\) .notification-area-container ul li:hover { background: rgba(0, 0, 0, 0.05); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:bg_var\(--primary-colour-faint\,_\#1976d2\) ul li > span.parent-selected { background: var(--primary-colour-faint, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:bg_var\(--primary-colour\,_\#1976d2\) ul li > span.selected { background: var(--primary-colour, #1976d2); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li > span:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:bg_var\(--primary-colour-hover\,_\#1976d2A0\) ul li > span:focus { background: var(--primary-colour-hover, #1976d2A0); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.5); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:bg_rgba\(0\,_0\,_0\,_0\.25\) .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:is(:hover, [data-hover]) { background: rgba(0, 0, 0, 0.25); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:active,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:bg_\#546e7a.mini-mobile .sidebar > a:is(:focus, [data-focus]),.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:bg_\#546e7a.mini-mobile .sidebar > a:is(:hover, [data-hover]) { background: #546e7a; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:bg_\#1976D2 .timepicker .picker .up:is(:hover, [data-hover]),.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:bg_\#1976D2 .timepicker .picker .down:is(:hover, [data-hover]) { background: #1976D2; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) div.title h1 > a:hover,.\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:bg_var\(--header-hover-background-colour\) div.title h1 > a:focus-visible { background: var(--header-hover-background-colour); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:p_8px .fab.open div.editor > div { padding: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bg_rgba\(0\,_0\,_0\,_0\.5\) .config .action-container svg:focus { background: rgba(0, 0, 0, 0.5); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:hover,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:bg_\#546e7a.mini-mobile .sidebar > a:active { background: #546e7a; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:hover\]\:bg_rgb\(240\,_240\,_240\) table tr.group th:hover { background: rgb(240, 240, 240); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:bd_none table tr td span.input input { border: var(--borders-none); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:m_0px table tr td span.input input { margin: 0px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:p_2px_8px table tr td span.input input { padding: 2px 8px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:bg_\#1976D2 .timepicker .picker .up:hover,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:bg_\#1976D2 .timepicker .picker .down:hover { background: #1976D2; } .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:\[\&\:hover\]\:td_underline .notification-area-container .header span:hover { text-decoration: underline; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:flex_1 .notification-area-container ul li .content-container,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:flex_1 .notification-area-container ul li .icon-container { flex: 1 1 0%; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_400ms\,_top_400ms.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:trs_width_400ms\,_height_400ms\,_left_400ms\,_top_400ms.active:focus > div:after { transition: width 400ms, height 400ms, left 400ms, top 400ms; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:bd-c_transparent .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:bd-c_transparent .config .action-container svg:is(:hover, [data-hover]) { border-color: var(--colors-transparent); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:bd-t_1px_solid_\#ddd .fab.open div.editor > div { border-top: 1px solid #ddd; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:flex_1 .fab.open div.editor > div { flex: 1 1 0%; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:bd-c_transparent .config .action-container svg:focus { border-color: var(--colors-transparent); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:bd-r_none table tbody td.columnHidden:not(:last-child),.\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:bd-r_none table thead tr th.columnHidden:not(:last-child) { border-right: var(--borders-none); } .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:\[\&\:after\]\:op_0:not(.forward) .transition-enter.transition-enter-active:after { opacity: 0; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:content_\'\' .filter-group > div .filter-group:not(.collapsed)::after { content: ''; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:pos_absolute .filter-group > div .filter-group:not(.collapsed)::after { position: absolute; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\*\]\:cursor_pointer .notification-area-container ul li * { cursor: pointer; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:fs_40px .notification-area-container ul li .icon-container { font-size: 40px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:ta_center .notification-area-container ul li .icon-container { text-align: center; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\:hover_\.content-container_span\.mark-as-read\]\:op_1 .notification-area-container ul li:hover .content-container span.mark-as-read { opacity: 1; } .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[\&\:hover\]\:\[\&\:\:after\]\:c_\#42a5f5 ul.file-list-contents li:hover::after { color: #42a5f5; } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:c_var\(--text-colour-faint\,_white\) ul li > span.parent-selected { color: var(--text-colour-faint, white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:c_var\(--text-colour\,_white\) ul li > span.selected,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li > span:hover,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\:hover\,_\&\:focus\]\:c_var\(--text-colour\,_white\) ul li > span:focus { color: var(--text-colour, white); } .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:op_0\.75 ul li > span > svg { opacity: 0.75; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:is(:focus, [data-focus]),.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.87); } .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:c_white .config div.date .datepicker-container .datepicker-input-container:not(.disabled) > span:is(:hover, [data-hover]) { color: var(--colors-white); } .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:active,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:is(:focus, [data-focus]),.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:is(:hover, [data-hover]) { color: rgba(255, 255, 255, 0.87); } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:c_\#FFFFFF .timepicker .picker .up:is(:hover, [data-hover]),.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:hover\:c_\#FFFFFF .timepicker .picker .down:is(:hover, [data-hover]) { color: #FFFFFF; } .\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) div.title h1 > a:hover,.\[\&_div\.title\]\:\[\&_h1\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus-visible\]\:c_var\(--header-hover-text-colour\) div.title h1 > a:focus-visible { color: var(--header-hover-text-colour); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:fs_20px .fab.open div.editor > div { font-size: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:leading_20px .fab.open div.editor > div { line-height: 20px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:ta_right .fab.open div.editor > div { text-align: right; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_textarea\]\:op_1 .fab.open div.editor textarea,.\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:op_1 > ul li.active:after { opacity: 1; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:\[\&\.hasSubtitle\]\:leading_11px > ul li span.title.hasSubtitle { line-height: 11px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:hover,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:c_rgba\(255\,_255\,_255\,_0\.87\) .config .action-container svg:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:hover,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:focus,.\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[\&\:hover\,_\&\:focus\,_\&\:active\]\:c_rgba\(255\,_255\,_255\,_0\.87\).mini-mobile .sidebar > a:active { color: rgba(255, 255, 255, 0.87); } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:d_inline-block table tbody th span { display: inline-block; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.center\]\:ta_center table thead tr th.center { text-align: center; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.right\]\:ta_right table thead tr th.right { text-align: right; } .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:d_inline-block table thead tr th span { display: inline-block; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:content_\'keyboard_arrow_right\' table tr.group th:after { content: 'keyboard_arrow_right'; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:float_right table tr.group th:after { float: right; } .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[\&\:after\]\:ff_Material_Icons table tr.group th:after { font-family: Material Icons; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:\[\&_span\.input_input\]\:ta_center table tr td.center span.input input { text-align: center; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:c_red table tr td.is-invalid:before { color: red; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:content_\'\\f06a\' table tr td.is-invalid:before { content: '\f06a'; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:ff_FontAwesome table tr td.is-invalid:before { font-family: FontAwesome; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:fs_20px table tr td.is-invalid:before { font-size: 20px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:fw_normal table tr td.is-invalid:before { font-weight: var(--font-weights-normal); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:pos_absolute table tr td.is-invalid:before { position: absolute; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:\[\&_span\.input_input\]\:ta_right table tr td.right span.input input { text-align: right; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:fs_12px table tr td span.input input { font-size: 12px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:ta_left table tr td span.input input { text-align: left; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:c_rgba\(255\,_255\,_255\,_0\.87\) > div > div.danger:hover:not(.disabled) > span { color: rgba(255, 255, 255, 0.87); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:\[\&_\>_span\]\:c_black > div > div:hover.disabled > span { color: var(--colors-black); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_span\]\:cursor_pointer > div > div:not(.disabled) > span { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:fs_0\.75rem > div > div > span > .shortcut { font-size: 0.75rem; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:pos_absolute > div > div > span > .shortcut { position: absolute; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_span\:not\(\.shortcut\)\]\:leading_20px > div > div > span > span:not(.shortcut) { line-height: 20px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(0\,_0\,_0\,_0\.7\) > div > div > span svg { color: rgba(0, 0, 0, 0.7); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:fs_16px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:fs_16px > div > div > span svg { font-size: 16px; } .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:c_\#FFFFFF .timepicker .picker .up:hover,.\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\,_\&_\.down\]\:\[\&\:hover\]\:c_\#FFFFFF .timepicker .picker .down:hover { color: #FFFFFF; } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:h_calc\(50\%_\+_6px\) .filter-group .add-group.is-first::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:h_calc\(50\%_\+_6px\) .filter-group .add-rule.is-first::before { height: calc(50% + 6px); } .\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:top_50\% .filter-group .add-group.is-first::before,.\[\&_\.filter-group\]\:\[\&_\.add-group\,_\&_\.add-rule\]\:\[\&\.is-first\]\:before\:top_50\% .filter-group .add-rule.is-first::before { top: 50%; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:h_4px .filter-group > div .filter-group:not(.collapsed)::after { height: 4px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:left_0 .filter-group > div .filter-group:not(.collapsed)::after { left: var(--spacing-0); } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:top_70px .filter-group > div .filter-group:not(.collapsed)::after { top: 70px; } .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:w_34px .filter-group > div .filter-group:not(.collapsed)::after { width: 34px; } .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:\[\&_input\]\:w_100\% .filter-inputs .operator-container span.input input { width: 100%; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:mr_8px .notification-area-container ul li .icon-container { margin-right: 8px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:mt_-4px .notification-area-container ul li .icon-container { margin-top: -4px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:max-w_40px .notification-area-container ul li .icon-container { max-width: 40px; } .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:\[\&_\>_span\]\:mr_8px ul li label > span,.\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:mr_8px ul li > span > svg { margin-right: 8px; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_2px.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:left_2px.active:focus > div:after { left: 2px; } .\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_2px.active:hover > div:after,.\[\&\.active\]\:\[\&\:hover\,_\&\:focus\]\:\[\&_\>_div\]\:\[\&\:after\]\:top_2px.active:focus > div:after { top: 2px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:mt_4px .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:mt_4px .content .subtitle.skeleton.subtitle { margin-top: 4px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:min-w_100px .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:min-w_100px .content .subtitle.skeleton.subtitle { min-width: 100px; } .\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:w_20\% .content .title.skeleton.subtitle,.\[\&_\.content\]\:\[\&_\.title\,_\&_\.subtitle\]\:\[\&\.skeleton\]\:\[\&\.subtitle\]\:w_20\% .content .subtitle.skeleton.subtitle { width: 20%; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:max-h_56px .fab.open div.editor > div { max-height: 56px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:left_0px > ul li.active:after { left: 0px; } .\[\&_\>_ul\]\:\[\&_li\]\:\[\&\.active\]\:\[\&\:after\]\:right_0px > ul li.active:after { right: 0px; } .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:mt_1px table tbody th span,.\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:mt_1px table thead tr th span { margin-top: 1px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:left_10px table tr td.is-invalid:before { left: 10px; } .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[\&\:before\]\:top_calc\(50\%_-_10px\) table tr td.is-invalid:before { top: calc(50% - 10px); } .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:w_100\% table tr td span.input input { width: 100%; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:right_8px > div > div > span > .shortcut { right: 8px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:top_7px > div > div > span > .shortcut { top: 7px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mr_16px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mr_16px > div > div > span svg { margin-right: 16px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mt_-4px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:mt_-4px > div > div > span svg { margin-top: -4px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:pl_4px > div > div > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:pl_4px > div > div > span svg { padding-left: 4px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container h6,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container p,.\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\,_\&_p\,_\&_span\]\:m_0px .notification-area-container ul li .content-container span { margin: 0px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:\[\&\:hover\]\:bg_rgba\(244\,_67\,_54\,_0\.05\) .notification-area-container ul li.important:hover { background: rgba(244, 67, 54, 0.05); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:\[\&\:hover\]\:bg_rgba\(33\,_150\,_243\,_0\.05\) .notification-area-container ul li.unread:hover { background: rgba(33, 150, 243, 0.05); } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:is(:hover, [data-hover]).close { background: #f44336; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:is(:hover, [data-hover]).save { background: #4caf50; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:bg_rgba\(0\,_0\,_0\,_0\) .fab.open div.editor > div i { background: rgba(0, 0, 0, 0); } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:p_8px .fab.open div.editor > div i { padding: 8px; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:hover.close,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.close\]\:bg_\#f44336 .config .action-container svg:focus.close { background: #f44336; } .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:hover.save,.\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[\&\:hover\,_\&\:focus\]\:\[\&\.save\]\:bg_\#4caf50 .config .action-container svg:focus.save { background: #4caf50; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:bdr_50\% .fab.open div.editor > div i { border-radius: 50%; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:trs_background_100ms .fab.open div.editor > div i { transition: background 100ms; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:fs_16px .notification-area-container ul li .content-container h6 { font-size: 16px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:fw_500 .notification-area-container ul li .content-container h6 { font-weight: 500; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:fs_14px .notification-area-container ul li .content-container p { font-size: 14px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:leading_18px .notification-area-container ul li .content-container p { line-height: 18px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:op_0\.87 .notification-area-container ul li .content-container p { opacity: 0.87; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:c_rgba\(0\,_0\,_0\,_0\.67\) .notification-area-container ul li .content-container span.date { color: rgba(0, 0, 0, 0.67); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:d_block .notification-area-container ul li .content-container span.date { display: block; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:fs_11px .notification-area-container ul li .content-container span.date { font-size: 11px; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:c_rgba\(0\,_0\,_0\,_0\.87\) .notification-area-container ul li .content-container span.mark-as-read { color: rgba(0, 0, 0, 0.87); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:d_block .notification-area-container ul li .content-container span.mark-as-read { display: block; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:fs_0\.75em .notification-area-container ul li .content-container span.mark-as-read { font-size: 0.75em; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:op_0 .notification-area-container ul li .content-container span.mark-as-read { opacity: 0; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:ta_right .notification-area-container ul li .content-container span.mark-as-read { text-align: right; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:cursor_pointer .fab.open div.editor > div i { cursor: pointer; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:fs_24px .fab.open div.editor > div i { font-size: 24px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:fw_bold .fab.open div.editor > div i { font-weight: var(--font-weights-bold); } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > div > div.danger:hover:not(.disabled) > span i,.\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_i\,_\&_svg\]\:c_rgba\(255\,_255\,_255\,_0\.87\)\! > div > div.danger:hover:not(.disabled) > span svg { color: rgba(255, 255, 255, 0.87) !important; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:hover\.disabled\]\:\[\&_\>_span\]\:\[\&_i\]\:c_black\! > div > div:hover.disabled > span i { color: var(--colors-black) !important; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&\:not\(\.disabled\)\]\:\[\&_\>_span\]\:\[\&_\*\]\:cursor_pointer > div > div:not(.disabled) > span * { cursor: pointer; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:pos_relative > div > div > span > .shortcut svg { position: relative; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:mr_4px > div > div > span > .shortcut svg { margin-right: 4px; } .\[\&_\>_div\]\:\[\&_\>_div\]\:\[\&_\>_span\]\:\[\&_\>_\.shortcut\]\:\[\&_svg\]\:top_2px > div > div > span > .shortcut svg { top: 2px; } .\[\&_\.fab\]\:\[\&\.open\]\:\[\&_div\.editor\]\:\[\&_\>_div\]\:\[\&_i\]\:\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.15\) .fab.open div.editor > div i:hover { background: rgba(0, 0, 0, 0.15); } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[\&\:hover\]\:td_underline .notification-area-container ul li .content-container span.mark-as-read:hover { text-decoration: underline; } .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[\&\:hover\]\:cursor_pointer .notification-area-container ul li .content-container span.mark-as-read:hover { cursor: pointer; } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:op_0 { opacity: 0; } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:trf_translateX\(8px\) { transform: translateX(8px); } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:op_1 { opacity: 1; } } @keyframes fadeIn { .\[\@keyframes_fadeIn\]\:trf_translateX\(0\) { transform: translateX(0); } } @keyframes slideIn { .\[\@keyframes_slideIn\]\:trf_translateX\(100\%\) { transform: translateX(100%); } } @keyframes slideIn { .\[\@keyframes_slideIn\]\:trf_translateX\(0\) { transform: translateX(0); } } @keyframes slideUp { .\[\@keyframes_slideUp\]\:trf_translateY\(100\%\) { transform: translateY(100%); } } @keyframes slideUp { .\[\@keyframes_slideUp\]\:trf_translateY\(0\) { transform: translateY(0); } } @media screen and (min-width: 40rem) { .sm\:d_flex { display: flex; } .sm\:d_none { display: none; } .sm\:d_block { display: block; } .sm\:pt_0 { padding-top: var(--spacing-0); } .sm\:pt_20px { padding-top: 20px; } } @media screen and (min-width: 48rem) { .md\:p_16px_20px { padding: 16px 20px; } .md\:d_none { display: none; } .md\:grid-tc_repeat\(2\,_1fr\) { grid-template-columns: repeat(2, 1fr); } .md\:d_flex { display: flex; } } @media (min-width: 781px) { .\[\@media_\(min-width\:_781px\)\]\:d_none { display: none; } } @media (min-width: 1024px) { .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:z_7.has-action-bar { z-index: 7; } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:z_8.has-action-bar { z-index: 8; } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:h_calc\(100vh_-_64px\).has-action-bar { height: calc(100vh - 64px); } .\[\&\.has-action-bar\]\:\[\@media_\(min-width\:_1024px\)\]\:mt_64px.has-action-bar { margin-top: 64px; } } @media screen and (min-width: 1024px) { .\[\@media_screen_and_\(min-width\:_1024px\)\]\:\[\&_\.hide-desktop\]\:d_none .hide-desktop { display: none; } } @media screen and (min-width: 64rem) { .lg\:p_28px_24px { padding: 28px 24px; } .lg\:gap_5 { gap: var(--spacing-5); } .lg\:pos_sticky { position: sticky; } .lg\:top_28px { top: 28px; } } @media (max-width: 1300px) { .\[\@media_\(max-width\:_1300px\)\]\:trf_scale\(0\.75\) { transform: scale(0.75); } .\[\@media_\(max-width\:_1300px\)\]\:h_calc\(180px_\*_0\.75\) { height: calc(180px * 0.75); } .\[\@media_\(max-width\:_1300px\)\]\:w_calc\(280px_\*_0\.75\) { width: calc(280px * 0.75); } } @media(max-width:1300px) { .\[\@media\(max-width\:1300px\)\]\:w_calc\(1242px_-_210px\) { width: calc(1242px - 210px); } } @media (max-width: 1200px) { .\[\@media_\(max-width\:_1200px\)\]\:mt_8px { margin-top: 8px; } } @media (max-width: 1100px) { .\[\@media_\(max-width\:_1100px\)\]\:p_12px { padding: 12px; } .\[\@media_\(max-width\:_1100px\)\]\:trf_unset { transform: unset; } .\[\@media_\(max-width\:_1100px\)\]\:flex-d_column-reverse { flex-direction: column-reverse; } .\[\@media_\(max-width\:_1100px\)\]\:mt_8px { margin-top: 8px; } .\[\@media_\(max-width\:_1100px\)\]\:w_100\% { width: 100%; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\@media_\(max-width\:_1100px\)\]\:p_32px > div > div > .nav-item { padding: 32px; } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:gap_0px .quintuple-fields { gap: 0px; } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:d_block .quintuple-fields { display: block; } .\[\&_\.svg-container\]\:\[\@media_\(max-width\:_1100px\)\]\:trf_scale\(0\) .svg-container { transform: scale(0); } .\[\&_\.quintuple-fields\]\:\[\@media_\(max-width\:_1100px\)\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ta_left .quintuple-fields .field-container * { text-align: left; } } @media screen and (max-width: 1023px) { .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&_\.hide-tablet\]\:d_none .hide-tablet { display: none; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:flex-d_row.horizontal-tablet { flex-direction: row; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:flex-d_column.vertical-tablet { flex-direction: column; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1\]\:min-h_auto.horizontal-tablet .fb-1 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1\]\:min-w_calc\(16\%_-_16px_\*_2\).horizontal-tablet .fb-1 { min-width: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1-tablet\]\:min-h_auto.horizontal-tablet .fb-1-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1-tablet\]\:min-w_calc\(16\%_-_16px_\*_2\).horizontal-tablet .fb-1-tablet { min-width: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2\]\:min-h_auto.horizontal-tablet .fb-2 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2\]\:min-w_calc\(33\%_-_16px_\*_2\).horizontal-tablet .fb-2 { min-width: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2-tablet\]\:min-h_auto.horizontal-tablet .fb-2-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2-tablet\]\:min-w_calc\(33\%_-_16px_\*_2\).horizontal-tablet .fb-2-tablet { min-width: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3\]\:min-h_auto.horizontal-tablet .fb-3 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-tablet .fb-3 { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3-tablet\]\:min-h_auto.horizontal-tablet .fb-3-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3-tablet\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-tablet .fb-3-tablet { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4\]\:min-h_auto.horizontal-tablet .fb-4 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4\]\:min-w_calc\(66\%_-_16px_\*_2\).horizontal-tablet .fb-4 { min-width: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4-tablet\]\:min-h_auto.horizontal-tablet .fb-4-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4-tablet\]\:min-w_calc\(66\%_-_16px_\*_2\).horizontal-tablet .fb-4-tablet { min-width: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5\]\:min-h_auto.horizontal-tablet .fb-5 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5\]\:min-w_calc\(83\%_-_16px_\*_2\).horizontal-tablet .fb-5 { min-width: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5-tablet\]\:min-h_auto.horizontal-tablet .fb-5-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5-tablet\]\:min-w_calc\(83\%_-_16px_\*_2\).horizontal-tablet .fb-5-tablet { min-width: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6\]\:min-h_auto.horizontal-tablet .fb-6 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-tablet .fb-6 { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6-tablet\]\:min-h_auto.horizontal-tablet .fb-6-tablet { min-height: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6-tablet\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-tablet .fb-6-tablet { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical-tablet .fb-1 { min-height: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1\]\:min-w_auto.vertical-tablet .fb-1 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1-tablet\]\:min-h_calc\(16\%_-_16px_\*_2\).vertical-tablet .fb-1-tablet { min-height: calc(16% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1-tablet\]\:min-w_auto.vertical-tablet .fb-1-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical-tablet .fb-2 { min-height: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2\]\:min-w_auto.vertical-tablet .fb-2 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2-tablet\]\:min-h_calc\(33\%_-_16px_\*_2\).vertical-tablet .fb-2-tablet { min-height: calc(33% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2-tablet\]\:min-w_auto.vertical-tablet .fb-2-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-tablet .fb-3 { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3\]\:min-w_auto.vertical-tablet .fb-3 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3-tablet\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-tablet .fb-3-tablet { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3-tablet\]\:min-w_auto.vertical-tablet .fb-3-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical-tablet .fb-4 { min-height: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4\]\:min-w_auto.vertical-tablet .fb-4 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4-tablet\]\:min-h_calc\(66\%_-_16px_\*_2\).vertical-tablet .fb-4-tablet { min-height: calc(66% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4-tablet\]\:min-w_auto.vertical-tablet .fb-4-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical-tablet .fb-5 { min-height: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5\]\:min-w_auto.vertical-tablet .fb-5 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5-tablet\]\:min-h_calc\(83\%_-_16px_\*_2\).vertical-tablet .fb-5-tablet { min-height: calc(83% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5-tablet\]\:min-w_auto.vertical-tablet .fb-5-tablet { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-tablet .fb-6 { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6\]\:min-w_auto.vertical-tablet .fb-6 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6-tablet\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-tablet .fb-6-tablet { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_1023px\)\]\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6-tablet\]\:min-w_auto.vertical-tablet .fb-6-tablet { min-width: auto; } } @media (max-width: 780px) { .\[\@media_\(max-width\:_780px\)\]\:grid-tc_1fr { grid-template-columns: 1fr; } } @media screen and (max-width: 768px) { .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:p_12px ul.file-list-contents li { padding: 12px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:leading_24px ul.file-list-contents li { line-height: 24px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:min-h_48px ul.file-list-contents li { min-height: 48px; } .\[\&_ul\.file-list-contents\]\:\[\@media_screen_and_\(max-width\:_768px\)\]\:\[\&_li\]\:\[\&\:\:after\]\:right_16px ul.file-list-contents li::after { right: 16px; } } @media screen and (max-width: 767px) { .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&_\.hide-phone\]\:d_none .hide-phone { display: none; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:flex-d_row.horizontal-phone { flex-direction: row; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:flex-d_column.vertical-phone { flex-direction: column; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1\]\:min-h_auto.horizontal-phone .fb-1 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1\]\:min-w_calc\(25\%_-_16px_\*_2\).horizontal-phone .fb-1 { min-width: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1-phone\]\:min-h_auto.horizontal-phone .fb-1-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1-phone\]\:min-w_calc\(25\%_-_16px_\*_2\).horizontal-phone .fb-1-phone { min-width: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2\]\:min-h_auto.horizontal-phone .fb-2 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-phone .fb-2 { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2-phone\]\:min-h_auto.horizontal-phone .fb-2-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2-phone\]\:min-w_calc\(50\%_-_16px_\*_2\).horizontal-phone .fb-2-phone { min-width: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3\]\:min-h_auto.horizontal-phone .fb-3 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3\]\:min-w_calc\(75\%_-_16px_\*_2\).horizontal-phone .fb-3 { min-width: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3-phone\]\:min-h_auto.horizontal-phone .fb-3-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3-phone\]\:min-w_calc\(75\%_-_16px_\*_2\).horizontal-phone .fb-3-phone { min-width: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4\]\:min-h_auto.horizontal-phone .fb-4 { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-phone .fb-4 { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4-phone\]\:min-h_auto.horizontal-phone .fb-4-phone { min-height: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4-phone\]\:min-w_calc\(100\%_-_16px_\*_2\).horizontal-phone .fb-4-phone { min-width: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical-phone .fb-1 { min-height: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1\]\:min-w_auto.vertical-phone .fb-1 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1-phone\]\:min-h_calc\(25\%_-_16px_\*_2\).vertical-phone .fb-1-phone { min-height: calc(25% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-1-phone\]\:min-w_auto.vertical-phone .fb-1-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-phone .fb-2 { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2\]\:min-w_auto.vertical-phone .fb-2 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2-phone\]\:min-h_calc\(50\%_-_16px_\*_2\).vertical-phone .fb-2-phone { min-height: calc(50% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-2-phone\]\:min-w_auto.vertical-phone .fb-2-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical-phone .fb-3 { min-height: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3\]\:min-w_auto.vertical-phone .fb-3 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3-phone\]\:min-h_calc\(75\%_-_16px_\*_2\).vertical-phone .fb-3-phone { min-height: calc(75% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-3-phone\]\:min-w_auto.vertical-phone .fb-3-phone { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-phone .fb-4 { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4\]\:min-w_auto.vertical-phone .fb-4 { min-width: auto; } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4-phone\]\:min-h_calc\(100\%_-_16px_\*_2\).vertical-phone .fb-4-phone { min-height: calc(100% - 16px * 2); } .\[\@media_screen_and_\(max-width\:_767px\)\]\:\[\&\.vertical-phone\]\:\[\&_\.fb-4-phone\]\:min-w_auto.vertical-phone .fb-4-phone { min-width: auto; } } @media screen and (max-width: 39.9975rem) { .smDown\:d_flex { display: flex; } .smDown\:d_none { display: none; } .smDown\:d_block { display: block; } .smDown\:pt_72px { padding-top: 72px; } } @media (max-width: 600px) { .\[\@media_\(max-width\:_600px\)\]\:grid-tc_1fr { grid-template-columns: 1fr; } .\[\@media_\(max-width\:_600px\)\]\:h_calc\(100vh_-_56px\) { height: calc(100vh - 56px); } .\[\@media_\(max-width\:_600px\)\]\:left_0 { left: var(--spacing-0); } .\[\@media_\(max-width\:_600px\)\]\:right_0 { right: var(--spacing-0); } .\[\@media_\(max-width\:_600px\)\]\:w_auto { width: auto; } .\[\@media_\(max-width\:_600px\)\]\:mt_8px { margin-top: 8px; } .\[\@media_\(max-width\:_600px\)\]\:w_100\% { width: 100%; } .\[\@media_\(max-width\:_600px\)\]\:h_0px { height: 0px; } .\[\@media_\(max-width\:_600px\)\]\:w_0px { width: 0px; } .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\@media_\(max-width\:_600px\)\]\:p_16px > div > div > .nav-item { padding: 16px; } .\[\&_\.double-fields\]\:\[\@media_\(max-width\:_600px\)\]\:gap_0px .double-fields,.\[\&_\.triple-fields\]\:\[\@media_\(max-width\:_600px\)\]\:gap_0px .triple-fields { gap: 0px; } .\[\&_\.double-fields\]\:\[\@media_\(max-width\:_600px\)\]\:d_block .double-fields,.\[\&_\.triple-fields\]\:\[\@media_\(max-width\:_600px\)\]\:d_block .triple-fields { display: block; } .\[\@media_\(max-width\:_600px\)\]\:\[\&\.open\]\:top_calc\(100\%_-_48px\).open { top: calc(100% - 48px); } } @media screen and (max-width: 600px) { .\[\@media_screen_and_\(max-width\:_600px\)\]\:m_4px\! { margin: 4px !important; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:top_56px { top: 56px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:h_56px { height: 56px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&\.has-tab-bar\]\:h_104px.has-tab-bar { height: 104px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&\.ios\.standalone\]\:h_76px.ios.standalone { height: 76px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\.search-button\,_\&_\.close-button\]\:top_16px .search-button,.\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\.search-button\,_\&_\.close-button\]\:top_16px .close-button { top: 16px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_header\]\:mb_12px header { margin-bottom: 12px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_header\]\:mt_12px header { margin-top: 12px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_span\.input\]\:top_1px span.input { top: 1px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:mt_0px > span { margin-top: 0px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:\[\&_svg\]\:h_32px > span svg { height: 32px; } .\[\@media_screen_and_\(max-width\:_600px\)\]\:\[\&_\>_span\]\:\[\&_svg\]\:w_32px > span svg { width: 32px; } } @media (max-width: 480px) { .\[\@media_\(max-width\:_480px\)\]\:max-w_100\% { max-width: 100%; } } @media print { .\[\@media_print\]\:m_0 { margin: var(--spacing-0); } .\[\@media_print\]\:p_4 { padding: var(--spacing-4); } .\[\@media_print\]\:p_0 { padding: var(--spacing-0); } .\[\@media_print\]\:ov_visible { overflow: visible; } .\[\@media_print\]\:bg-c_white { background-color: var(--colors-white); } .\[\@media_print\]\:d_none { display: none; } .\[\@media_print\]\:grid-tc_1fr { grid-template-columns: 1fr; } .\[\@media_print\]\:bx-sh_none { box-shadow: none; } .\[\@media_print\]\:page-break-after_always { page-break-after: always; } .\[\@media_print\]\:d_table-row { display: table-row; } .\[\@media_print\]\:max-w_100\% { max-width: 100%; } .\[\@media_print\]\:mb_0 { margin-bottom: var(--spacing-0); } .\[\@media_print\]\:pb_4px { padding-bottom: 4px; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:p_4px table thead tr th { padding: 4px; } .\[\@media_print\]\:\[\&_\.action-container\]\:d_none .action-container,.\[\@media_print\]\:\[\&_\>_\:first-child\]\:d_none > :first-child { display: none; } .\[\@media_print\]\:\[\&_\.hide-print\]\:d_none\! .hide-print { display: none !important; } .\[\@media_print\]\:\[\&_\>_\.card-tabs-content_\>_\.inactive\]\:d_block > .card-tabs-content > .inactive { display: block; } .\[\@media_print\]\:\[\&_\>_ul\]\:d_none > ul { display: none; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:fs_10px table tbody tr td,.\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:fs_10px table tbody tr th { font-size: 10px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:leading_10px table tbody tr td,.\[\@media_print\]\:\[\&_table_tbody_tr_td\,_\&_table_tbody_tr_th\]\:leading_10px table tbody tr th { line-height: 10px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td_span\.input_input\]\:fs_10px table tbody tr td span.input input,.\[\@media_print\]\:\[\&_table_thead_tr_th\]\:fs_10px table thead tr th { font-size: 10px; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:leading_10px table thead tr th { line-height: 10px; } .\[\@media_print\]\:\[\&_\.title\]\:pt_4px .title { padding-top: 4px; } .\[\@media_print\]\:\[\&_table_tbody_tr_td\.spacer\]\:h_auto table tbody tr td.spacer { height: auto; } .\[\@media_print\]\:\[\&_table_tbody_tr_th\.child\]\:pl_12px table tbody tr th.child { padding-left: 12px; } .\[\&_ul\.file-list-contents\]\:\[\@media_print\]\:\[\&_li\:\:after\]\:d_none ul.file-list-contents li::after { display: none; } .\[\@media_print\]\:\[\&_table_thead_tr_th\]\:\[\&\.spacer\]\:h_auto table thead tr th.spacer { height: auto; } } } /* /@fs/app/node_modules/.pnpm/@material+button@14.0.0/node_modules/@material/button/dist/mdc.button.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc( 100% + 4px );width:calc( 100% + 4px );display:block}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #6200ee))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#6200ee;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px} /* /@fs/app/node_modules/.pnpm/@material+card@14.0.0/node_modules/@material/card/dist/mdc.card.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-card{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);position:relative;box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);display:flex;flex-direction:column;box-sizing:border-box}.mdc-card .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-card::after{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none;pointer-events:none}@media screen and (forced-colors: active){.mdc-card::after{border-color:CanvasText}}.mdc-card--outlined{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12);border-width:1px;border-style:solid;border-color:#e0e0e0}.mdc-card--outlined::after{border:none}.mdc-card__content{border-radius:inherit;height:100%}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media::before{display:block;content:""}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__media--square::before{margin-top:100%}.mdc-card__media--16-9::before{margin-top:56.25%}.mdc-card__media-content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.mdc-card__primary-action{display:flex;flex-direction:column;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}.mdc-card__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px;padding:8px}.mdc-card__actions--full-bleed{padding:0}.mdc-card__action-buttons,.mdc-card__action-icons{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.mdc-card__action-icons{color:rgba(0, 0, 0, 0.6);flex-grow:1;justify-content:flex-end}.mdc-card__action-buttons+.mdc-card__action-icons{margin-left:16px;margin-right:0}[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons,.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl]{margin-left:0;margin-right:16px}.mdc-card__action{display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-card__action:focus{outline:none}.mdc-card__action--button{margin-left:0;margin-right:8px;padding:0 8px}[dir=rtl] .mdc-card__action--button,.mdc-card__action--button[dir=rtl]{margin-left:8px;margin-right:0}.mdc-card__action--button:last-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl]{margin-left:0;margin-right:0}.mdc-card__actions--full-bleed .mdc-card__action--button{justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl]{text-align:right}.mdc-card__action--icon{margin:-6px 0;padding:12px}.mdc-card__action--icon:not(:disabled){color:rgba(0, 0, 0, 0.6)}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-card__primary-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-card__primary-action .mdc-card__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-card__primary-action .mdc-card__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-card__primary-action.mdc-ripple-upgraded--unbounded .mdc-card__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation .mdc-card__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation .mdc-card__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-card__primary-action:hover .mdc-card__ripple::before,.mdc-card__primary-action.mdc-ripple-surface--hover .mdc-card__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-card__primary-action.mdc-ripple-upgraded--background-focused .mdc-card__ripple::before,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus .mdc-card__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-card__primary-action:not(.mdc-ripple-upgraded) .mdc-card__ripple::after{transition:opacity 150ms linear}.mdc-card__primary-action:not(.mdc-ripple-upgraded):active .mdc-card__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-card__primary-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-card__primary-action .mdc-card__ripple{box-sizing:content-box;height:100%;overflow:hidden;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:5px double transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after{border-color:CanvasText}} /* /@fs/app/node_modules/.pnpm/@material+chips@14.0.0/node_modules/@material/chips/dist/mdc.chips.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-touch-target-wrapper{display:inline}.mdc-deprecated-chip-trailing-action__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-deprecated-chip-trailing-action{border:none;display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;padding:0;outline:none;cursor:pointer;-webkit-appearance:none;background:none}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon{height:18px;width:18px;font-size:18px}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__touch{width:26px}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon{fill:currentColor;color:inherit}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-deprecated-chip-trailing-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-deprecated-chip-trailing-action:hover .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action.mdc-ripple-surface--hover .mdc-deprecated-chip-trailing-action__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-deprecated-chip-trailing-action__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-deprecated-chip-trailing-action__ripple::after{transition:opacity 150ms linear}.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-deprecated-chip-trailing-action__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.mdc-chip__icon--leading{color:rgba(0,0,0,.54)}.mdc-deprecated-chip-trailing-action{color:#000}.mdc-chip__icon--trailing{color:rgba(0,0,0,.54)}.mdc-chip__icon--trailing:hover{color:rgba(0,0,0,.62)}.mdc-chip__icon--trailing:focus{color:rgba(0,0,0,.87)}.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){width:20px;height:20px;font-size:20px}.mdc-deprecated-chip-trailing-action__icon{height:18px;width:18px;font-size:18px}.mdc-chip__icon.mdc-chip__icon--trailing{width:18px;height:18px;font-size:18px}.mdc-deprecated-chip-trailing-action{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-deprecated-chip-trailing-action,.mdc-deprecated-chip-trailing-action[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-chip__icon--trailing{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-chip__icon--trailing,.mdc-chip__icon--trailing[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-chip{border-radius:16px;background-color:#e0e0e0;color:rgba(0, 0, 0, 0.87);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);height:32px;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 12px;border-width:0;outline:none;cursor:pointer;-webkit-appearance:none}.mdc-chip .mdc-chip__ripple{border-radius:16px}.mdc-chip:hover{color:rgba(0, 0, 0, 0.87)}.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){margin-left:-4px;margin-right:4px}[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),.mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl]{margin-left:4px;margin-right:-4px}.mdc-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-chip::-moz-focus-inner{padding:0;border:0}.mdc-chip:hover{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-chip .mdc-chip__touch{position:absolute;top:50%;height:48px;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-chip--exit{transition:opacity 75ms cubic-bezier(0.4, 0, 0.2, 1),width 150ms cubic-bezier(0, 0, 0.2, 1),padding 100ms linear,margin 100ms linear;opacity:0}.mdc-chip__overflow{text-overflow:ellipsis;overflow:hidden}.mdc-chip__text{white-space:nowrap}.mdc-chip__icon{border-radius:50%;outline:none;vertical-align:middle}.mdc-chip__checkmark{height:20px}.mdc-chip__checkmark-path{transition:stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-chip__primary-action:focus{outline:none}.mdc-chip--selected .mdc-chip__checkmark-path{stroke-dashoffset:0}.mdc-chip__icon--leading,.mdc-chip__icon--trailing{position:relative}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading{color:rgba(98,0,238,.54)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip--selected{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-chip__checkmark-svg{width:0;height:20px;transition:width 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-chip--selected .mdc-chip__checkmark-svg{width:20px}.mdc-chip-set--filter .mdc-chip__icon--leading{transition:opacity 75ms linear;transition-delay:-50ms;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark{transition:opacity 75ms linear;transition-delay:80ms;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg{transition:width 0ms}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading{opacity:0}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark{width:0;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading{width:0;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading+.mdc-chip__checkmark{width:20px}.mdc-chip{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-chip .mdc-chip__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-chip .mdc-chip__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-chip:hover .mdc-chip__ripple::before,.mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-chip .mdc-chip__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}@-webkit-keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.mdc-chip-set{padding:4px;display:flex;flex-wrap:wrap;box-sizing:border-box}.mdc-chip-set .mdc-chip{margin:4px}.mdc-chip-set .mdc-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-chip-set--input .mdc-chip{-webkit-animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1)} /* /@fs/app/node_modules/.pnpm/@material+drawer@14.0.0/node_modules/@material/drawer/dist/mdc.drawer.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-drawer { border-color: rgba(0, 0, 0, 0.12); background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); /* @noflip */ /*rtl:ignore*/ border-top-left-radius: 0; /* @noflip */ /*rtl:ignore*/ border-top-right-radius: 0; /* @alternate */ /* @noflip */ /*rtl:ignore*/ border-top-right-radius: var(--mdc-shape-large, 0); /* @noflip */ /*rtl:ignore*/ border-bottom-right-radius: 0; /* @alternate */ /* @noflip */ /*rtl:ignore*/ border-bottom-right-radius: var(--mdc-shape-large, 0); /* @noflip */ /*rtl:ignore*/ border-bottom-left-radius: 0; z-index: 6; width: 256px; display: flex; flex-direction: column; flex-shrink: 0; box-sizing: border-box; height: 100%; /* @noflip */ /*rtl:ignore*/ border-right-width: 1px; /* @noflip */ /*rtl:ignore*/ border-right-style: solid; overflow: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdc-drawer .mdc-drawer__title { color: rgba(0, 0, 0, 0.87); } .mdc-drawer .mdc-deprecated-list-group__subheader { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-drawer__subtitle { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-deprecated-list-item__graphic { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-deprecated-list-item { color: rgba(0, 0, 0, 0.87); } .mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic { color: #6200ee; } .mdc-drawer .mdc-deprecated-list-item--activated { color: rgba(98, 0, 238, 0.87); } [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ border-top-left-radius: 0; /* @alternate */ /* @noflip */ /*rtl:ignore*/ border-top-left-radius: var(--mdc-shape-large, 0); /* @noflip */ /*rtl:ignore*/ border-top-right-radius: 0; /* @noflip */ /*rtl:ignore*/ border-bottom-right-radius: 0; /* @noflip */ /*rtl:ignore*/ border-bottom-left-radius: 0; /* @alternate */ /* @noflip */ /*rtl:ignore*/ border-bottom-left-radius: var(--mdc-shape-large, 0); /*rtl:end:ignore*/ } .mdc-drawer .mdc-deprecated-list-item { border-radius: 4px; /* @alternate */ border-radius: var(--mdc-shape-small, 4px); } .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { /* @noflip */ /*rtl:ignore*/ margin-left: 256px; /* @noflip */ /*rtl:ignore*/ margin-right: 0; } [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ margin-left: 0; /* @noflip */ /*rtl:ignore*/ margin-right: 256px; /*rtl:end:ignore*/ } [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ border-right-width: 0; /* @noflip */ /*rtl:ignore*/ border-left-width: 1px; /* @noflip */ /*rtl:ignore*/ border-right-style: none; /* @noflip */ /*rtl:ignore*/ border-left-style: solid; /*rtl:end:ignore*/ } .mdc-drawer .mdc-deprecated-list-item { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 0.875rem; /* @alternate */ font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); line-height: 1.375rem; /* @alternate */ line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); font-weight: 500; /* @alternate */ font-weight: var(--mdc-typography-subtitle2-font-weight, 500); letter-spacing: 0.0071428571em; /* @alternate */ letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); height: calc(48px - 2 * 4px); margin: 8px 8px; padding: 0 8px; } .mdc-drawer .mdc-deprecated-list-item:nth-child(1) { margin-top: 2px; } .mdc-drawer .mdc-deprecated-list-item:nth-last-child(1) { margin-bottom: 0; } .mdc-drawer .mdc-deprecated-list-group__subheader { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 0.875rem; /* @alternate */ font-size: var(--mdc-typography-body2-font-size, 0.875rem); line-height: 1.25rem; /* @alternate */ line-height: var(--mdc-typography-body2-line-height, 1.25rem); font-weight: 400; /* @alternate */ font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: 0.0178571429em; /* @alternate */ letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-body2-text-transform, inherit); display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; padding: 0 16px; } .mdc-drawer .mdc-deprecated-list-group__subheader::before { display: inline-block; width: 0; height: 24px; content: ""; vertical-align: 0; } .mdc-drawer .mdc-deprecated-list-divider { margin: 3px 0 4px; } .mdc-drawer .mdc-deprecated-list-item__text, .mdc-drawer .mdc-deprecated-list-item__graphic { pointer-events: none; } .mdc-drawer--animate { -webkit-transform: translateX(-100%); transform: translateX(-100%); } [dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] { /*rtl:begin:ignore*/ -webkit-transform: translateX(100%); transform: translateX(100%); /*rtl:end:ignore*/ } .mdc-drawer--opening { -webkit-transform: translateX(0); transform: translateX(0); transition-duration: 250ms; } [dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] { /*rtl:begin:ignore*/ -webkit-transform: translateX(0); transform: translateX(0); /*rtl:end:ignore*/ } .mdc-drawer--closing { -webkit-transform: translateX(-100%); transform: translateX(-100%); transition-duration: 200ms; } [dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { /*rtl:begin:ignore*/ -webkit-transform: translateX(100%); transform: translateX(100%); /*rtl:end:ignore*/ } .mdc-drawer__header { flex-shrink: 0; box-sizing: border-box; min-height: 64px; padding: 0 16px 4px; } .mdc-drawer__title { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 1.25rem; /* @alternate */ font-size: var(--mdc-typography-headline6-font-size, 1.25rem); line-height: 2rem; /* @alternate */ line-height: var(--mdc-typography-headline6-line-height, 2rem); font-weight: 500; /* @alternate */ font-weight: var(--mdc-typography-headline6-font-weight, 500); letter-spacing: 0.0125em; /* @alternate */ letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-headline6-text-transform, inherit); display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; } .mdc-drawer__title::before { display: inline-block; width: 0; height: 36px; content: ""; vertical-align: 0; } .mdc-drawer__title::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-drawer__subtitle { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 0.875rem; /* @alternate */ font-size: var(--mdc-typography-body2-font-size, 0.875rem); line-height: 1.25rem; /* @alternate */ line-height: var(--mdc-typography-body2-line-height, 1.25rem); font-weight: 400; /* @alternate */ font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: 0.0178571429em; /* @alternate */ letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-body2-text-transform, inherit); display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: 0; } .mdc-drawer__subtitle::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-drawer__content { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mdc-drawer--dismissible { /* @noflip */ /*rtl:ignore*/ left: 0; /* @noflip */ /*rtl:ignore*/ right: initial; display: none; position: absolute; } [dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ left: initial; /* @noflip */ /*rtl:ignore*/ right: 0; /*rtl:end:ignore*/ } .mdc-drawer--dismissible.mdc-drawer--open { display: flex; } .mdc-drawer-app-content { /* @noflip */ /*rtl:ignore*/ margin-left: 0; /* @noflip */ /*rtl:ignore*/ margin-right: 0; position: relative; } [dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ margin-left: 0; /* @noflip */ /*rtl:ignore*/ margin-right: 0; /*rtl:end:ignore*/ } .mdc-drawer--modal { /* @alternate */ box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); /* @noflip */ /*rtl:ignore*/ left: 0; /* @noflip */ /*rtl:ignore*/ right: initial; display: none; position: fixed; } .mdc-drawer--modal + .mdc-drawer-scrim { background-color: rgba(0, 0, 0, 0.32); } [dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ left: initial; /* @noflip */ /*rtl:ignore*/ right: 0; /*rtl:end:ignore*/ } .mdc-drawer--modal.mdc-drawer--open { display: flex; } .mdc-drawer-scrim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdc-drawer--open + .mdc-drawer-scrim { display: block; } .mdc-drawer--animate + .mdc-drawer-scrim { opacity: 0; } .mdc-drawer--opening + .mdc-drawer-scrim { transition-duration: 250ms; opacity: 1; } .mdc-drawer--closing + .mdc-drawer-scrim { transition-duration: 200ms; opacity: 0; } /* /@fs/app/node_modules/.pnpm/@material+floating-label@14.0.0/node_modules/@material/floating-label/dist/mdc.floating-label.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}} /* /@fs/app/node_modules/.pnpm/@material+icon-button@14.0.0/node_modules/@material/icon-button/dist/mdc.icon-button.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-icon-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-icon-button .mdc-icon-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-icon-button .mdc-icon-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-icon-button:hover .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button .mdc-icon-button__ripple{height:100%;left:0px;pointer-events:none;position:absolute;top:0px;width:100%;z-index:-1} /* /@fs/app/node_modules/.pnpm/@material+line-ripple@14.0.0/node_modules/@material/line-ripple/dist/mdc.line-ripple.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0} /* /@fs/app/node_modules/.pnpm/@material+notched-outline@14.0.0/node_modules/@material/notched-outline/dist/mdc.notched-outline.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none} /* /@fs/app/node_modules/.pnpm/@material+ripple@14.0.0/node_modules/@material/ripple/dist/mdc.ripple.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ @-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)} /* /@fs/app/node_modules/.pnpm/@material+textfield@14.0.0/node_modules/@material/textfield/dist/mdc.textfield.min.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports(-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports(-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports(top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:"";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px} /* /@fs/app/node_modules/.pnpm/@material+top-app-bar@14.0.0/node_modules/@material/top-app-bar/dist/mdc.top-app-bar.css?__scss_global_side_effect */ /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-top-app-bar { background-color: #6200ee; /* @alternate */ background-color: var(--mdc-theme-primary, #6200ee); color: white; display: flex; position: fixed; flex-direction: column; justify-content: space-between; box-sizing: border-box; width: 100%; z-index: 4; } .mdc-top-app-bar .mdc-top-app-bar__action-item, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { background-color: #fff; /* @alternate */ background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff)); } .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before { opacity: 0.08; /* @alternate */ opacity: var(--mdc-ripple-hover-opacity, 0.08); } .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { transition-duration: 75ms; opacity: 0.24; /* @alternate */ opacity: var(--mdc-ripple-focus-opacity, 0.24); } .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; /* @alternate */ opacity: var(--mdc-ripple-press-opacity, 0.24); } .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); } .mdc-top-app-bar__row { display: flex; position: relative; box-sizing: border-box; width: 100%; height: 64px; } .mdc-top-app-bar__section { display: inline-flex; flex: 1 1 auto; align-items: center; min-width: 0; padding: 8px 12px; z-index: 1; } .mdc-top-app-bar__section--align-start { justify-content: flex-start; order: -1; } .mdc-top-app-bar__section--align-end { justify-content: flex-end; order: 1; } .mdc-top-app-bar__title { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 1.25rem; /* @alternate */ font-size: var(--mdc-typography-headline6-font-size, 1.25rem); line-height: 2rem; /* @alternate */ line-height: var(--mdc-typography-headline6-line-height, 2rem); font-weight: 500; /* @alternate */ font-weight: var(--mdc-typography-headline6-font-weight, 500); letter-spacing: 0.0125em; /* @alternate */ letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-headline6-text-transform, inherit); /* @noflip */ /*rtl:ignore*/ padding-left: 20px; /* @noflip */ /*rtl:ignore*/ padding-right: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 1; } [dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ padding-left: 0; /* @noflip */ /*rtl:ignore*/ padding-right: 20px; /*rtl:end:ignore*/ } .mdc-top-app-bar--short-collapsed { /* @noflip */ /*rtl:ignore*/ border-top-left-radius: 0; /* @noflip */ /*rtl:ignore*/ border-top-right-radius: 0; /* @noflip */ /*rtl:ignore*/ border-bottom-right-radius: 24px; /* @noflip */ /*rtl:ignore*/ border-bottom-left-radius: 0; } [dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ border-top-left-radius: 0; /* @noflip */ /*rtl:ignore*/ border-top-right-radius: 0; /* @noflip */ /*rtl:ignore*/ border-bottom-right-radius: 0; /* @noflip */ /*rtl:ignore*/ border-bottom-left-radius: 24px; /*rtl:end:ignore*/ } .mdc-top-app-bar--short { top: 0; /* @noflip */ /*rtl:ignore*/ right: auto; /* @noflip */ /*rtl:ignore*/ left: 0; width: 100%; transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } [dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ right: 0; /* @noflip */ /*rtl:ignore*/ left: auto; /*rtl:end:ignore*/ } .mdc-top-app-bar--short .mdc-top-app-bar__row { height: 56px; } .mdc-top-app-bar--short .mdc-top-app-bar__section { padding: 4px; } .mdc-top-app-bar--short .mdc-top-app-bar__title { transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } .mdc-top-app-bar--short-collapsed { /* @alternate */ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); width: 56px; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { display: none; } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { width: 112px; } .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { /* @noflip */ /*rtl:ignore*/ padding-left: 0; /* @noflip */ /*rtl:ignore*/ padding-right: 12px; } [dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ padding-left: 12px; /* @noflip */ /*rtl:ignore*/ padding-right: 0; /*rtl:end:ignore*/ } .mdc-top-app-bar--dense .mdc-top-app-bar__row { height: 48px; } .mdc-top-app-bar--dense .mdc-top-app-bar__section { padding: 0 4px; } .mdc-top-app-bar--dense .mdc-top-app-bar__title { /* @noflip */ /*rtl:ignore*/ padding-left: 12px; /* @noflip */ /*rtl:ignore*/ padding-right: 0; } [dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ padding-left: 0; /* @noflip */ /*rtl:ignore*/ padding-right: 12px; /*rtl:end:ignore*/ } .mdc-top-app-bar--prominent .mdc-top-app-bar__row { height: 128px; } .mdc-top-app-bar--prominent .mdc-top-app-bar__title { align-self: flex-end; padding-bottom: 2px; } .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { align-self: flex-start; } .mdc-top-app-bar--fixed { transition: box-shadow 200ms linear; } .mdc-top-app-bar--fixed-scrolled { /* @alternate */ box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 200ms linear; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { height: 96px; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { padding: 0 12px; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { /* @noflip */ /*rtl:ignore*/ padding-left: 20px; /* @noflip */ /*rtl:ignore*/ padding-right: 0; padding-bottom: 9px; } [dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ padding-left: 0; /* @noflip */ /*rtl:ignore*/ padding-right: 20px; /*rtl:end:ignore*/ } .mdc-top-app-bar--fixed-adjust { padding-top: 64px; } .mdc-top-app-bar--dense-fixed-adjust { padding-top: 48px; } .mdc-top-app-bar--short-fixed-adjust { padding-top: 56px; } .mdc-top-app-bar--prominent-fixed-adjust { padding-top: 128px; } .mdc-top-app-bar--dense-prominent-fixed-adjust { padding-top: 96px; } @media (max-width: 599px) { .mdc-top-app-bar__row { height: 56px; } .mdc-top-app-bar__section { padding: 4px; } .mdc-top-app-bar--short { transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed { transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { /* @noflip */ /*rtl:ignore*/ padding-left: 0; /* @noflip */ /*rtl:ignore*/ padding-right: 12px; } [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { /*rtl:begin:ignore*/ /* @noflip */ /*rtl:ignore*/ padding-left: 12px; /* @noflip */ /*rtl:ignore*/ padding-right: 0; /*rtl:end:ignore*/ } .mdc-top-app-bar--prominent .mdc-top-app-bar__title { padding-bottom: 6px; } .mdc-top-app-bar--fixed-adjust { padding-top: 56px; } } /* /@fs/app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/main.scss?__scss_global_side_effect */ .react-contexify { position: fixed; opacity: 0; user-select: none; background-color: #ffffff; box-sizing: border-box; box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.3); border-radius: 6px; padding: 6px 0; min-width: 200px; z-index: 100; } .react-contexify__submenu--is-open, .react-contexify__submenu--is-open > .react-contexify__item__content { color: white; background-color: #4393e6; } .react-contexify__submenu--is-open > .react-contexify__submenu { pointer-events: initial; opacity: 1; } .react-contexify .react-contexify__submenu { position: absolute; /* negate padding */ top: -6px; pointer-events: none; transition: opacity 0.275s; } .react-contexify__submenu-arrow { margin-left: auto; font-size: 12px; } .react-contexify__separator { width: 100%; height: 1px; cursor: default; margin: 4px 0; background-color: rgba(0, 0, 0, 0.2); } .react-contexify__will-leave--disabled { pointer-events: none; } .react-contexify__item { cursor: pointer; position: relative; } .react-contexify__item:focus { outline: 0; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content { color: white; background-color: #4393e6; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__submenu { pointer-events: initial; opacity: 1; } .react-contexify__item--disabled { cursor: default; opacity: 0.5; } .react-contexify__item__content { padding: 6px 12px; display: flex; align-items: center; white-space: nowrap; color: #333; position: relative; } .react-contexify__theme--dark { background-color: rgba(40, 40, 40, 0.98); } .react-contexify__theme--dark .react-contexify__submenu { background-color: rgba(40, 40, 40, 0.98); } .react-contexify__theme--dark .react-contexify__separator { background-color: #eee; } .react-contexify__theme--dark .react-contexify__item__content { color: #ffffff; } .react-contexify__theme--light .react-contexify__separator { background-color: #eee; } .react-contexify__theme--light .react-contexify__submenu--is-open, .react-contexify__theme--light .react-contexify__submenu--is-open > .react-contexify__item__content { color: #4393e6; background-color: #e0eefd; } .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content { color: #4393e6; background-color: #e0eefd; } .react-contexify__theme--light .react-contexify__item__content { color: #666; } @keyframes react-contexify__scaleIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes react-contexify__scaleOut { from { opacity: 1; } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .react-contexify__will-enter--scale { transform-origin: top left; animation: react-contexify__scaleIn 0.3s; } .react-contexify__will-leave--scale { transform-origin: top left; animation: react-contexify__scaleOut 0.3s; } @keyframes react-contexify__fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes react-contexify__fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } } .react-contexify__will-enter--fade { animation: react-contexify__fadeIn 0.3s ease; } .react-contexify__will-leave--fade { animation: react-contexify__fadeOut 0.3s ease; } @keyframes react-contexify__flipInX { from { transform: perspective(800px) rotate3d(1, 0, 0, 45deg); } to { transform: perspective(800px); } } @keyframes react-contexify__flipOutX { from { transform: perspective(800px); } to { transform: perspective(800px) rotate3d(1, 0, 0, 45deg); opacity: 0; } } .react-contexify__will-enter--flip { backface-visibility: visible !important; transform-origin: top center; animation: react-contexify__flipInX 0.3s; } .react-contexify__will-leave--flip { transform-origin: top center; animation: react-contexify__flipOutX 0.3s; backface-visibility: visible !important; } @keyframes swing-in-top-fwd { 0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0; } 100% { transform: rotateX(0deg); transform-origin: top; opacity: 1; } } @keyframes react-contexify__slideIn { from { opacity: 0; transform: scale3d(1, 0.3, 1); } to { opacity: 1; } } @keyframes react-contexify__slideOut { from { opacity: 1; } to { opacity: 0; transform: scale3d(1, 0.3, 1); } } .react-contexify__will-enter--slide { transform-origin: top center; animation: react-contexify__slideIn 0.3s; } .react-contexify__will-leave--slide { transform-origin: top center; animation: react-contexify__slideOut 0.3s; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/_menu.scss */ .react-contexify { position: fixed; opacity: 0; user-select: none; background-color: #ffffff; box-sizing: border-box; box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.3); border-radius: 6px; padding: 6px 0; min-width: 200px; z-index: 100; } .react-contexify__submenu--is-open, .react-contexify__submenu--is-open > .react-contexify__item__content { color: white; background-color: #4393e6; } .react-contexify__submenu--is-open > .react-contexify__submenu { pointer-events: initial; opacity: 1; } .react-contexify .react-contexify__submenu { position: absolute; /* negate padding */ top: -6px; pointer-events: none; transition: opacity 0.275s; } .react-contexify__submenu-arrow { margin-left: auto; font-size: 12px; } .react-contexify__separator { width: 100%; height: 1px; cursor: default; margin: 4px 0; background-color: rgba(0, 0, 0, 0.2); } .react-contexify__will-leave--disabled { pointer-events: none; } .react-contexify__item { cursor: pointer; position: relative; } .react-contexify__item:focus { outline: 0; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content { color: white; background-color: #4393e6; } .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__submenu { pointer-events: initial; opacity: 1; } .react-contexify__item--disabled { cursor: default; opacity: 0.5; } .react-contexify__item__content { padding: 6px 12px; display: flex; align-items: center; white-space: nowrap; color: #333; position: relative; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/themes/_dark.scss */ .react-contexify__theme--dark { background-color: rgba(40, 40, 40, 0.98); } .react-contexify__theme--dark .react-contexify__submenu { background-color: rgba(40, 40, 40, 0.98); } .react-contexify__theme--dark .react-contexify__separator { background-color: #eee; } .react-contexify__theme--dark .react-contexify__item__content { color: #ffffff; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/themes/_light.scss */ .react-contexify__theme--light .react-contexify__separator { background-color: #eee; } .react-contexify__theme--light .react-contexify__submenu--is-open, .react-contexify__theme--light .react-contexify__submenu--is-open > .react-contexify__item__content { color: #4393e6; background-color: #e0eefd; } .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content { color: #4393e6; background-color: #e0eefd; } .react-contexify__theme--light .react-contexify__item__content { color: #666; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_scale.scss */ @keyframes react-contexify__scaleIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes react-contexify__scaleOut { from { opacity: 1; } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .react-contexify__will-enter--scale { transform-origin: top left; animation: react-contexify__scaleIn 0.3s; } .react-contexify__will-leave--scale { transform-origin: top left; animation: react-contexify__scaleOut 0.3s; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_fade.scss */ @keyframes react-contexify__fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes react-contexify__fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } } .react-contexify__will-enter--fade { animation: react-contexify__fadeIn 0.3s ease; } .react-contexify__will-leave--fade { animation: react-contexify__fadeOut 0.3s ease; } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_flip.scss */ @keyframes react-contexify__flipInX { from { transform: perspective(800px) rotate3d(1, 0, 0, 45deg); } to { transform: perspective(800px); } } @keyframes react-contexify__flipOutX { from { transform: perspective(800px); } to { transform: perspective(800px) rotate3d(1, 0, 0, 45deg); opacity: 0; } } .react-contexify__will-enter--flip { backface-visibility: visible !important; transform-origin: top center; animation: react-contexify__flipInX 0.3s; } .react-contexify__will-leave--flip { transform-origin: top center; animation: react-contexify__flipOutX 0.3s; backface-visibility: visible !important; } @keyframes swing-in-top-fwd { 0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0; } 100% { transform: rotateX(0deg); transform-origin: top; opacity: 1; } } /* /@fs//app/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_slide.scss */ @keyframes react-contexify__slideIn { from { opacity: 0; transform: scale3d(1, 0.3, 1); } to { opacity: 1; } } @keyframes react-contexify__slideOut { from { opacity: 1; } to { opacity: 0; transform: scale3d(1, 0.3, 1); } } .react-contexify__will-enter--slide { transform-origin: top center; animation: react-contexify__slideIn 0.3s; } .react-contexify__will-leave--slide { transform-origin: top center; animation: react-contexify__slideOut 0.3s; } /* ssr-css-stub:@material/button/dist/mdc.button.min.css */ export default {}; /* ssr-css-stub:@material/card/dist/mdc.card.min.css */ export default {}; /* ssr-css-stub:@material/chips/dist/mdc.chips.min.css */ export default {}; /* ssr-css-stub:@material/drawer/dist/mdc.drawer.css */ export default {}; /* ssr-css-stub:@material/floating-label/dist/mdc.floating-label.min.css */ export default {}; /* ssr-css-stub:@material/icon-button/dist/mdc.icon-button.min.css */ export default {}; /* ssr-css-stub:@material/line-ripple/dist/mdc.line-ripple.min.css */ export default {}; /* ssr-css-stub:@material/notched-outline/dist/mdc.notched-outline.min.css */ export default {}; /* ssr-css-stub:@material/ripple/dist/mdc.ripple.min.css */ export default {}; /* ssr-css-stub:@material/textfield/dist/mdc.textfield.min.css */ export default {}; /* ssr-css-stub:@material/top-app-bar/dist/mdc.top-app-bar.css */ export default {};