mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
Feat/deep dark (#27026)
* chore: move to deeper dark * tidy up boxes on www * update deep-dark colors * fix homepage product cards * toned down pricing page a little * update * lots of color changes * Update grid.scss * Update EntityListItem.tsx * Update EntityListItem.tsx * fix partners page icon * fix partners page colors * update theme * Update global.css * combined dark theme so classic-dark does not break on other sites * Update package-lock.json * updated color tokens pipeline to support combined dark theme * smol updates * Update FeaturedThumb.tsx * Update BlogFilters.tsx * Update BlogListItem.tsx * Update BlogListItem.tsx * Update UserSettingsDropdown.tsx * Update NavigationBar.tsx --------- Co-authored-by: Francesco Sansalvadore <f.sansalvadore@gmail.com>
This commit is contained in:
Jonathan Summers-MuirandFrancesco Sansalvadore authored and GitHub committed
1 parent
6cc83d9857
commit
6d760a1a99
71 files changed
+788
-418
No files matched your search
@@ -4,7 +4,7 @@
|
||||
|
||||
@import './../../../packages/ui/build/css/source/global.css';
|
||||
@import './../../../packages/ui/build/css/themes/dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/deep-dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/classic-dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/light.css';
|
||||
|
||||
/* @layer base {
|
||||
|
||||
@@ -3,8 +3,7 @@
|
||||
@tailwind utilities;
|
||||
|
||||
@import './../../../packages/ui/build/css/source/global.css';
|
||||
@import './../../../packages/ui/build/css/themes/dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/deep-dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/dark-combined.css';
|
||||
@import './../../../packages/ui/build/css/themes/light.css';
|
||||
|
||||
@font-face {
|
||||
|
||||
@@ -61,7 +61,7 @@ const Header = ({
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="flex h-10 items-center justify-between bg-surface-100 px-5 py-1.5">
|
||||
<div className="flex h-10 items-center justify-between bg-dash-sidebar px-5 py-1.5">
|
||||
{customHeader ? (
|
||||
<>{customHeader}</>
|
||||
) : (
|
||||
|
||||
@@ -51,10 +51,7 @@ const FilterPopover = ({ table, filters, setParams }: FilterPopoverProps) => {
|
||||
return (
|
||||
<Popover_Shadcn_ open={open} onOpenChange={setOpen} modal={false}>
|
||||
<PopoverTrigger_Shadcn_ asChild>
|
||||
<Button
|
||||
type={(filters || []).length > 0 ? 'link' : 'text'}
|
||||
icon={<FilterIcon strokeWidth={1.5} className="text-foreground-light" />}
|
||||
>
|
||||
<Button type={(filters || []).length > 0 ? 'link' : 'text'} icon={<FilterIcon />}>
|
||||
{btnText}
|
||||
</Button>
|
||||
</PopoverTrigger_Shadcn_>
|
||||
|
||||
@@ -42,10 +42,7 @@ const SortPopover = ({ table, sorts, setParams }: SortPopoverProps) => {
|
||||
return (
|
||||
<Popover_Shadcn_ modal={false} open={open} onOpenChange={setOpen}>
|
||||
<PopoverTrigger_Shadcn_ asChild>
|
||||
<Button
|
||||
type={(sorts || []).length > 0 ? 'link' : 'text'}
|
||||
icon={<List strokeWidth={1.5} className="text-foreground-light" />}
|
||||
>
|
||||
<Button type={(sorts || []).length > 0 ? 'link' : 'text'} icon={<List />}>
|
||||
{btnText}
|
||||
</Button>
|
||||
</PopoverTrigger_Shadcn_>
|
||||
|
||||
@@ -41,7 +41,7 @@ const ThemeSettings = () => {
|
||||
>
|
||||
{singleThemes.map((theme: Theme) => (
|
||||
<RadioGroupLargeItem_Shadcn_ key={theme.value} value={theme.value} label={theme.name}>
|
||||
<SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg`} />
|
||||
<SVG src={`${BASE_PATH}/img/themes/${theme.value}.svg?v=2`} />
|
||||
</RadioGroupLargeItem_Shadcn_>
|
||||
))}
|
||||
</RadioGroup_Shadcn_>
|
||||
|
||||
@@ -24,12 +24,12 @@ const MessageSelection = ({ log, onClose }: MessageSelectionProps) => {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'relative flex h-full flex-grow flex-col border-l border-t-2 overflow-y-scroll bg-gray-200'
|
||||
'relative flex h-full flex-grow flex-col border-l border-t-2 overflow-y-scroll bg-200'
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
'absolute flex h-full w-full flex-col items-center justify-center gap-2 bg-scale-200 text-center opacity-0 transition-all',
|
||||
'absolute flex h-full w-full flex-col items-center justify-center gap-2 bg-200 text-center opacity-0 transition-all',
|
||||
log ? 'z-0 opacity-0' : 'z-10 opacity-100'
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -187,7 +187,7 @@ const MessagesTable = ({
|
||||
'font-mono tracking-tight',
|
||||
isEqual(row, focusedLog)
|
||||
? 'bg-scale-800 rdg-row--focused'
|
||||
: ' bg-scale-200 hover:bg-scale-300 cursor-pointer',
|
||||
: ' bg-200 hover:bg-scale-300 cursor-pointer',
|
||||
isErrorLog(row) && '!bg-warning-300',
|
||||
])
|
||||
}}
|
||||
|
||||
+1
-5
@@ -47,11 +47,7 @@ const RoleImpersonationPopover = ({
|
||||
</div>
|
||||
</Button>
|
||||
</PopoverTrigger_Shadcn_>
|
||||
<PopoverContent_Shadcn_
|
||||
className="p-0 w-full overflow-hidden bg-overlay"
|
||||
side="bottom"
|
||||
align={align}
|
||||
>
|
||||
<PopoverContent_Shadcn_ className="p-0 w-full overflow-hidden" side="bottom" align={align}>
|
||||
<RoleImpersonationSelector serviceRoleLabel={serviceRoleLabel} />
|
||||
</PopoverContent_Shadcn_>
|
||||
</Popover_Shadcn_>
|
||||
|
||||
+5
-4
@@ -1,4 +1,5 @@
|
||||
import { IconCheck, IconMinus, cn } from 'ui'
|
||||
import { Check, Minus } from 'lucide-react'
|
||||
import { cn } from 'ui'
|
||||
|
||||
export interface RoleImpersonationRadioProps<T extends string> {
|
||||
label?: string
|
||||
@@ -19,7 +20,7 @@ function RoleImpersonationRadio<T extends string>({
|
||||
<label
|
||||
className={cn(
|
||||
'border border-default rounded-md bg-surface-200 hover:bg-overlay-hover hover:border-control px-4 py-3 w-44 cursor-pointer transition-colors',
|
||||
isSelected && 'border-stronger bg-surface-300'
|
||||
isSelected && 'border-foreground-muted hover:border-foreground-muted bg-surface-300'
|
||||
)}
|
||||
tabIndex={0}
|
||||
onKeyDown={(e) => {
|
||||
@@ -35,10 +36,10 @@ function RoleImpersonationRadio<T extends string>({
|
||||
{isSelected && (
|
||||
<div className="flex items-center justify-center p-0.5 bg-foreground text-background rounded-full">
|
||||
{typeof isSelected === 'boolean' && (
|
||||
<IconCheck size={12} strokeWidth="4" className="text-background" />
|
||||
<Check size={12} strokeWidth="4" className="text-background" />
|
||||
)}
|
||||
{isSelected === 'partially' && (
|
||||
<IconMinus size={12} strokeWidth="4" className="text-background" />
|
||||
<Minus size={12} strokeWidth="4" className="text-background" />
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -39,7 +39,7 @@ const WithSidebar = ({
|
||||
<div
|
||||
id="with-sidebar"
|
||||
className={[
|
||||
'h-full bg-studio',
|
||||
'h-full bg-dash-sidebar',
|
||||
'hide-scrollbar w-64 overflow-auto border-r border-default',
|
||||
].join(' ')}
|
||||
>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { ListTree, MessageCircle } from 'lucide-react'
|
||||
import { ChevronsUpDown, ListTree, MessageCircle } from 'lucide-react'
|
||||
import Link from 'next/link'
|
||||
import { useRouter } from 'next/router'
|
||||
import { useState } from 'react'
|
||||
@@ -19,7 +19,6 @@ import {
|
||||
Command_Shadcn_,
|
||||
IconAlertCircle,
|
||||
IconCheck,
|
||||
IconCode,
|
||||
PopoverContent_Shadcn_,
|
||||
PopoverTrigger_Shadcn_,
|
||||
Popover_Shadcn_,
|
||||
@@ -97,13 +96,7 @@ const BranchDropdown = ({ isNewNav = false }: BranchDropdownProps) => {
|
||||
<div className="flex items-center px-2">
|
||||
<Popover_Shadcn_ open={open} onOpenChange={setOpen} modal={false}>
|
||||
<PopoverTrigger_Shadcn_ asChild>
|
||||
<Button
|
||||
type="text"
|
||||
className="pr-2"
|
||||
iconRight={
|
||||
<IconCode className="text-foreground-light rotate-90" strokeWidth={2} size={12} />
|
||||
}
|
||||
>
|
||||
<Button type="text" className="pr-2" iconRight={<ChevronsUpDown />}>
|
||||
<div className="flex items-center space-x-2">
|
||||
<p className={isNewNav ? 'text-sm' : 'text-xs'}>{selectedBranch?.name}</p>
|
||||
{selectedBranch?.is_default ? (
|
||||
|
||||
@@ -18,13 +18,13 @@ import {
|
||||
CommandSeparator_Shadcn_,
|
||||
Command_Shadcn_,
|
||||
IconCheck,
|
||||
IconCode,
|
||||
IconPlus,
|
||||
PopoverContent_Shadcn_,
|
||||
PopoverTrigger_Shadcn_,
|
||||
Popover_Shadcn_,
|
||||
ScrollArea,
|
||||
} from 'ui'
|
||||
import { ChevronsUpDown } from 'lucide-react'
|
||||
|
||||
interface OrganizationDropdownProps {
|
||||
isNewNav?: boolean
|
||||
@@ -52,13 +52,7 @@ const OrganizationDropdown = ({ isNewNav = false }: OrganizationDropdownProps) =
|
||||
<Popover_Shadcn_ open={open} onOpenChange={setOpen} modal={false}>
|
||||
<PopoverTrigger_Shadcn_ asChild>
|
||||
<div className="flex items-center space-x-2 cursor-pointer">
|
||||
<Button
|
||||
type="text"
|
||||
className="pr-2"
|
||||
iconRight={
|
||||
<IconCode className="text-foreground-light rotate-90" strokeWidth={2} size={12} />
|
||||
}
|
||||
>
|
||||
<Button type="text" className="pr-2" iconRight={<ChevronsUpDown />}>
|
||||
<div className="flex items-center space-x-2">
|
||||
<p className={isNewNav ? 'text-sm' : 'text-xs'}>{orgName}</p>
|
||||
{isSuccess && <Badge variant="default">{subscription?.plan.name}</Badge>}
|
||||
|
||||
@@ -28,6 +28,7 @@ import {
|
||||
Popover_Shadcn_,
|
||||
ScrollArea,
|
||||
} from 'ui'
|
||||
import { ChevronsUpDown } from 'lucide-react'
|
||||
|
||||
// [Fran] the idea is to let users change projects without losing the current page,
|
||||
// but at the same time we need to redirect correctly between urls that might be
|
||||
@@ -122,13 +123,7 @@ const ProjectDropdown = ({ isNewNav = false }: ProjectDropdownProps) => {
|
||||
<div className="flex items-center px-2">
|
||||
<Popover_Shadcn_ open={open} onOpenChange={setOpen} modal={false}>
|
||||
<PopoverTrigger_Shadcn_ asChild>
|
||||
<Button
|
||||
type="text"
|
||||
className="pr-2"
|
||||
iconRight={
|
||||
<Code className="text-foreground-light rotate-90" strokeWidth={2} size={12} />
|
||||
}
|
||||
>
|
||||
<Button type="text" className="pr-2" iconRight={<ChevronsUpDown />}>
|
||||
<div className="flex items-center space-x-2">
|
||||
<p className={isNewNav ? 'text-sm' : 'text-xs'}>{selectedProject?.name}</p>
|
||||
</div>
|
||||
|
||||
@@ -16,9 +16,11 @@ import {
|
||||
DropdownMenuSeparator,
|
||||
DropdownMenuShortcut,
|
||||
DropdownMenuTrigger,
|
||||
IconUser,
|
||||
singleThemes,
|
||||
Theme,
|
||||
} from 'ui'
|
||||
import { useCommandMenu } from 'ui-patterns/Cmdk'
|
||||
import { User } from 'lucide-react'
|
||||
|
||||
const UserSettingsDropdown = () => {
|
||||
const signOut = useSignOut()
|
||||
@@ -40,7 +42,7 @@ const UserSettingsDropdown = () => {
|
||||
id="user-settings-dropdown"
|
||||
className="flex items-center justify-center border font-bold rounded-full h-7 w-7 text-foreground-light bg-surface-100"
|
||||
>
|
||||
{profile?.first_name ? profile?.first_name?.[0] : <IconUser size={14} strokeWidth={2} />}
|
||||
{profile?.first_name ? profile?.first_name?.[0] : <User size={14} strokeWidth={2} />}
|
||||
</button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="end" className="w-60">
|
||||
@@ -83,9 +85,11 @@ const UserSettingsDropdown = () => {
|
||||
setTheme(x)
|
||||
}}
|
||||
>
|
||||
<DropdownMenuRadioItem value={'system'}>System</DropdownMenuRadioItem>
|
||||
<DropdownMenuRadioItem value={'dark'}>Dark</DropdownMenuRadioItem>
|
||||
<DropdownMenuRadioItem value={'light'}>Light</DropdownMenuRadioItem>
|
||||
{singleThemes.map((theme: Theme) => (
|
||||
<DropdownMenuRadioItem key={theme.value} value={theme.value}>
|
||||
{theme.name}
|
||||
</DropdownMenuRadioItem>
|
||||
))}
|
||||
</DropdownMenuRadioGroup>
|
||||
|
||||
<DropdownMenuSeparator />
|
||||
|
||||
@@ -47,7 +47,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`flex h-12 max-h-12 items-center justify-between py-2 px-5 ${
|
||||
className={`flex h-12 max-h-12 items-center justify-between py-2 px-5 bg-dash-sidebar ${
|
||||
headerBorder ? 'border-b border-default' : ''
|
||||
}`}
|
||||
>
|
||||
|
||||
@@ -29,7 +29,7 @@ import {
|
||||
Separator,
|
||||
Theme,
|
||||
cn,
|
||||
themes,
|
||||
singleThemes,
|
||||
} from 'ui'
|
||||
import { useCommandMenu } from 'ui-patterns/Cmdk'
|
||||
import { useProjectContext } from '../ProjectContext'
|
||||
@@ -99,7 +99,7 @@ const NavigationBar = () => {
|
||||
data-state={snap.navigationPanelOpen ? 'expanded' : 'collapsed'}
|
||||
className={cn(
|
||||
'group py-2 z-10 h-full w-14 data-[state=expanded]:w-[13rem]',
|
||||
'border-r bg-studio border-default data-[state=expanded]:shadow-xl',
|
||||
'border-r bg-dash-sidebar border-default data-[state=expanded]:shadow-xl',
|
||||
'transition-width duration-200',
|
||||
'hide-scrollbar flex flex-col justify-between overflow-y-auto'
|
||||
)}
|
||||
@@ -208,7 +208,7 @@ const NavigationBar = () => {
|
||||
snap.setNavigationPanelOpen(false)
|
||||
}}
|
||||
type="text"
|
||||
icon={<Search size={ICON_SIZE} strokeWidth={2} />}
|
||||
icon={<Search size={ICON_SIZE} strokeWidth={ICON_STROKE_WIDTH} />}
|
||||
rightText={
|
||||
<div
|
||||
className={cn(
|
||||
@@ -337,15 +337,11 @@ const NavigationBar = () => {
|
||||
setTheme(value)
|
||||
}}
|
||||
>
|
||||
{themes
|
||||
.filter(
|
||||
(x) => x.value === 'light' || x.value === 'dark' || x.value === 'system'
|
||||
)
|
||||
.map((theme: Theme) => (
|
||||
<DropdownMenuRadioItem key={theme.value} value={theme.value}>
|
||||
{theme.name}
|
||||
</DropdownMenuRadioItem>
|
||||
))}
|
||||
{singleThemes.map((theme: Theme) => (
|
||||
<DropdownMenuRadioItem key={theme.value} value={theme.value}>
|
||||
{theme.name}
|
||||
</DropdownMenuRadioItem>
|
||||
))}
|
||||
</DropdownMenuRadioGroup>
|
||||
</DropdownMenuGroup>
|
||||
{IS_PLATFORM && (
|
||||
|
||||
@@ -23,7 +23,7 @@ export const NavigationIconButton = forwardRef<
|
||||
props.className
|
||||
)}
|
||||
>
|
||||
<div className="absolute left-2 text-foreground-lighter">{icon}</div>
|
||||
<div className="absolute left-2 text-foreground-muted">{icon}</div>
|
||||
<span
|
||||
className={cn(
|
||||
'absolute left-7 group-data-[state=expanded]:left-10',
|
||||
|
||||
@@ -16,7 +16,10 @@ const NavigationIconLink = forwardRef<HTMLAnchorElement, NavigationIconButtonPro
|
||||
const snap = useAppStateSnapshot()
|
||||
|
||||
const iconClasses = [
|
||||
'absolute left-0 top-0 flex rounded items-center h-10 w-10 items-center justify-center', // Layout
|
||||
'absolute left-0 top-0 flex rounded items-center h-10 w-10 items-center justify-center text-foreground-muted', // Layout
|
||||
'group-hover/item:text-foreground-light',
|
||||
isActive && '!text-foreground',
|
||||
'transition-colors',
|
||||
]
|
||||
|
||||
const classes = [
|
||||
@@ -26,10 +29,9 @@ const NavigationIconLink = forwardRef<HTMLAnchorElement, NavigationIconButtonPro
|
||||
'flex items-center rounded',
|
||||
'group-data-[state=collapsed]:justify-center',
|
||||
'group-data-[state=expanded]:-space-x-2',
|
||||
'text-foreground-lighter hover:text-foreground ',
|
||||
'hover:bg-surface-200',
|
||||
`${isActive ? '!bg-selection !text-foreground shadow-sm' : ''}`,
|
||||
'group/item',
|
||||
`${isActive && '!bg-selection shadow-sm'}`,
|
||||
]
|
||||
|
||||
return route.link !== undefined ? (
|
||||
@@ -53,6 +55,7 @@ const NavigationIconLink = forwardRef<HTMLAnchorElement, NavigationIconButtonPro
|
||||
'group-aria-current/item:text-foreground',
|
||||
'absolute left-7 group-data-[state=expanded]:left-12',
|
||||
'opacity-0 group-data-[state=expanded]:opacity-100',
|
||||
`${isActive && 'text-foreground hover:text-foreground'}`,
|
||||
'transition-all'
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -9,7 +9,7 @@ const ProductMenuBar = ({ title, children }: PropsWithChildren<ProductMenuBarPro
|
||||
<div
|
||||
className={[
|
||||
'hide-scrollbar flex flex-col w-full h-full', // Layout
|
||||
'bg-studio',
|
||||
'bg-dash-sidebar',
|
||||
'border-default ',
|
||||
].join(' ')}
|
||||
>
|
||||
|
||||
@@ -218,9 +218,25 @@ const EntityListItem: ItemRenderer<Entity, EntityListItemProps> = ({
|
||||
<Tooltip.Root delayDuration={0} disableHoverableContent={true}>
|
||||
<Tooltip.Trigger className="min-w-4" asChild>
|
||||
{entity.type === ENTITY_TYPE.TABLE ? (
|
||||
<Table2 size={15} strokeWidth={1.5} className="text-foreground-lighter" />
|
||||
<Table2
|
||||
size={15}
|
||||
strokeWidth={1.5}
|
||||
className={cn(
|
||||
'text-foreground-muted group-hover:text-foreground-lighter',
|
||||
isActive && 'text-foreground-lighter',
|
||||
'transition-colors'
|
||||
)}
|
||||
/>
|
||||
) : entity.type === ENTITY_TYPE.VIEW ? (
|
||||
<Eye size={15} strokeWidth={1.5} className="text-foreground-lighter" />
|
||||
<Eye
|
||||
size={15}
|
||||
strokeWidth={1.5}
|
||||
className={cn(
|
||||
'text-foreground-muted group-hover:text-foreground-lighter',
|
||||
isActive && 'text-foreground-lighter',
|
||||
'transition-colors'
|
||||
)}
|
||||
/>
|
||||
) : (
|
||||
<div
|
||||
className={cn(
|
||||
|
||||
@@ -26,7 +26,7 @@ function Panel(props: PropsWithChildren<PanelProps>) {
|
||||
{props.title && (
|
||||
<div
|
||||
className={cn(
|
||||
'bg-surface-100 border-b border-muted flex items-center px-6 py-4',
|
||||
'bg-surface-100 border-b border-default flex items-center px-6 py-4',
|
||||
props.titleClasses
|
||||
)}
|
||||
>
|
||||
@@ -35,7 +35,7 @@ function Panel(props: PropsWithChildren<PanelProps>) {
|
||||
)}
|
||||
{props.children}
|
||||
{props.footer && (
|
||||
<div className="bg-surface-100 border-t border-muted">
|
||||
<div className="bg-surface-100 border-t border-default">
|
||||
<div className="flex h-12 items-center px-6">{props.footer}</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65535)">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
|
||||
<mask id="path-3-inside-1_701_65535" fill="white">
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
|
||||
<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
|
||||
<mask id="path-5-inside-2_701_65535" fill="white">
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
|
||||
<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
|
||||
<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
|
||||
<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
</g>
|
||||
<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65535">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -1,39 +1,39 @@
|
||||
<svg viewBox="0 0 162 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65535)">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
|
||||
<mask id="path-3-inside-1_701_65535" fill="white">
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z"/>
|
||||
<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65549)">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
|
||||
<mask id="path-3-inside-1_701_65549" fill="white">
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.242188 6C0.242188 2.68629 2.92848 0 6.24219 0H13.2422V88H6.24219C2.92848 88 0.242188 85.3137 0.242188 82V6Z" fill="#1C1C1C"/>
|
||||
<path d="M0.242188 0H13.2422H0.242188ZM13.2422 88H0.242188H13.2422ZM0.242188 88V0V88ZM14.2422 0V88H12.2422V0H14.2422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_701_65535)"/>
|
||||
<mask id="path-5-inside-2_701_65535" fill="white">
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z"/>
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
|
||||
<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
|
||||
<mask id="path-5-inside-2_701_65549" fill="white">
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M155.742 -2.62268e-07C159.056 -1.17421e-07 161.742 2.68629 161.742 6L161.742 13L13.2422 13L13.2422 -6.49114e-06L155.742 -2.62268e-07Z" fill="#1C1C1C"/>
|
||||
<path d="M161.742 0L161.742 13L161.742 0ZM13.2422 13L13.2422 -6.49114e-06L13.2422 13ZM13.2422 -6.49114e-06L161.742 0L13.2422 -6.49114e-06ZM161.742 14L13.2422 14L13.2422 12L161.742 12L161.742 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_701_65535)"/>
|
||||
<rect x="44.2552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="44.2552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
|
||||
<rect x="52.4406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="52.4406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
|
||||
<rect x="77.8762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="77.8762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
|
||||
<rect x="17.9922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="43.7552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="69.0052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
|
||||
<rect x="101.423" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
|
||||
<rect x="4.86719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<rect x="4.86719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
|
||||
<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
|
||||
<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
|
||||
<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
</g>
|
||||
<rect x="0.742188" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
|
||||
<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65535">
|
||||
<rect x="0.242188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
<clipPath id="clip0_701_65549">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
@@ -1,39 +0,0 @@
|
||||
<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_701_65549)">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="#121212"/>
|
||||
<mask id="path-3-inside-1_701_65549" fill="white">
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
|
||||
</mask>
|
||||
<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#121212"/>
|
||||
<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#292929" mask="url(#path-3-inside-1_701_65549)"/>
|
||||
<mask id="path-5-inside-2_701_65549" fill="white">
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
|
||||
</mask>
|
||||
<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#121212"/>
|
||||
<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#292929" mask="url(#path-5-inside-2_701_65549)"/>
|
||||
<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#1F1F1F" stroke="#292929"/>
|
||||
<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#B4B4B4"/>
|
||||
<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#FAFAFA"/>
|
||||
<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
|
||||
<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#4D4D4D"/>
|
||||
<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#DB8E00"/>
|
||||
<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#4D4D4D"/>
|
||||
</g>
|
||||
<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#292929"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_701_65549">
|
||||
<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
@@ -11,7 +11,7 @@
|
||||
.rdg-cell {
|
||||
@apply flex;
|
||||
@apply text-grid;
|
||||
@apply border-default border-r border-b;
|
||||
@apply border-secondary border-r border-b;
|
||||
@apply text-foreground;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
.rdg-cell-frozen-last {
|
||||
@apply border-default border-r-4 shadow-none;
|
||||
@apply border-secondary border-r-2 shadow-none;
|
||||
}
|
||||
|
||||
.rdg-cell[aria-selected='true'] {
|
||||
@@ -37,8 +37,8 @@
|
||||
}
|
||||
|
||||
.rdg {
|
||||
@apply box-border select-none overflow-x-auto overflow-y-scroll bg-transparent;
|
||||
@apply border-default border-t border-r-0 border-l-0;
|
||||
@apply box-border select-none overflow-x-auto overflow-y-scroll bg-dash-canvas;
|
||||
@apply border-t border-r-0 border-l-0;
|
||||
contain: strict;
|
||||
-webkit-user-select: none;
|
||||
font-size: 14px;
|
||||
@@ -114,7 +114,7 @@
|
||||
*/
|
||||
|
||||
.rdg-row {
|
||||
@apply bg-studio transition-colors;
|
||||
@apply bg-dash-sidebar transition-colors;
|
||||
@apply hover:bg-surface-200;
|
||||
}
|
||||
|
||||
@@ -132,8 +132,8 @@
|
||||
|
||||
/* select row */
|
||||
.rdg-row[aria-selected='true'] {
|
||||
@apply bg-surface-100;
|
||||
@apply hover:bg-surface-100;
|
||||
@apply bg-surface-200/50 dark:bg-surface-200/75;
|
||||
@apply hover:bg-surface-200;
|
||||
}
|
||||
|
||||
.tab-cursor {
|
||||
@@ -170,29 +170,27 @@
|
||||
}
|
||||
|
||||
[type='checkbox']:checked {
|
||||
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
||||
}
|
||||
|
||||
[type='checkbox']:checked {
|
||||
@apply bg-background dark:bg-foreground;
|
||||
border-color: transparent;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
@apply bg-foreground;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(0, 0%, 100%)'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") !important;
|
||||
}
|
||||
|
||||
[type='checkbox'] {
|
||||
@apply cursor-pointer rounded border border-solid;
|
||||
|
||||
@apply text-background dark:text-foreground border-default transition-all;
|
||||
@apply text-foreground border-strong transition-all;
|
||||
@apply hover:border-foreground focus:ring-0 focus:outline-none;
|
||||
|
||||
@apply bg-transparent;
|
||||
@apply bg-control;
|
||||
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark mode */
|
||||
[data-theme='dark'] .sb-grid [type='checkbox']:checked {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(0, 0%, 0%)'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") !important;
|
||||
}
|
||||
|
||||
/*
|
||||
React Contexify
|
||||
*/
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
|
||||
@import '~ui/build/css/source/global.css';
|
||||
@import '~ui/build/css/themes/dark.css';
|
||||
@import '~ui/build/css/themes/deep-dark.css';
|
||||
@import '~ui/build/css/themes/light.css';
|
||||
@import '~ui/build/css/themes/classic-dark.css';
|
||||
|
||||
@layer utilities {
|
||||
.btn-primary {
|
||||
|
||||
@@ -204,13 +204,14 @@ function BlogFilters({ allPosts, setPosts, view, setView }: Props) {
|
||||
key={category}
|
||||
type={
|
||||
category === 'all' && !searchTerm && !activeCategory
|
||||
? 'alternative'
|
||||
? 'default'
|
||||
: category === activeCategory
|
||||
? 'alternative'
|
||||
? 'default'
|
||||
: 'outline'
|
||||
}
|
||||
onClick={() => handleSetCategory(category)}
|
||||
size={is2XL ? 'tiny' : 'small'}
|
||||
className="rounded-full"
|
||||
>
|
||||
{category === 'all' ? 'All' : startCase(category.replaceAll('-', ' '))}
|
||||
</Button>
|
||||
|
||||
@@ -27,7 +27,7 @@ const BlogGridItem = ({ post }: Props) => {
|
||||
return (
|
||||
<Link
|
||||
href={post.path}
|
||||
className="group inline-block min-w-full p-2 sm:p-4 h-full border border-transparent hover:border-overlay transition-all hover:bg-overlay rounded-xl"
|
||||
className="group inline-block min-w-full p-2 sm:p-4 h-full border border-transparent transition-all hover:bg-surface-200 dark:hover:bg-surface-75 rounded-xl"
|
||||
>
|
||||
<div className="flex flex-col space-y-2">
|
||||
<div className="flex flex-col space-y-1">
|
||||
|
||||
@@ -54,12 +54,12 @@ const BlogListItem = ({ post }: Props) => {
|
||||
{post.categories.map(
|
||||
(category, i) =>
|
||||
i === 0 && (
|
||||
<p
|
||||
<span
|
||||
key={category}
|
||||
className="border border-muted py-1 px-2 rounded text-center w-auto capitalize"
|
||||
className="text-sm border border-muted py-1 px-3 rounded-full text-center w-auto capitalize"
|
||||
>
|
||||
{category}
|
||||
</p>
|
||||
</span>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@ function FeaturedThumb(blog: PostTypes) {
|
||||
<div key={blog.slug} className="w-full">
|
||||
<Link
|
||||
href={`${blog.path}`}
|
||||
className="grid gap-4 lg:grid-cols-7 lg:gap-8 xl:gap-12 hover:bg-overlay border border-transparent hover:border-overlay p-2 sm:p-4 rounded-xl"
|
||||
className="grid gap-4 lg:grid-cols-7 lg:gap-8 xl:gap-12 hover:bg-surface-200 dark:hover:bg-surface-75 p-2 sm:p-4 rounded-xl"
|
||||
>
|
||||
<div className="relative w-full aspect-[2/1] lg:col-span-3 lg:aspect-[3/2] overflow-auto rounded-lg border">
|
||||
<Image
|
||||
|
||||
@@ -16,15 +16,13 @@ const CTABanner = ({ darkerBg, className }: Props) => {
|
||||
>
|
||||
<div className="col-span-12">
|
||||
<h2 className="h2">
|
||||
<span className="text-muted">Build in a weekend,</span>
|
||||
<span className="text-foreground-lighter">Build in a weekend,</span>
|
||||
<span className="text-foreground block sm:inline"> scale to millions</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div className="col-span-12 mt-4">
|
||||
<a href="https://supabase.com/dashboard">
|
||||
<Button size="medium" className="text-white">
|
||||
Start your project
|
||||
</Button>
|
||||
<Button size="medium">Start your project</Button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -17,10 +17,10 @@ function ExampleCard(props: any) {
|
||||
|
||||
return (
|
||||
<Link href={props.repo_url} className="w-full h-full" target="_blank">
|
||||
<Panel innerClassName="bg-surface-100 group/panel" hasActiveOnHover>
|
||||
<Panel innerClassName="bg-surface-75 group/panel" hasActiveOnHover>
|
||||
<div className="flex flex-col justify-between">
|
||||
{props.tags && (
|
||||
<div className="relative w-full aspect-[3/1] bg-alternative flex items-center justify-center gap-4 overflow-hidden">
|
||||
<div className="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden">
|
||||
{props.tags.map((tag: string) => {
|
||||
const framework = frameworks.find((f) => f.name === tag)
|
||||
if (!framework) return null
|
||||
|
||||
@@ -54,7 +54,7 @@ const DevelopersDropdown = () => {
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="bg-overlay flex flex-col w-[550px] xl:w-[480px] border-t xl:border-t-0 xl:border-l">
|
||||
<div className="bg-surface-75 flex flex-col w-[550px] xl:w-[480px] border-t xl:border-t-0 xl:border-l">
|
||||
<div className="flex-col gap-2 py-8 px-10">
|
||||
<Link
|
||||
href="/blog"
|
||||
|
||||
@@ -32,7 +32,7 @@ const ProductDropdown = () => {
|
||||
</NavigationMenuLink>
|
||||
))}
|
||||
</ul>
|
||||
<div className="bg-overlay border-t xl:border-t-0 xl:border-l py-8 px-10 gap-8 grid grid-cols-5 xl:flex xl:flex-col w-full xl:w-[500px]">
|
||||
<div className="bg-surface-75 border-t xl:border-t-0 xl:border-l py-8 px-10 gap-8 grid grid-cols-5 xl:flex xl:flex-col w-full xl:w-[500px]">
|
||||
<div className="col-span-3 xl:w-auto">
|
||||
<Link
|
||||
href="/customers"
|
||||
|
||||
@@ -78,7 +78,7 @@ const Panel = ({
|
||||
<Component
|
||||
ref={outerRef}
|
||||
className={cn(
|
||||
'relative rounded-xl p-px bg-surface-100 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
|
||||
'relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all shadow-md flex items-center justify-center',
|
||||
!trackCursor && hasActiveOnHover
|
||||
? activeColor === 'brand'
|
||||
? 'hover:bg-none hover:!bg-brand'
|
||||
@@ -91,7 +91,7 @@ const Panel = ({
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
'relative z-10 w-full h-full rounded-xl bg-surface-100 overflow-hidden text-foreground-light',
|
||||
'relative z-10 w-full h-full rounded-xl bg-surface-75 overflow-hidden text-foreground-light',
|
||||
innerClassName
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -30,8 +30,8 @@ const PricingPlans: FC = () => {
|
||||
<div
|
||||
key={`row-${plan.name}`}
|
||||
className={cn(
|
||||
'flex flex-col border xl:border-r-0 last:border-r bg-surface-100 rounded-xl xl:rounded-none first:rounded-l-xl last:rounded-r-xl',
|
||||
isPromoPlan && 'border-brand !border-2 !rounded-xl xl:-my-8',
|
||||
'flex flex-col border xl:border-r-0 last:border-r bg-surface-75 rounded-xl xl:rounded-none first:rounded-l-xl last:rounded-r-xl',
|
||||
isPromoPlan && 'border-foreground-muted !border-2 !rounded-xl xl:-my-8',
|
||||
isTeamPlan && 'xl:border-l-0'
|
||||
)}
|
||||
>
|
||||
@@ -43,11 +43,11 @@ const PricingPlans: FC = () => {
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="flex items-center gap-2 pb-2">
|
||||
<h3 className="text-2xl font-normal uppercase flex items-center gap-4 font-mono">
|
||||
<h3 className="text-foreground text-2xl font-normal uppercase flex items-center gap-4 font-mono">
|
||||
{plan.name}
|
||||
</h3>
|
||||
{plan.nameBadge && (
|
||||
<span className="bg-brand-500 text-brand-600 rounded-md bg-opacity-30 py-0.5 px-2 text-[13px] leading-4 inline-flex gap-1 items-center">
|
||||
<span className="bg-foreground-light text-background rounded-md py-0.5 px-2 text-[13px] leading-4 inline-flex gap-1 items-center">
|
||||
{plan.nameBadge}
|
||||
</span>
|
||||
)}
|
||||
@@ -63,7 +63,7 @@ const PricingPlans: FC = () => {
|
||||
</p>
|
||||
<Button
|
||||
block
|
||||
size="small"
|
||||
size="large"
|
||||
type={plan.name === 'Enterprise' ? 'default' : 'primary'}
|
||||
asChild
|
||||
>
|
||||
|
||||
@@ -109,7 +109,7 @@ const NpmEcosystem = () => {
|
||||
<div
|
||||
className="absolute inset-0"
|
||||
style={{
|
||||
background: `radial-gradient(70% 50% at 50% 50%, transparent, hsl(var(--background-surface-100))`,
|
||||
background: `radial-gradient(70% 50% at 50% 50%, transparent, hsl(var(--background-surface-75))`,
|
||||
}}
|
||||
/>
|
||||
<div className="absolute z-10 inset-0 flex flex-col items-center justify-center font-bold text-7xl uppercase text-foreground-light group-hover:text-foreground transition-colors">
|
||||
|
||||
@@ -109,7 +109,7 @@ const QueryLogs = ({ isActive, isInView }: { isActive?: boolean; isInView?: bool
|
||||
className="absolute z-20 pointer-events-none inset-0 top-auto h-32"
|
||||
style={{
|
||||
background:
|
||||
'linear-gradient(to top, hsl(var(--background-surface-100)) 0%, transparent 100%)',
|
||||
'linear-gradient(to top, hsl(var(--background-surface-75)) 0%, transparent 100%)',
|
||||
}}
|
||||
/>
|
||||
<motion.ul
|
||||
|
||||
@@ -60,7 +60,7 @@ const RealtimeLogs = ({ isActive, isInView }: { isActive?: boolean; isInView?: b
|
||||
className="absolute z-20 pointer-events-none inset-0 top-auto h-32"
|
||||
style={{
|
||||
background:
|
||||
'linear-gradient(to top, hsl(var(--background-surface-100)) 0%, transparent 100%)',
|
||||
'linear-gradient(to top, hsl(var(--background-surface-75)) 0%, transparent 100%)',
|
||||
}}
|
||||
/>
|
||||
<motion.ul
|
||||
|
||||
@@ -40,7 +40,7 @@ const ProductCard = ({
|
||||
outerClassName="relative w-full h-full shadow-lg"
|
||||
innerClassName={cn(
|
||||
`relative overflow-hidden flex-1 flex flex-col items-center gap-5 lg:items-start justify-between
|
||||
bg-surface-100 w-full rounded-xl h-full`
|
||||
bg-surface-75 w-full rounded-xl h-full`
|
||||
)}
|
||||
>
|
||||
<div
|
||||
@@ -49,7 +49,7 @@ const ProductCard = ({
|
||||
alignLeft && 'lg:mx-0 lg:pl-8 lg:items-start lg:text-left lg:max-w-[260px]'
|
||||
)}
|
||||
>
|
||||
<div className="flex items-center justify-center h-12 w-12 bg-alternative rounded-lg mb-3">
|
||||
<div className="flex items-center justify-center h-10 w-10 bg-surface-200 border rounded-lg mb-3">
|
||||
{icon && (
|
||||
<svg
|
||||
width="25"
|
||||
@@ -60,7 +60,7 @@ const ProductCard = ({
|
||||
>
|
||||
<path
|
||||
d={icon}
|
||||
stroke="var(--colors-brand9)"
|
||||
stroke="hsl(var(--foreground-lighter))"
|
||||
strokeMiterlimit="10"
|
||||
strokeLinejoin="round"
|
||||
strokeLinecap="round"
|
||||
|
||||
@@ -5,9 +5,6 @@ const RealtimeVisual = () => {
|
||||
return (
|
||||
<figure
|
||||
className="absolute inset-0 xl:-bottom-2 2xl:bottom-0 z-0 overflow-hidden"
|
||||
style={{
|
||||
background: 'radial-gradient(320px 320px at 30% 100%, #85E0B740, transparent)',
|
||||
}}
|
||||
role="img"
|
||||
aria-label="Supabase Realtime multiplayer app demo"
|
||||
>
|
||||
|
||||
@@ -15,9 +15,9 @@ export default {
|
||||
image: (
|
||||
<div className="relative z-10 flex items-center justify-center mb-4">
|
||||
<div
|
||||
className="w-12 h-12 rounded-xl bg-gradient-to-br from-[#3ECF8E] via-[#576a61] to-[#3ecfb2] border border-brand-900 flex items-center justify-center"
|
||||
className="w-12 h-12 rounded-xl bg-brand border border-brand-900 flex items-center justify-center"
|
||||
style={{
|
||||
boxShadow: '0 0 20px #25e7761f, 0 0 30px rgba(238, 240, 190, 0.1)',
|
||||
boxShadow: '0 0 20px hsl(var(--brand-300)), 0 0 30px hsl(var(--brand-200))',
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
|
||||
@@ -9,9 +9,9 @@ const Logos = dynamic(() => import('~/components/logos'))
|
||||
const BuiltExamples = dynamic(() => import('components/BuiltWithSupabase/index'))
|
||||
const MadeForDevelopers = dynamic(() => import('components/MadeForDevelopers/index'))
|
||||
const AdminAccess = dynamic(() => import('components/AdminAccess/index'))
|
||||
const CTABanner = dynamic(() => import('components/CTABanner/index'))
|
||||
const CustomerStories = dynamic(() => import('components/CustomerStories'))
|
||||
const TwitterSocialSection = dynamic(() => import('~/components/TwitterSocialSection'))
|
||||
const CTABanner = dynamic(() => import('components/CTABanner/index'))
|
||||
const ReactTooltip = dynamic(() => import('react-tooltip'), { ssr: false })
|
||||
|
||||
const Index = () => {
|
||||
|
||||
@@ -40,7 +40,7 @@ const Partners = () => {
|
||||
<ProductHeaderCentered {...pageData.heroSection} />
|
||||
</SectionContainer>
|
||||
<div className="relative z-20 w-full flex py-16 mb-16 -mt-10 md:mb-24 md:-mt-20 justify-center gap-2 overflow-hidden mx-auto max-w-4xl before:content[''] before:absolute before:inset-0 before:w-full before:bg-[linear-gradient(to_right,hsl(var(--background-alternative-default))_0%,transparent_10%,transparent_90%,hsl(var(--background-alternative-default))_100%)] before:z-10">
|
||||
<div className="absolute w-32 h-32 md:w-40 md:h-40 rounded-full bg-alternative/90 backdrop-blur-2xl backdrop-filter from-background to-background-alternative border-4 border-background-alternative shadow-xl top-1/2 -translate-x-1/2 left-1/2 -translate-y-1/2 flex items-center justify-center z-30">
|
||||
<div className="absolute w-32 h-32 md:w-40 md:h-40 rounded-full bg-alternative/90 backdrop-blur-2xl backdrop-filter bg-gradient-to-t from-background to-background-alternative border-4 border-background-alternative shadow-xl top-1/2 -translate-x-1/2 left-1/2 -translate-y-1/2 flex items-center justify-center z-30">
|
||||
<div className="absolute inset-0 w-full h-full transform">
|
||||
<svg
|
||||
className="absolute inset-[-2px] transform animate-[transformSpin_3s_both_cubic-bezier(.5,.2,.5,.8)_infinite] opacity-90"
|
||||
@@ -63,9 +63,9 @@ const Partners = () => {
|
||||
y2="21.5"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stopColor="#1CF7C3" stopOpacity="0" />
|
||||
<stop offset="0.510417" stopColor="#1CF7C3" />
|
||||
<stop offset="1" stopColor="#1CF7C3" stopOpacity="0" />
|
||||
<stop stopColor="hsl(var(--brand-600))" stopOpacity="0" />
|
||||
<stop offset="0.510417" stopColor="hsl(var(--brand-600))" />
|
||||
<stop offset="1" stopColor="hsl(var(--brand-600))" stopOpacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
@@ -81,7 +81,7 @@ const Partners = () => {
|
||||
{range(0, 3).map((_) => (
|
||||
<div className="flex gap-2 animate-marquee will-change-transform">
|
||||
{pageData.featuredApps.map((app) => (
|
||||
<div className="w-20 h-20 md:w-28 md:h-28 rounded-2xl bg-gradient-to-t from-background to-background-alternative border border-background flex items-center justify-center shadow-xl">
|
||||
<div className="w-20 h-20 md:w-28 md:h-28 rounded-2xl bg-gradient-to-t from-background to-background-alternative border border-muted flex items-center justify-center shadow-xl">
|
||||
<Image
|
||||
src={app.logo}
|
||||
alt={app.name}
|
||||
@@ -135,7 +135,9 @@ const Partners = () => {
|
||||
|
||||
<div>
|
||||
<h3 className="text-foreground text-lg">Experts</h3>
|
||||
<p className="text-muted text-sm">Find an expert to help build your next idea.</p>
|
||||
<p className="text-foreground-lighter text-sm">
|
||||
Find an expert to help build your next idea.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Link href="/partners/experts" className="absolute inset-0" />
|
||||
@@ -164,7 +166,9 @@ const Partners = () => {
|
||||
|
||||
<div>
|
||||
<h3 className="text-foreground text-lg">Integrations</h3>
|
||||
<p className="text-muted text-sm">Use your favorite tools with Supabase.</p>
|
||||
<p className="text-foreground-lighter text-sm">
|
||||
Use your favorite tools with Supabase.
|
||||
</p>
|
||||
</div>
|
||||
<Link href="/partners/integrations" className="absolute inset-0" />
|
||||
</Panel>
|
||||
@@ -191,7 +195,7 @@ const Partners = () => {
|
||||
|
||||
<div>
|
||||
<h3 className="text-foreground text-lg">{item.title}</h3>
|
||||
<p className="text-muted text-sm">{item.description}</p>
|
||||
<p className="text-foreground-lighter text-sm">{item.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
@@ -206,7 +210,7 @@ const Partners = () => {
|
||||
<h2 className="text-3xl xl:text-4xl mt-2 max-w-[280px] sm:max-w-xs xl:max-w-[360px] tracking-[-1px]">
|
||||
Publish an OAuth App
|
||||
</h2>
|
||||
<p className="text-muted mb-4 max-w-sm">
|
||||
<p className="text-foreground-lighter mb-4 max-w-sm">
|
||||
Supabase lets you build a third-party app that can control organizations or
|
||||
projects programmatically.
|
||||
</p>
|
||||
|
||||
@@ -1,38 +1,41 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="298" height="430" fill="none">
|
||||
<g clip-path="url(#a)">
|
||||
<path fill="#232323" d="M0 0h298v430H0z"/>
|
||||
<path fill="#1C1C1C" d="M-78.075 215a8 8 0 0 1 8-8h203.287a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H-70.075a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M-78.325 215a8.25 8.25 0 0 1 8.25-8.25h203.287a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H-70.075a7.75 7.75 0 0 0-7.75 7.75h-.5Zm219.537 54H-78.075h219.287Zm-211.287 0a8.25 8.25 0 0 1-8.25-8.25V215a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.47 8 7.75 8Zm203.287-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.28 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5ZM-63.542 243l-2.59-7.224h1.134l1.036 3.024 1.12 3.262h.056l1.12-3.262 1.036-3.024h1.106l-2.59 7.224h-1.428Zm9.108.168c-.504 0-.961-.089-1.372-.266a2.964 2.964 0 0 1-1.036-.756 3.567 3.567 0 0 1-.644-1.19 5.132 5.132 0 0 1-.224-1.568c0-.569.075-1.087.224-1.554.15-.467.364-.863.644-1.19.29-.336.635-.593 1.036-.77a3.43 3.43 0 0 1 1.372-.266c.504 0 .957.089 1.358.266.41.177.756.434 1.036.77.29.327.509.723.658 1.19.15.467.224.985.224 1.554 0 .579-.075 1.101-.224 1.568-.15.457-.369.854-.658 1.19a2.8 2.8 0 0 1-1.036.756 3.332 3.332 0 0 1-1.358.266Zm0-.966c.625 0 1.13-.187 1.512-.56.383-.373.574-.952.574-1.736v-1.036c0-.784-.191-1.363-.574-1.736-.383-.373-.887-.56-1.512-.56s-1.13.187-1.512.56c-.383.373-.574.952-.574 1.736v1.036c0 .784.192 1.363.574 1.736.383.373.887.56 1.512.56Zm5.623 2.646h3.5v-8.12h-3.626v-.952h4.746v8.372c0 .485-.13.882-.392 1.19-.252.308-.654.462-1.204.462h-3.024v-.952Zm4.06-10.668c-.327 0-.556-.065-.686-.196a.731.731 0 0 1-.196-.518v-.224c0-.205.065-.373.196-.504.13-.14.36-.21.686-.21.326 0 .555.07.686.21.13.131.196.299.196.504v.224a.73.73 0 0 1-.196.518c-.13.131-.36.196-.686.196Zm7.554 0c-.326 0-.555-.065-.686-.196a.73.73 0 0 1-.196-.518v-.224c0-.205.066-.373.196-.504.13-.14.36-.21.686-.21.327 0 .556.07.686.21.13.131.196.299.196.504v.224a.731.731 0 0 1-.196.518c-.13.131-.36.196-.686.196Zm-3.164 7.868h2.604v-5.32h-2.604v-.952h3.724v6.272h2.436V243h-6.16v-.952Zm7.765.952 2.688-3.668-2.618-3.556h1.344l1.092 1.526.868 1.204h.056l.84-1.204 1.078-1.526h1.288l-2.646 3.542L-25.89 243h-1.344l-1.218-1.694-.826-1.148h-.056l-.798 1.148-1.176 1.694h-1.288Zm11.74.168c-.504 0-.961-.089-1.372-.266a2.965 2.965 0 0 1-1.036-.756 3.57 3.57 0 0 1-.644-1.19 5.132 5.132 0 0 1-.224-1.568c0-.569.075-1.087.224-1.554.15-.467.364-.863.644-1.19.29-.336.635-.593 1.036-.77a3.433 3.433 0 0 1 1.372-.266c.504 0 .957.089 1.358.266.411.177.756.434 1.036.77.29.327.509.723.658 1.19.15.467.224.985.224 1.554a5.11 5.11 0 0 1-.224 1.568 3.42 3.42 0 0 1-.658 1.19 2.8 2.8 0 0 1-1.036.756 3.332 3.332 0 0 1-1.358.266Zm0-.966c.626 0 1.13-.187 1.512-.56.383-.373.574-.952.574-1.736v-1.036c0-.784-.191-1.363-.574-1.736-.382-.373-.886-.56-1.512-.56-.625 0-1.129.187-1.512.56-.382.373-.574.952-.574 1.736v1.036c0 .784.192 1.363.574 1.736.383.373.887.56 1.512.56Zm8.395.966c-.57 0-1.069-.07-1.498-.21a3.235 3.235 0 0 1-1.078-.602 2.56 2.56 0 0 1-.644-.896 2.953 2.953 0 0 1-.21-1.12c0-.672.182-1.204.546-1.596.364-.392.845-.667 1.442-.826v-.112c-.523-.177-.938-.462-1.246-.854-.299-.401-.448-.882-.448-1.442 0-.747.275-1.339.826-1.778.55-.448 1.32-.672 2.31-.672s1.76.224 2.31.672c.55.439.826 1.031.826 1.778 0 .56-.154 1.041-.462 1.442-.299.392-.71.677-1.232.854v.112c.597.159 1.078.434 1.442.826.364.392.546.924.546 1.596 0 .401-.075.775-.224 1.12-.14.345-.355.644-.644.896-.29.252-.649.453-1.078.602-.42.14-.915.21-1.484.21Zm0-.994c.69 0 1.232-.154 1.624-.462.392-.308.588-.742.588-1.302v-.308c0-.56-.196-.994-.588-1.302-.383-.308-.924-.462-1.624-.462-.7 0-1.246.154-1.638.462-.383.308-.574.742-.574 1.302v.308c0 .56.196.994.588 1.302.392.308.933.462 1.624.462Zm0-4.788c.635 0 1.115-.135 1.442-.406.336-.271.504-.658.504-1.162v-.196c0-.504-.173-.891-.518-1.162-.336-.271-.812-.406-1.428-.406-.616 0-1.097.135-1.442.406-.336.271-.504.658-.504 1.162v.196c0 .504.163.891.49 1.162.336.271.821.406 1.456.406Zm7.974-.014c.682 0 1.19-.149 1.526-.448.346-.308.518-.7.518-1.176v-.098c0-.523-.168-.915-.504-1.176-.326-.261-.756-.392-1.288-.392-.522 0-.947.117-1.274.35a2.623 2.623 0 0 0-.784.896l-.882-.672a3.62 3.62 0 0 1 .448-.574c.178-.196.383-.369.616-.518.243-.149.518-.271.826-.364.318-.093.677-.14 1.078-.14.42 0 .812.056 1.176.168.364.103.682.261.952.476.271.205.481.462.63.77.16.308.238.658.238 1.05 0 .317-.05.602-.154.854a1.906 1.906 0 0 1-.406.658 2.34 2.34 0 0 1-.602.476 2.96 2.96 0 0 1-.742.294v.056c.271.056.532.149.784.28.252.121.476.285.672.49.196.196.35.439.462.728.122.28.182.602.182.966 0 .42-.084.807-.252 1.162a2.562 2.562 0 0 1-.686.896 3.21 3.21 0 0 1-1.064.574c-.41.14-.868.21-1.372.21a4.31 4.31 0 0 1-1.148-.14 3.566 3.566 0 0 1-.882-.378 3.85 3.85 0 0 1-.672-.532 5.166 5.166 0 0 1-.504-.616l.882-.672c.131.196.266.373.406.532.14.159.3.299.476.42.187.112.397.201.63.266.234.065.504.098.812.098.691 0 1.218-.159 1.582-.476.374-.317.56-.77.56-1.358v-.112c0-.579-.182-1.027-.546-1.344-.354-.317-.89-.476-1.61-.476h-1.162v-1.008h1.078Zm12.119-.56a6.22 6.22 0 0 1-.336 2.058 7.765 7.765 0 0 1-.84 1.75 8.508 8.508 0 0 1-1.148 1.4 7.38 7.38 0 0 1-1.218.98H2.578a17.92 17.92 0 0 0 1.414-1.12 9 9 0 0 0 1.106-1.134 6.75 6.75 0 0 0 .798-Line truncated
|
||||
<path fill="#1C1C1C" d="M-78.075 288a8 8 0 0 1 8-8h203.287a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H-70.075a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M-78.325 288a8.25 8.25 0 0 1 8.25-8.25h203.287a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H-70.075a7.75 7.75 0 0 0-7.75 7.75h-.5Zm219.537 54H-78.075h219.287Zm-211.287 0a8.25 8.25 0 0 1-8.25-8.25V288a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.47 8 7.75 8Zm203.287-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.28 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5Z"/>
|
||||
<path fill="#1C1C1C" d="M-78.075 361a8 8 0 0 1 8-8h203.287a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H-70.075a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M-78.325 361a8.25 8.25 0 0 1 8.25-8.25h203.287a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H-70.075a7.75 7.75 0 0 0-7.75 7.75h-.5Zm219.537 54H-78.075h219.287Zm-211.287 0a8.25 8.25 0 0 1-8.25-8.25V361a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.47 8 7.75 8Zm203.287-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.28 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5ZM-63.24 389l-2.59-7.224h1.134l1.036 3.024 1.12 3.262h.056l1.12-3.262 1.036-3.024h1.106l-2.59 7.224h-1.428Zm9.109.168c-.504 0-.961-.089-1.372-.266a2.965 2.965 0 0 1-1.036-.756 3.57 3.57 0 0 1-.644-1.19 5.132 5.132 0 0 1-.224-1.568c0-.569.075-1.087.224-1.554.15-.467.364-.863.644-1.19.29-.336.635-.593 1.036-.77a3.43 3.43 0 0 1 1.372-.266c.504 0 .957.089 1.358.266.41.177.756.434 1.036.77.29.327.509.723.658 1.19.15.467.224.985.224 1.554 0 .579-.075 1.101-.224 1.568-.15.457-.369.854-.658 1.19a2.8 2.8 0 0 1-1.036.756 3.332 3.332 0 0 1-1.358.266Zm0-.966c.625 0 1.13-.187 1.512-.56.383-.373.574-.952.574-1.736v-1.036c0-.784-.191-1.363-.574-1.736-.383-.373-.887-.56-1.512-.56s-1.13.187-1.512.56c-.383.373-.574.952-.574 1.736v1.036c0 .784.191 1.363.574 1.736.383.373.887.56 1.512.56Zm5.623 2.646h3.5v-8.12h-3.627v-.952h4.746v8.372c0 .485-.13.882-.392 1.19-.252.308-.653.462-1.203.462h-3.024v-.952Zm4.06-10.668c-.327 0-.556-.065-.687-.196a.73.73 0 0 1-.196-.518v-.224c0-.205.066-.373.197-.504.13-.14.359-.21.685-.21.327 0 .556.07.686.21a.683.683 0 0 1 .197.504v.224a.731.731 0 0 1-.197.518c-.13.131-.359.196-.686.196Zm7.554 0c-.327 0-.555-.065-.686-.196a.73.73 0 0 1-.196-.518v-.224c0-.205.065-.373.196-.504.13-.14.36-.21.686-.21.327 0 .555.07.686.21.13.131.196.299.196.504v.224a.73.73 0 0 1-.196.518c-.13.131-.36.196-.686.196Zm-3.164 7.868h2.604v-5.32h-2.604v-.952h3.724v6.272h2.436V389h-6.16v-.952Zm7.764.952 2.688-3.668-2.617-3.556h1.343l1.092 1.526.869 1.204h.056l.84-1.204 1.078-1.526h1.288l-2.646 3.542 2.716 3.682h-1.345l-1.218-1.694-.826-1.148h-.056l-.797 1.148-1.177 1.694h-1.288Zm15.06 0h-6.525v-1.204l3.262-2.94a7.54 7.54 0 0 0 1.176-1.316c.308-.457.462-.938.462-1.442v-.168c0-.588-.154-1.041-.462-1.358-.308-.327-.765-.49-1.372-.49-.597 0-1.06.154-1.386.462-.317.299-.555.7-.714 1.204l-1.05-.392c.093-.289.22-.569.378-.84.168-.28.378-.527.63-.742.252-.215.555-.387.91-.518a3.713 3.713 0 0 1 1.26-.196c.485 0 .915.07 1.288.21.383.14.7.336.952.588.261.252.457.551.588.896.14.345.21.723.21 1.134 0 .373-.056.723-.168 1.05a3.76 3.76 0 0 1-.448.938 5.76 5.76 0 0 1-.686.882c-.261.28-.555.56-.882.84l-2.73 2.38h5.306V389Zm4.656-5.628c.68 0 1.19-.149 1.526-.448.345-.308.518-.7.518-1.176v-.098c0-.523-.168-.915-.504-1.176-.327-.261-.756-.392-1.288-.392-.523 0-.948.117-1.274.35a2.623 2.623 0 0 0-.784.896l-.882-.672c.12-.196.27-.387.448-.574.177-.196.382-.369.616-.518a3.5 3.5 0 0 1 .826-.364c.317-.093.676-.14 1.078-.14.42 0 .812.056 1.176.168.364.103.68.261.952.476.27.205.48.462.63.77.158.308.238.658.238 1.05 0 .317-.052.602-.154.854a1.906 1.906 0 0 1-.406.658 2.34 2.34 0 0 1-.602.476 2.991 2.991 0 0 1-.742.294v.056c.27.056.532.149.784.28.252.121.476.285.672.49.196.196.35.439.462.728.12.28.182.602.182.966 0 .42-.084.807-.252 1.162a2.562 2.562 0 0 1-.686.896 3.22 3.22 0 0 1-1.064.574c-.411.14-.868.21-1.372.21a4.31 4.31 0 0 1-1.148-.14 3.565 3.565 0 0 1-.882-.378 3.85 3.85 0 0 1-.672-.532 5.16 5.16 0 0 1-.504-.616l.882-.672c.13.196.266.373.406.532.14.159.298.299.476.42.186.112.396.201.63.266.233.065.504.098.812.098.69 0 1.218-.159 1.582-.476.373-.317.56-.77.56-1.358v-.112c0-.579-.182-1.027-.546-1.344-.355-.317-.892-.476-1.61-.476h-1.162v-1.008h1.078ZM-2.672 389v-1.918h-4.816v-1.036l4.228-6.818h1.708v6.888h1.456v.966h-1.456V389h-1.12Zm-3.766-2.884h3.766v-5.978h-.056l-3.71 5.978Zm13.883-5.866H3.077l-.28 3.738h.098c.242-.327.513-.583.812-.77.298-.196.709-.294 1.232-.294.429 0 .821.07 1.176.21.364.131.676.327.938.588.261.261.466.579.616.952a3.3 3.3 0 0 1 .224 1.26c0 .476-.075.915-.224 1.316-.15.392-.369.733-.658 1.022-.29.28-.64.499-1.05.658a3.86 3.86 0 0 1-1.4.238c-.411 0-.78-.047-1.106-.14a3.364 3.364 0 0 1-.854-.378 3.635 3.635 0 0 1-.644-.532 5.168 5.168 0 0 1-.504-.616l.882-.672c.13.196.261.373.392.532.14.159.298.299.476.42.177.112.378.201.602.266.224.065.485.098.784.098.672 0 1.185-.182 1.54-.546.364-.364.546-.868.546-1.512v-.112c0-.644-.182-1.148-.546-1.512-.364-.364-.887-.546-1.568-.546-.467 0-.831.079-1.092.238a3.468 3.468 0 0 0-.7.588l-.994-.14.35-5.376h5.32v1.022Zm5.594 8.918c-.513 0-.975-.084-1.386-.252a3.023 3.023 0 0 1-1.05-.742 3.56 3.56 0 0 1-.658-1.19 5.13 5.13 0 0 1-.224-1.568c0-.728.108-1.409.322-2.044a8.216 8.216 0 0 1 .84-1.75 7.781 7.781 0 0 1 1.148-1.4c.42-.411.83-.742 1.232-.994h1.512c-.532.383-1.008.756-1.428 1.12-.41.364-.774.747-1.092 1.148a6.225 6.225 0 0 0-.798 1.274 7.895 7.895 0 0 0-.532 1.526l.07.028c.234-.401.542-.733.924-.994.383-.271.877-.406 1.484-.406.43 0 .822.07 1.176.21.355.14.663.341.924.602.261.261.462.579.602.952.15.373.224.789.224 1.246 0 .476-.08.915-.238 1.316a3.04 3Line truncated
|
||||
<path fill="#1C1C1C" d="M150.721 215a8 8 0 0 1 8-8h207.932a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H158.721a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M150.471 215a8.25 8.25 0 0 1 8.25-8.25h207.932a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H158.721a7.75 7.75 0 0 0-7.75 7.75h-.5Zm224.182 54H150.721h223.932Zm-215.932 0a8.25 8.25 0 0 1-8.25-8.25V215a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.469 8 7.75 8Zm207.932-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.281 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5ZM185.875 243c-.439 0-.752-.112-.938-.336a1.623 1.623 0 0 1-.35-.84h-.07c-.159.42-.416.751-.77.994-.346.233-.812.35-1.4.35-.756 0-1.358-.196-1.806-.588-.448-.392-.672-.929-.672-1.61 0-.672.242-1.19.728-1.554.494-.364 1.288-.546 2.38-.546h1.54v-.714c0-.532-.15-.929-.448-1.19-.299-.271-.724-.406-1.274-.406-.486 0-.882.098-1.19.294a2.095 2.095 0 0 0-.742.77l-.756-.56a2.46 2.46 0 0 1 .378-.546c.158-.177.354-.331.588-.462.233-.14.499-.247.798-.322.298-.084.63-.126.994-.126.849 0 1.521.215 2.016.644.504.429.756 1.027.756 1.792v3.976h1.008v.98h-.77Zm-3.332-.77c.289 0 .55-.033.784-.098.242-.075.452-.168.63-.28.177-.121.312-.261.406-.42a1.01 1.01 0 0 0 .154-.532v-1.19h-1.54c-.672 0-1.162.093-1.47.28a.895.895 0 0 0-.462.812v.294c0 .373.13.658.392.854.27.187.639.28 1.106.28Zm5.916-.182h2.52v-8.456h-2.52v-.952h3.64v9.408h2.52V243h-6.16v-.952Zm11.601 1.12c-.523 0-.994-.089-1.414-.266a3.06 3.06 0 0 1-1.064-.756 3.6 3.6 0 0 1-.672-1.19 4.799 4.799 0 0 1-.238-1.554c0-.579.079-1.101.238-1.568a3.61 3.61 0 0 1 .686-1.19 2.884 2.884 0 0 1 1.036-.77c.41-.177.863-.266 1.358-.266.485 0 .924.089 1.316.266.401.177.742.425 1.022.742.28.308.494.677.644 1.106.149.429.224.901.224 1.414v.532h-5.348v.336c0 .317.051.611.154.882.102.271.247.504.434.7.196.196.429.35.7.462.28.103.588.154.924.154.485 0 .905-.112 1.26-.336.354-.224.625-.532.812-.924l.826.56c-.215.485-.574.887-1.078 1.204-.495.308-1.102.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63 2.24 2.24 0 0 0-.448.7 2.348 2.348 0 0 0-.154.868v.098h4.144v-.154c0-.317-.052-.607-.154-.868a1.9 1.9 0 0 0-.406-.672 1.623 1.623 0 0 0-.63-.448 2.062 2.062 0 0 0-.812-.154Zm4.992 6.468 2.688-3.668-2.618-3.556h1.344l1.092 1.526.868 1.204h.056l.84-1.204 1.078-1.526h1.288l-2.646 3.542 2.716 3.682h-1.344l-1.218-1.694-.826-1.148h-.056l-.798 1.148L206.27 243h-1.288Zm8.731 0v-1.022h2.8v-7.882h-.098l-2.464 2.296-.686-.742 2.59-2.422h1.834v8.75h2.576V243h-6.552Zm11.418.168c-.513 0-.975-.084-1.386-.252a3.036 3.036 0 0 1-1.05-.742 3.578 3.578 0 0 1-.658-1.19 5.141 5.141 0 0 1-.224-1.568c0-.728.108-1.409.322-2.044a8.216 8.216 0 0 1 .84-1.75 7.811 7.811 0 0 1 1.148-1.4 7.47 7.47 0 0 1 1.232-.994h1.512c-.532.383-1.008.756-1.428 1.12-.41.364-.774.747-1.092 1.148a6.251 6.251 0 0 0-.798 1.274 7.942 7.942 0 0 0-.532 1.526l.07.028c.234-.401.542-.733.924-.994.383-.271.878-.406 1.484-.406.43 0 .822.07 1.176.21.355.14.663.341.924.602.262.261.462.579.602.952.15.373.224.789.224 1.246 0 .476-.079.915-.238 1.316a3.02 3.02 0 0 1-.672 1.022c-.28.28-.625.499-1.036.658a3.618 3.618 0 0 1-1.344.238Zm-.014-.994c.672 0 1.19-.182 1.554-.546.374-.364.56-.877.56-1.54v-.112c0-.663-.186-1.176-.56-1.54-.364-.364-.882-.546-1.554-.546s-1.194.182-1.568.546c-.364.364-.546.877-.546 1.54v.112c0 .663.182 1.176.546 1.54.374.364.896.546 1.568.546Zm8.395.994c-.598 0-1.111-.112-1.54-.336a2.923 2.923 0 0 1-1.064-.994c-.28-.429-.486-.957-.616-1.582a10.507 10.507 0 0 1-.196-2.142c0-.793.065-1.503.196-2.128.13-.635.336-1.167.616-1.596a2.81 2.81 0 0 1 1.064-.98c.429-.233.942-.35 1.54-.35.597 0 1.11.117 1.54.35.429.224.784.551 1.064.98.28.429.485.961.616 1.596.13.625.196 1.335.196 2.128 0 .803-.066 1.517-.196 2.142-.131.625-.336 1.153-.616 1.582a2.93 2.93 0 0 1-1.064.994c-.43.224-.943.336-1.54.336Zm0-1.022c.392 0 .728-.075 1.008-.224a1.82 1.82 0 0 0 .672-.658 3.08 3.08 0 0 0 .392-1.008c.084-.401.126-.849.126-1.344v-1.596c0-.485-.042-.929-.126-1.33a3.084 3.084 0 0 0-.392-1.022 1.71 1.71 0 0 0-.672-.644c-.28-.159-.616-.238-1.008-.238s-.728.079-1.008.238c-.28.149-.509.364-.686.644a3.29 3.29 0 0 0-.378 1.022 6.504 6.504 0 0 0-.126 1.33v1.596c0 .495.042.943.126 1.344.084.392.21.728.378 1.008.177.28.406.499.686.658.28.149.616.224 1.008.224Zm0-3.206c-.327 0-.556-.065-.686-.196a.671.671 0 0 1-.182-.476v-.308c0-.187.06-.345.182-.476.13-.131.359-.196.686-.196.326 0 .55.065.672.196a.65.65 0 0 1 .196.476v.308a.65.65 0 0 1-.196.476c-.122.131-.346.196-.672.196Zm5.384 4.06v-1.022h2.8v-7.882h-.098l-2.464 2.296-.686-.742 2.59-2.422h1.834v8.75h2.576V243h-6.552Zm14.709-6.188a6.22 6.22 0 0 1-.336 2.058 7.793 7.793 0 0 1-.84 1.75 8.542 8.542 0 0 1-1.148 1.4 7.421 7.421 0 0 1-1.218.98h-1.512a17.982 17.982 0 0 0 1.414-1.12c.42-.364.788-.742 1.106-1.134.317-.401.583-.826.798-1.274.214-.457.392-.971.532-1.54l-.07-.028a3.356 3.356 0 0 1-.938 1.008c-.374.261-.864.392-1.47.392-.43 0-.826-.07-1.19-.21a2.683 2.683 0 0 1-.924-.602 2.935 2.935 0 0 1-.602-.938 3.565 3.565 0 0 1-.21-1.26c0-.476.074-.91.224-1.302.158-.401.382-.742.672-1.022a3.012 3.012 0 0 1 1.036-.672c.41-.159.863-.238 1.358-.238.513 0 .975.089 1.386.266.41.168.756.415 1.0Line truncated
|
||||
<path fill="#1C1C1C" d="M150.721 288a8 8 0 0 1 8-8h207.932a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H158.721a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M150.471 288a8.25 8.25 0 0 1 8.25-8.25h207.932a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H158.721a7.75 7.75 0 0 0-7.75 7.75h-.5Zm224.182 54H150.721h223.932Zm-215.932 0a8.25 8.25 0 0 1-8.25-8.25V288a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.469 8 7.75 8Zm207.932-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.281 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5Z"/>
|
||||
<path fill="#1C1C1C" d="M150.721 361a8 8 0 0 1 8-8h207.932a8 8 0 0 1 8 8v46a8 8 0 0 1-8 8H158.721a8 8 0 0 1-8-8v-46Z"/>
|
||||
<path fill="#2E2E2E" d="M150.471 361a8.25 8.25 0 0 1 8.25-8.25h207.932a8.25 8.25 0 0 1 8.25 8.25h-.5a7.75 7.75 0 0 0-7.75-7.75H158.721a7.75 7.75 0 0 0-7.75 7.75h-.5Zm224.182 54H150.721h223.932Zm-215.932 0a8.25 8.25 0 0 1-8.25-8.25V361a8.25 8.25 0 0 1 8.25-8.25v.5a7.75 7.75 0 0 0-7.75 7.75v46c0 4.418 3.469 8 7.75 8Zm207.932-62.25a8.25 8.25 0 0 1 8.25 8.25v45.75a8.25 8.25 0 0 1-8.25 8.25c4.281 0 7.75-3.582 7.75-8v-46a7.75 7.75 0 0 0-7.75-7.75v-.5Zm-186.98 35.941v-7.224h1.036v.84h.056c.112-.28.271-.518.476-.714.206-.196.509-.294.91-.294.42 0 .733.108.938.322.206.206.332.476.378.812h.042c.131-.326.318-.597.56-.812.243-.214.579-.322 1.008-.322.588 0 .98.206 1.176.616.206.411.308.999.308 1.764v5.012h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.35-.364-.686-.364a.961.961 0 0 0-.728.294c-.186.187-.28.476-.28.868v5.306h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.345-.364-.672-.364-.298 0-.546.098-.742.294-.186.187-.28.476-.28.868v5.306h-1.036Zm11.965.168a3.59 3.59 0 0 1-1.414-.266 3.06 3.06 0 0 1-1.064-.756 3.59 3.59 0 0 1-.672-1.19 4.79 4.79 0 0 1-.238-1.554c0-.578.079-1.101.238-1.568a3.62 3.62 0 0 1 .686-1.19 2.896 2.896 0 0 1 1.036-.77c.41-.177.863-.266 1.358-.266.485 0 .924.089 1.316.266a2.93 2.93 0 0 1 1.022.742c.28.308.494.677.644 1.106.149.43.224.901.224 1.414v.532h-5.348v.336c0 .318.051.612.154.882.102.271.247.504.434.7.196.196.429.35.7.462.28.103.588.154.924.154.485 0 .905-.112 1.26-.336.354-.224.625-.532.812-.924l.826.56c-.215.486-.574.887-1.078 1.204-.495.308-1.102.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63c-.187.196-.336.43-.448.7a2.352 2.352 0 0 0-.154.868v.098h4.144v-.154c0-.317-.052-.606-.154-.868a1.9 1.9 0 0 0-.406-.672 1.623 1.623 0 0 0-.63-.448 2.08 2.08 0 0 0-.812-.154Zm4.894 6.468v-7.224h1.036v.84h.056c.112-.28.271-.518.476-.714.206-.196.509-.294.91-.294.42 0 .733.108.938.322.206.206.332.476.378.812h.042c.131-.326.318-.597.56-.812.243-.214.579-.322 1.008-.322.588 0 .98.206 1.176.616.206.411.308.999.308 1.764v5.012h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.35-.364-.686-.364a.961.961 0 0 0-.728.294c-.186.187-.28.476-.28.868v5.306h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.345-.364-.672-.364-.298 0-.546.098-.742.294-.186.187-.28.476-.28.868v5.306h-1.036Zm11.965.168a3.59 3.59 0 0 1-1.414-.266 3.06 3.06 0 0 1-1.064-.756 3.59 3.59 0 0 1-.672-1.19 4.79 4.79 0 0 1-.238-1.554c0-.578.079-1.101.238-1.568a3.62 3.62 0 0 1 .686-1.19 2.896 2.896 0 0 1 1.036-.77c.41-.177.863-.266 1.358-.266.485 0 .924.089 1.316.266a2.93 2.93 0 0 1 1.022.742c.28.308.494.677.644 1.106.149.43.224.901.224 1.414v.532h-5.348v.336c0 .318.051.612.154.882.102.271.247.504.434.7.196.196.429.35.7.462.28.103.588.154.924.154.485 0 .905-.112 1.26-.336.354-.224.625-.532.812-.924l.826.56c-.215.486-.574.887-1.078 1.204-.495.308-1.102.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63c-.187.196-.336.43-.448.7a2.352 2.352 0 0 0-.154.868v.098h4.144v-.154c0-.317-.052-.606-.154-.868a1.9 1.9 0 0 0-.406-.672 1.623 1.623 0 0 0-.63-.448 2.08 2.08 0 0 0-.812-.154Zm4.894 6.468v-7.224h1.036v.84h.056c.112-.28.271-.518.476-.714.206-.196.509-.294.91-.294.42 0 .733.108.938.322.206.206.332.476.378.812h.042c.131-.326.318-.597.56-.812.243-.214.579-.322 1.008-.322.588 0 .98.206 1.176.616.206.411.308.999.308 1.764v5.012h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.35-.364-.686-.364a.961.961 0 0 0-.728.294c-.186.187-.28.476-.28.868v5.306h-1.036v-4.83c0-.616-.065-1.04-.196-1.274-.121-.242-.345-.364-.672-.364-.298 0-.546.098-.742.294-.186.187-.28.476-.28.868v5.306h-1.036Zm14.569 0c-.439 0-.751-.112-.938-.336a1.632 1.632 0 0 1-.35-.84h-.07c-.159.42-.415.752-.77.994-.345.234-.812.35-1.4.35-.756 0-1.358-.196-1.806-.588-.448-.392-.672-.928-.672-1.61 0-.672.243-1.19.728-1.554.495-.364 1.288-.546 2.38-.546h1.54v-.714c0-.532-.149-.928-.448-1.19-.299-.27-.723-.406-1.274-.406-.485 0-.882.098-1.19.294a2.11 2.11 0 0 0-.742.77l-.756-.56c.093-.186.219-.368.378-.546a2.29 2.29 0 0 1 .588-.462c.233-.14.499-.247.798-.322.299-.084.63-.126.994-.126.849 0 1.521.215 2.016.644.504.43.756 1.027.756 1.792v3.976h1.008v.98h-.77Zm-3.332-.77c.289 0 .551-.032.784-.098a2.58 2.58 0 0 0 .63-.28c.177-.121.313-.261.406-.42a1 1 0 0 0 .154-.532v-1.19h-1.54c-.672 0-1.162.094-1.47.28a.896.896 0 0 0-.462.812v.294c0 .374.131.658.392.854.271.187.639.28 1.106.28Zm9.08.938c-.756 0-1.409-.126-1.96-.378a4.383 4.383 0 0 1-1.386-1.036l.756-.658c.346.364.724.644 1.134.84.411.196.906.294 1.484.294.56 0 1.018-.098 1.372-.294.364-.205.546-.522.546-.952a.869.869 0 0 0-.112-.462.744.744 0 0 0-.28-.308 1.459 1.459 0 0 0-.406-.168 3.646 3.646 0 0 0-.476-.112l-1.134-.168a11.808 11.808 0 0 1-.826-.154 2.834 2.834 0 0 1-.798-.308 2.052 2.052 0 0 1-.616-.588c-.158-.242-.238-.56-.238-.952 0-.364.07-.676.21-.938.15-.27.355-.494.616-.672.262-.186.57-.322.924-.406.355-.093.742-.14 1.162-.14.654 0 1.218.103 1.694.308.486.206.901.49 1.246.854l-.728.686a2.082 2.082 0 0 0-.322-.308 1.699 1.699 0 0 0-.462-.294 2.618 2.618 0 0 0-.63-.224 3.751 3.751 0 0 0-.84-.084c-.569 0-1.008.098-1.Line truncated
|
||||
<g filter="url(#b)">
|
||||
<path fill="#707070" d="m-63.597 316-2.59-7.224h1.134l1.036 3.024 1.12 3.262h.056l1.12-3.262 1.036-3.024h1.106l-2.59 7.224h-1.428Zm9.109.168a3.43 3.43 0 0 1-1.372-.266 2.988 2.988 0 0 1-1.036-.756 3.567 3.567 0 0 1-.644-1.19 5.134 5.134 0 0 1-.224-1.568c0-.57.074-1.088.224-1.554.15-.467.364-.864.644-1.19.29-.336.634-.593 1.036-.77.41-.178.868-.266 1.372-.266.504 0 .956.088 1.358.266.41.177.756.434 1.036.77.29.326.508.723.658 1.19.15.466.224.984.224 1.554 0 .578-.075 1.101-.224 1.568-.15.457-.369.854-.658 1.19-.28.326-.626.578-1.036.756a3.332 3.332 0 0 1-1.358.266Zm0-.966c.625 0 1.13-.187 1.512-.56.382-.374.574-.952.574-1.736v-1.036c0-.784-.192-1.363-.574-1.736-.383-.374-.887-.56-1.512-.56-.626 0-1.13.186-1.512.56-.383.373-.574.952-.574 1.736v1.036c0 .784.191 1.362.574 1.736.382.373.886.56 1.512.56Zm5.622 2.646h3.5v-8.12h-3.626v-.952h4.746v8.372c0 .485-.13.882-.392 1.19-.252.308-.653.462-1.204.462h-3.024v-.952Zm4.06-10.668c-.326 0-.555-.066-.686-.196a.73.73 0 0 1-.196-.518v-.224a.68.68 0 0 1 .196-.504c.131-.14.36-.21.686-.21.327 0 .556.07.686.21a.68.68 0 0 1 .196.504v.224a.73.73 0 0 1-.196.518c-.13.13-.359.196-.686.196Zm4.335 10.668h3.5v-8.12h-3.626v-.952h4.746v8.372c0 .485-.13.882-.392 1.19-.252.308-.654.462-1.204.462h-3.024v-.952Zm4.06-10.668c-.327 0-.556-.066-.686-.196a.731.731 0 0 1-.196-.518v-.224a.68.68 0 0 1 .196-.504c.13-.14.36-.21.686-.21.327 0 .555.07.686.21a.68.68 0 0 1 .196.504v.224a.73.73 0 0 1-.196.518c-.13.13-.36.196-.686.196Zm4.236-1.54h1.12v4.312h.056c.467-.896 1.209-1.344 2.226-1.344.887 0 1.578.331 2.072.994.504.662.756 1.591.756 2.786 0 1.194-.252 2.123-.756 2.786-.494.662-1.185.994-2.072.994-1.017 0-1.759-.448-2.226-1.344h-.056V316h-1.12v-10.36Zm2.968 9.534c.654 0 1.158-.196 1.512-.588.364-.402.546-.929.546-1.582v-1.232c0-.654-.182-1.176-.546-1.568-.354-.402-.858-.602-1.512-.602-.252 0-.49.032-.714.098-.224.065-.42.163-.588.294a1.378 1.378 0 0 0-.406.462c-.093.177-.14.387-.14.63v2.604c0 .242.047.457.14.644.103.177.238.331.406.462.168.121.364.214.588.28.224.065.462.098.714.098Zm11.11-7.924h-4.367l-.28 3.738h.098c.243-.327.513-.584.812-.77.299-.196.71-.294 1.232-.294.43 0 .821.07 1.176.21.364.13.677.326.938.588.261.261.467.578.616.952a3.3 3.3 0 0 1 .224 1.26c0 .476-.075.914-.224 1.316a2.88 2.88 0 0 1-.658 1.022c-.29.28-.64.499-1.05.658-.41.158-.877.238-1.4.238-.41 0-.78-.047-1.106-.14a3.436 3.436 0 0 1-.854-.378 3.634 3.634 0 0 1-.644-.532 5.241 5.241 0 0 1-.504-.616l.882-.672c.13.196.261.373.392.532.14.158.299.298.476.42.177.112.378.2.602.266.224.065.485.098.784.098.672 0 1.185-.182 1.54-.546.364-.364.546-.868.546-1.512v-.112c0-.644-.182-1.148-.546-1.512-.364-.364-.887-.546-1.568-.546-.467 0-.83.079-1.092.238a3.404 3.404 0 0 0-.7.588l-.994-.14.35-5.376h5.32v1.022Zm3.803 8.75 3.822-8.764h-4.284v1.82h-1.05v-2.828h6.524v1.036L-13.034 316h-1.26Zm10.187.168c-.513 0-.975-.084-1.386-.252a3.036 3.036 0 0 1-1.05-.742 3.57 3.57 0 0 1-.658-1.19 5.135 5.135 0 0 1-.224-1.568c0-.728.107-1.41.322-2.044a8.193 8.193 0 0 1 .84-1.75 7.783 7.783 0 0 1 1.148-1.4c.42-.411.83-.742 1.232-.994h1.512c-.532.382-1.008.756-1.428 1.12-.41.364-.775.746-1.092 1.148a6.195 6.195 0 0 0-.798 1.274 7.873 7.873 0 0 0-.532 1.526l.07.028a3.02 3.02 0 0 1 .924-.994c.383-.271.877-.406 1.484-.406.43 0 .821.07 1.176.21.355.14.663.34.924.602.261.261.462.578.602.952.15.373.224.788.224 1.246 0 .476-.08.914-.238 1.316a3.05 3.05 0 0 1-.672 1.022c-.28.28-.625.499-1.036.658-.401.158-.85.238-1.344.238Zm-.014-.994c.672 0 1.19-.182 1.554-.546.373-.364.56-.878.56-1.54v-.112c0-.663-.187-1.176-.56-1.54-.364-.364-.882-.546-1.554-.546s-1.195.182-1.568.546c-.364.364-.546.877-.546 1.54v.112c0 .662.182 1.176.546 1.54.373.364.896.546 1.568.546Zm11.698-5.362a6.22 6.22 0 0 1-.336 2.058 7.785 7.785 0 0 1-.84 1.75 8.55 8.55 0 0 1-1.148 1.4c-.41.401-.816.728-1.218.98H2.523a17.92 17.92 0 0 0 1.414-1.12 8.91 8.91 0 0 0 1.106-1.134c.318-.402.584-.826.798-1.274.215-.458.392-.971.532-1.54l-.07-.028a3.344 3.344 0 0 1-.938 1.008c-.373.261-.863.392-1.47.392a3.29 3.29 0 0 1-1.19-.21 2.69 2.69 0 0 1-.924-.602 2.952 2.952 0 0 1-.602-.938 3.573 3.573 0 0 1-.21-1.26c0-.476.075-.91.224-1.302a3.002 3.002 0 0 1 1.708-1.694 3.735 3.735 0 0 1 1.358-.238c.514 0 .976.088 1.386.266.411.168.756.415 1.036.742.29.317.51.709.658 1.176.16.466.238.989.238 1.568Zm-3.304 1.526c.672 0 1.19-.182 1.554-.546.374-.364.56-.878.56-1.54v-.112c0-.663-.186-1.176-.56-1.54-.364-.364-.882-.546-1.554-.546s-1.194.182-1.568.546c-.364.364-.546.877-.546 1.54v.112c0 .662.182 1.176.546 1.54.374.364.896.546 1.568.546Zm8.395 4.83c-.597 0-1.11-.112-1.54-.336a2.937 2.937 0 0 1-1.064-.994c-.28-.43-.485-.957-.616-1.582-.13-.626-.196-1.34-.196-2.142 0-.794.065-1.503.196-2.128.13-.635.336-1.167.616-1.596a2.81 2.81 0 0 1 1.064-.98c.43-.234.943-.35 1.54-.35.597 0 1.11.116 1.54.35.43.224.784.55 1.064.98.28.429.485.961.616 1.596.13.625.196 1.334.196 2.128 0 .802-.065 1.516-.196 2.142-.13.625-.336 1.152-.616 1.582a2.94 2.94 0 0 1-1.064.994c-.43.224-.943.336-1.54.336Zm0-1.022c.392 0 .728-.075 1.008-.224a1.82 1.Line truncated
|
||||
</g>
|
||||
<g filter="url(#c)">
|
||||
<path fill="#707070" d="M183.467 315c-.55 0-.956-.154-1.218-.462-.252-.308-.378-.705-.378-1.19v-4.62h-2.408v-.952h1.792c.243 0 .411-.047.504-.14.103-.103.154-.276.154-.518v-1.89h1.078v2.548h3.29v.952h-3.29v5.32h3.29V315h-2.814Zm8.171.168c-.523 0-.994-.089-1.414-.266a3.086 3.086 0 0 1-1.064-.756 3.6 3.6 0 0 1-.672-1.19 4.799 4.799 0 0 1-.238-1.554c0-.579.079-1.102.238-1.568a3.6 3.6 0 0 1 .686-1.19 2.884 2.884 0 0 1 1.036-.77c.41-.178.863-.266 1.358-.266.485 0 .924.088 1.316.266.401.177.742.424 1.022.742.28.308.494.676.644 1.106.149.429.224.9.224 1.414v.532h-5.348v.336c0 .317.051.611.154.882.102.27.247.504.434.7.196.196.429.35.7.462.28.102.588.154.924.154.485 0 .905-.112 1.26-.336.354-.224.625-.532.812-.924l.826.56c-.215.485-.574.886-1.078 1.204-.495.308-1.102.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63 2.24 2.24 0 0 0-.448.7c-.103.261-.154.55-.154.868v.098h4.144v-.154c0-.318-.052-.607-.154-.868a1.882 1.882 0 0 0-.406-.672 1.613 1.613 0 0 0-.63-.448 2.062 2.062 0 0 0-.812-.154Zm7.624 6.468-2.59-7.224h1.134l1.036 3.024 1.12 3.262h.056l1.12-3.262 1.036-3.024h1.106L200.62 315h-1.428Zm9.235.168c-.523 0-.994-.089-1.414-.266a3.086 3.086 0 0 1-1.064-.756 3.6 3.6 0 0 1-.672-1.19 4.799 4.799 0 0 1-.238-1.554c0-.579.079-1.102.238-1.568a3.6 3.6 0 0 1 .686-1.19 2.884 2.884 0 0 1 1.036-.77c.41-.178.863-.266 1.358-.266.485 0 .924.088 1.316.266.401.177.742.424 1.022.742.28.308.494.676.644 1.106.149.429.224.9.224 1.414v.532h-5.348v.336c0 .317.051.611.154.882.102.27.247.504.434.7.196.196.429.35.7.462.28.102.588.154.924.154.485 0 .905-.112 1.26-.336.354-.224.625-.532.812-.924l.826.56c-.215.485-.574.886-1.078 1.204-.495.308-1.102.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63 2.24 2.24 0 0 0-.448.7c-.103.261-.154.55-.154.868v.098h4.144v-.154c0-.318-.052-.607-.154-.868a1.882 1.882 0 0 0-.406-.672 1.613 1.613 0 0 0-.63-.448 2.062 2.062 0 0 0-.812-.154Zm5.216 5.516h2.114v-5.32h-2.114v-.952h3.234v1.82h.07c.15-.57.43-1.013.84-1.33.42-.327.952-.49 1.596-.49h1.008v1.12h-1.358c-.644 0-1.166.186-1.568.56-.392.373-.588.863-.588 1.47v3.122h2.8V315h-6.034v-.952Zm11.643 1.12c-.523 0-.994-.089-1.414-.266a3.096 3.096 0 0 1-1.064-.756 3.636 3.636 0 0 1-.672-1.19 4.799 4.799 0 0 1-.238-1.554c0-.579.079-1.102.238-1.568.168-.467.397-.864.686-1.19a2.893 2.893 0 0 1 1.036-.77 3.378 3.378 0 0 1 1.358-.266c.485 0 .924.088 1.316.266.401.177.742.424 1.022.742.28.308.495.676.644 1.106.149.429.224.9.224 1.414v.532h-5.348v.336c0 .317.051.611.154.882.103.27.247.504.434.7.196.196.429.35.7.462.28.102.588.154.924.154.485 0 .905-.112 1.26-.336.355-.224.625-.532.812-.924l.826.56c-.215.485-.574.886-1.078 1.204-.495.308-1.101.462-1.82.462Zm-.07-6.636a2.144 2.144 0 0 0-1.54.63 2.24 2.24 0 0 0-.448.7c-.103.261-.154.55-.154.868v.098h4.144v-.154c0-.318-.051-.607-.154-.868a1.868 1.868 0 0 0-.406-.672 1.613 1.613 0 0 0-.63-.448 2.058 2.058 0 0 0-.812-.154Zm8.688 6.468c-.55 0-.956-.154-1.218-.462-.252-.308-.378-.705-.378-1.19v-4.62h-2.408v-.952h1.792c.243 0 .411-.047.504-.14.103-.103.154-.276.154-.518v-1.89h1.078v2.548h3.29v.952h-3.29v5.32h3.29V315h-2.814Zm8.395 0c-.551 0-.957-.154-1.218-.462-.252-.308-.378-.705-.378-1.19v-4.62h-2.408v-.952h1.792c.243 0 .411-.047.504-.14.103-.103.154-.276.154-.518v-1.89h1.078v2.548h3.29v.952h-3.29v5.32h3.29V315h-2.814Zm10.2 1.568h-1.722c-.709 0-1.306-.122-1.792-.364a2.807 2.807 0 0 1-1.162-1.078c-.289-.476-.499-1.074-.63-1.792-.121-.719-.182-1.564-.182-2.534 0-1.083.07-1.988.21-2.716.15-.738.364-1.33.644-1.778.28-.448.626-.766 1.036-.952.42-.196.906-.294 1.456-.294.56 0 1.036.088 1.428.266.402.177.728.42.98.728s.434.676.546 1.106c.122.42.182.872.182 1.358v5.208h-.994v-.798h-.07a1.853 1.853 0 0 1-.462.672c-.214.196-.527.294-.938.294-.569 0-1.022-.238-1.358-.714-.336-.486-.504-1.246-.504-2.282s.168-1.797.504-2.282c.336-.486.789-.728 1.358-.728.206 0 .383.028.532.084.159.056.294.13.406.224.112.093.206.196.28.308.075.112.136.228.182.35h.07v-.336c0-.794-.168-1.419-.504-1.876-.326-.458-.863-.686-1.61-.686-.83 0-1.428.322-1.792.966-.354.634-.532 1.656-.532 3.066v1.806c0 .541.038 1.05.112 1.526.075.466.21.877.406 1.232.206.345.481.616.826.812.355.205.812.308 1.372.308h1.722v.896Zm-1.106-3.514c.336 0 .602-.094.798-.28.206-.187.308-.458.308-.812v-2.142c0-.355-.102-.626-.308-.812-.196-.187-.462-.28-.798-.28-.392 0-.69.135-.896.406-.196.261-.294.704-.294 1.33v.854c0 .625.098 1.073.294 1.344.206.261.504.392.896.392Zm7.345 2.114c-.504 0-.961-.089-1.372-.266a2.99 2.99 0 0 1-1.036-.756 3.562 3.562 0 0 1-.644-1.19 5.146 5.146 0 0 1-.224-1.568c0-.57.075-1.088.224-1.554.149-.467.364-.864.644-1.19a2.893 2.893 0 0 1 1.036-.77 3.416 3.416 0 0 1 1.372-.266c.504 0 .957.088 1.358.266.411.177.756.434 1.036.77.289.326.509.723.658 1.19.149.466.224.984.224 1.554 0 .578-.075 1.101-.224 1.568a3.436 3.436 0 0 1-.658 1.19c-.28.326-.625.578-1.036.756a3.33 3.33 0 0 1-1.358.266Zm0-.966c.625 0 1.129-.187 1.512-.56.383-.374.574-.952.574-1.736v-1.036c0-.784-.191-1.363-.574-1.736-.383-.374-.887-.56-1.512-.56s-1.129.186-1.512.56c-.383.373-.574.952-.574 1.736vLine truncated
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="b" width="202.244" height="49.44" x="-84.187" y="287.528" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur result="effect1_foregroundBlur_484_53142" stdDeviation="9"/>
|
||||
</filter>
|
||||
<filter id="c" width="202.594" height="47.928" x="161.463" y="286.639" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur result="effect1_foregroundBlur_484_53142" stdDeviation="9"/>
|
||||
</filter>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h298v430H0z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="298" height="430" viewBox="0 0 298 430" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_484_53142)">
|
||||
<path d="M-78.0754 215C-78.0754 210.582 -74.4937 207 -70.0754 207H133.212C137.63 207 141.212 210.582 141.212 215V261C141.212 265.418 137.63 269 133.212 269H-70.0754C-74.4937 269 -78.0754 265.418 -78.0754 261V215Z" fill="#1C1C1C"/>
|
||||
<path d="M-78.3254 215C-78.3254 210.444 -74.6318 206.75 -70.0754 206.75H133.212C137.768 206.75 141.462 210.444 141.462 215H140.962C140.962 210.72 137.492 207.25 133.212 207.25H-70.0754C-74.3556 207.25 -77.8254 210.72 -77.8254 215H-78.3254ZM141.212 269H-78.0754H141.212ZM-70.0754 269C-74.6318 269 -78.3254 265.306 -78.3254 260.75V215C-78.3254 210.444 -74.6318 206.75 -70.0754 206.75V207.25C-74.3556 207.25 -77.8254 210.72 -77.8254 215V261C-77.8254 265.418 -74.3556 269 -70.0754 269ZM133.212 206.75C137.768 206.75 141.462 210.444 141.462 215V260.75C141.462 265.306 137.768 269 133.212 269C137.492 269 140.962 265.418 140.962 261V215C140.962 210.72 137.492 207.25 133.212 207.25V206.75Z" fill="#2E2E2E"/>
|
||||
<path d="M-63.5423 243L-66.1323 235.776H-64.9983L-63.9623 238.8L-62.8423 242.062H-62.7863L-61.6663 238.8L-60.6303 235.776H-59.5243L-62.1143 243H-63.5423ZM-54.4338 243.168C-54.9378 243.168 -55.3951 243.079 -55.8058 242.902C-56.2071 242.725 -56.5525 242.473 -56.8418 242.146C-57.1218 241.81 -57.3365 241.413 -57.4858 240.956C-57.6351 240.489 -57.7098 239.967 -57.7098 239.388C-57.7098 238.819 -57.6351 238.301 -57.4858 237.834C-57.3365 237.367 -57.1218 236.971 -56.8418 236.644C-56.5525 236.308 -56.2071 236.051 -55.8058 235.874C-55.3951 235.697 -54.9378 235.608 -54.4338 235.608C-53.9298 235.608 -53.4771 235.697 -53.0758 235.874C-52.6651 236.051 -52.3198 236.308 -52.0398 236.644C-51.7505 236.971 -51.5311 237.367 -51.3818 237.834C-51.2325 238.301 -51.1578 238.819 -51.1578 239.388C-51.1578 239.967 -51.2325 240.489 -51.3818 240.956C-51.5311 241.413 -51.7505 241.81 -52.0398 242.146C-52.3198 242.473 -52.6651 242.725 -53.0758 242.902C-53.4771 243.079 -53.9298 243.168 -54.4338 243.168ZM-54.4338 242.202C-53.8085 242.202 -53.3045 242.015 -52.9218 241.642C-52.5391 241.269 -52.3478 240.69 -52.3478 239.906V238.87C-52.3478 238.086 -52.5391 237.507 -52.9218 237.134C-53.3045 236.761 -53.8085 236.574 -54.4338 236.574C-55.0591 236.574 -55.5631 236.761 -55.9458 237.134C-56.3285 237.507 -56.5198 238.086 -56.5198 238.87V239.906C-56.5198 240.69 -56.3285 241.269 -55.9458 241.642C-55.5631 242.015 -55.0591 242.202 -54.4338 242.202ZM-48.8113 244.848H-45.3113V236.728H-48.9373V235.776H-44.1913V244.148C-44.1913 244.633 -44.3219 245.03 -44.5833 245.338C-44.8353 245.646 -45.2366 245.8 -45.7873 245.8H-48.8113V244.848ZM-44.7513 234.18C-45.0779 234.18 -45.3066 234.115 -45.4373 233.984C-45.5679 233.844 -45.6333 233.671 -45.6333 233.466V233.242C-45.6333 233.037 -45.5679 232.869 -45.4373 232.738C-45.3066 232.598 -45.0779 232.528 -44.7513 232.528C-44.4246 232.528 -44.1959 232.598 -44.0653 232.738C-43.9346 232.869 -43.8693 233.037 -43.8693 233.242V233.466C-43.8693 233.671 -43.9346 233.844 -44.0653 233.984C-44.1959 234.115 -44.4246 234.18 -44.7513 234.18ZM-37.1967 234.18C-37.5234 234.18 -37.7521 234.115 -37.8827 233.984C-38.0134 233.844 -38.0787 233.671 -38.0787 233.466V233.242C-38.0787 233.037 -38.0134 232.869 -37.8827 232.738C-37.7521 232.598 -37.5234 232.528 -37.1967 232.528C-36.8701 232.528 -36.6414 232.598 -36.5107 232.738C-36.3801 232.869 -36.3147 233.037 -36.3147 233.242V233.466C-36.3147 233.671 -36.3801 233.844 -36.5107 233.984C-36.6414 234.115 -36.8701 234.18 -37.1967 234.18ZM-40.3607 242.048H-37.7567V236.728H-40.3607V235.776H-36.6367V242.048H-34.2007V243H-40.3607V242.048ZM-32.5962 243L-29.9082 239.332L-32.5262 235.776H-31.1822L-30.0902 237.302L-29.2222 238.506H-29.1662L-28.3262 237.302L-27.2482 235.776H-25.9602L-28.6062 239.318L-25.8902 243H-27.2342L-28.4522 241.306L-29.2782 240.158H-29.3342L-30.1322 241.306L-31.3082 243H-32.5962ZM-20.8557 243.168C-21.3597 243.168 -21.817 243.079 -22.2277 242.902C-22.629 242.725 -22.9743 242.473 -23.2637 242.146C-23.5437 241.81 -23.7583 241.413 -23.9077 240.956C-24.057 240.489 -24.1317 239.967 -24.1317 239.388C-24.1317 238.819 -24.057 238.301 -23.9077 237.834C-23.7583 237.367 -23.5437 236.971 -23.2637 236.644C-22.9743 236.308 -22.629 236.051 -22.2277 235.874C-21.817 235.697 -21.3597 235.608 -20.8557 235.608C-20.3517 235.608 -19.899 235.697 -19.4977 235.874C-19.087 236.051 -18.7417 236.308 -18.4617 236.644C-18.1723 236.971 -17.953 237.367 -17.8037 237.834C-17.6543 238.301 -17.5797 238.819 -17.5797 239.388C-17.5797 239.967 -17.6543 240.489 -17.8037 240.956C-17.953 241.413 -18.1723 241.81 -18.4617 242.146C-18.7417 242.473 -19.087 242.725 -19.4977 242.902C-19.899 243.079 -20.3517 243.168 -20.8557 243.168ZM-20.8557 242.202C-20.2303 242.202 -19.7263 242.015 -19.3437 241.642C-18.961 241.269 -18.7697 240.69 -18.7697 239.906V238.87C-18.7697 238.086 -18.961 237.507 -19.3437 237.134C-19.7263 236.761 -20.2303 236.574 -20.8557 236.574C-21.481 236.574 -21.985 236.761 -22.3677 237.134C-22.7503 237.507 -22.9417 238.086 -22.9417 238.87V239.906C-22.9417 240.69 -22.7503 241.269 -22.3677 241.642C-21.985 242.015 -21.481 242.202 -20.8557 242.202ZM-12.4611 243.168C-13.0305 243.168 -13.5298 243.098 -13.9591 242.958C-14.3885 242.809 -14.7478 242.608 -15.0371 242.356C-15.3171 242.104 -15.5318 241.805 -15.6811 241.46C-15.8211 241.115 -15.8911 240.741 -15.8911 240.34C-15.8911 239.668 -15.7091 239.136 -15.3451 238.744C-14.9811 238.352 -14.5005 238.077 -13.9031 237.918V237.806C-14.4258 237.629 -14.8411 237.344 -15.1491 236.952C-15.4478 236.551 -15.5971 236.07 -15.5971 235.51C-15.5971 234.763 -15.3218 234.171 -14.7711 233.732C-14.2205 233.284 -13.4505 233.06 -12.4611 233.06C-11.4718 233.06 -10.7018 233.284 -10.1511 233.732C-9.60047 234.171 -9.32513 234.763 -9.32513 235.51C-9.32513 236.07 -9.47913 236.551 -9.78713 236.952C-10.0858 237.344 -10.4965 237.629 -11.0191 237.806V237.918C-10.4218 238.077 -9.94113 238.352 -9.57713 238.744C-9.21313 239.136 -9.03113 239.668 -9.03113 240.34C-9.03113 240.741 -9.1058 241.115 -9.25513 241.46C-9.39513 241.Line truncated
|
||||
<path d="M-78.0754 288C-78.0754 283.582 -74.4937 280 -70.0754 280H133.212C137.63 280 141.212 283.582 141.212 288V334C141.212 338.418 137.63 342 133.212 342H-70.0754C-74.4937 342 -78.0754 338.418 -78.0754 334V288Z" fill="#1C1C1C"/>
|
||||
<path d="M-78.3254 288C-78.3254 283.444 -74.6318 279.75 -70.0754 279.75H133.212C137.768 279.75 141.462 283.444 141.462 288H140.962C140.962 283.72 137.492 280.25 133.212 280.25H-70.0754C-74.3556 280.25 -77.8254 283.72 -77.8254 288H-78.3254ZM141.212 342H-78.0754H141.212ZM-70.0754 342C-74.6318 342 -78.3254 338.306 -78.3254 333.75V288C-78.3254 283.444 -74.6318 279.75 -70.0754 279.75V280.25C-74.3556 280.25 -77.8254 283.72 -77.8254 288V334C-77.8254 338.418 -74.3556 342 -70.0754 342ZM133.212 279.75C137.768 279.75 141.462 283.444 141.462 288V333.75C141.462 338.306 137.768 342 133.212 342C137.492 342 140.962 338.418 140.962 334V288C140.962 283.72 137.492 280.25 133.212 280.25V279.75Z" fill="#2E2E2E"/>
|
||||
<path d="M-78.0754 361C-78.0754 356.582 -74.4937 353 -70.0754 353H133.212C137.63 353 141.212 356.582 141.212 361V407C141.212 411.418 137.63 415 133.212 415H-70.0754C-74.4937 415 -78.0754 411.418 -78.0754 407V361Z" fill="#1C1C1C"/>
|
||||
<path d="M-78.3254 361C-78.3254 356.444 -74.6318 352.75 -70.0754 352.75H133.212C137.768 352.75 141.462 356.444 141.462 361H140.962C140.962 356.72 137.492 353.25 133.212 353.25H-70.0754C-74.3556 353.25 -77.8254 356.72 -77.8254 361H-78.3254ZM141.212 415H-78.0754H141.212ZM-70.0754 415C-74.6318 415 -78.3254 411.306 -78.3254 406.75V361C-78.3254 356.444 -74.6318 352.75 -70.0754 352.75V353.25C-74.3556 353.25 -77.8254 356.72 -77.8254 361V407C-77.8254 411.418 -74.3556 415 -70.0754 415ZM133.212 352.75C137.768 352.75 141.462 356.444 141.462 361V406.75C141.462 411.306 137.768 415 133.212 415C137.492 415 140.962 411.418 140.962 407V361C140.962 356.72 137.492 353.25 133.212 353.25V352.75Z" fill="#2E2E2E"/>
|
||||
<path d="M-63.2396 389L-65.8296 381.776H-64.6956L-63.6596 384.8L-62.5396 388.062H-62.4836L-61.3636 384.8L-60.3276 381.776H-59.2216L-61.8116 389H-63.2396ZM-54.1311 389.168C-54.6351 389.168 -55.0924 389.079 -55.5031 388.902C-55.9044 388.725 -56.2497 388.473 -56.5391 388.146C-56.8191 387.81 -57.0337 387.413 -57.1831 386.956C-57.3324 386.489 -57.4071 385.967 -57.4071 385.388C-57.4071 384.819 -57.3324 384.301 -57.1831 383.834C-57.0337 383.367 -56.8191 382.971 -56.5391 382.644C-56.2497 382.308 -55.9044 382.051 -55.5031 381.874C-55.0924 381.697 -54.6351 381.608 -54.1311 381.608C-53.6271 381.608 -53.1744 381.697 -52.7731 381.874C-52.3624 382.051 -52.0171 382.308 -51.7371 382.644C-51.4477 382.971 -51.2284 383.367 -51.0791 383.834C-50.9297 384.301 -50.8551 384.819 -50.8551 385.388C-50.8551 385.967 -50.9297 386.489 -51.0791 386.956C-51.2284 387.413 -51.4477 387.81 -51.7371 388.146C-52.0171 388.473 -52.3624 388.725 -52.7731 388.902C-53.1744 389.079 -53.6271 389.168 -54.1311 389.168ZM-54.1311 388.202C-53.5057 388.202 -53.0017 388.015 -52.6191 387.642C-52.2364 387.269 -52.0451 386.69 -52.0451 385.906V384.87C-52.0451 384.086 -52.2364 383.507 -52.6191 383.134C-53.0017 382.761 -53.5057 382.574 -54.1311 382.574C-54.7564 382.574 -55.2604 382.761 -55.6431 383.134C-56.0257 383.507 -56.2171 384.086 -56.2171 384.87V385.906C-56.2171 386.69 -56.0257 387.269 -55.6431 387.642C-55.2604 388.015 -54.7564 388.202 -54.1311 388.202ZM-48.5085 390.848H-45.0085V382.728H-48.6345V381.776H-43.8885V390.148C-43.8885 390.633 -44.0192 391.03 -44.2805 391.338C-44.5325 391.646 -44.9339 391.8 -45.4845 391.8H-48.5085V390.848ZM-44.4485 380.18C-44.7752 380.18 -45.0039 380.115 -45.1345 379.984C-45.2652 379.844 -45.3305 379.671 -45.3305 379.466V379.242C-45.3305 379.037 -45.2652 378.869 -45.1345 378.738C-45.0039 378.598 -44.7752 378.528 -44.4485 378.528C-44.1219 378.528 -43.8932 378.598 -43.7625 378.738C-43.6319 378.869 -43.5665 379.037 -43.5665 379.242V379.466C-43.5665 379.671 -43.6319 379.844 -43.7625 379.984C-43.8932 380.115 -44.1219 380.18 -44.4485 380.18ZM-36.894 380.18C-37.2207 380.18 -37.4493 380.115 -37.58 379.984C-37.7107 379.844 -37.776 379.671 -37.776 379.466V379.242C-37.776 379.037 -37.7107 378.869 -37.58 378.738C-37.4493 378.598 -37.2207 378.528 -36.894 378.528C-36.5673 378.528 -36.3387 378.598 -36.208 378.738C-36.0773 378.869 -36.012 379.037 -36.012 379.242V379.466C-36.012 379.671 -36.0773 379.844 -36.208 379.984C-36.3387 380.115 -36.5673 380.18 -36.894 380.18ZM-40.058 388.048H-37.454V382.728H-40.058V381.776H-36.334V388.048H-33.898V389H-40.058V388.048ZM-32.2935 389L-29.6055 385.332L-32.2235 381.776H-30.8795L-29.7875 383.302L-28.9195 384.506H-28.8635L-28.0235 383.302L-26.9455 381.776H-25.6575L-28.3035 385.318L-25.5875 389H-26.9315L-28.1495 387.306L-28.9755 386.158H-29.0315L-29.8295 387.306L-31.0055 389H-32.2935ZM-17.2349 389H-23.7589V387.796L-20.4969 384.856C-20.0209 384.427 -19.6289 383.988 -19.3209 383.54C-19.0129 383.083 -18.8589 382.602 -18.8589 382.098V381.93C-18.8589 381.342 -19.0129 380.889 -19.3209 380.572C-19.6289 380.245 -20.0863 380.082 -20.6929 380.082C-21.2903 380.082 -21.7523 380.236 -22.0789 380.544C-22.3963 380.843 -22.6343 381.244 -22.7929 381.748L-23.8429 381.356C-23.7496 381.067 -23.6236 380.787 -23.4649 380.516C-23.2969 380.236 -23.0869 379.989 -22.8349 379.774C-22.5829 379.559 -22.2796 379.387 -21.9249 379.256C-21.5609 379.125 -21.1409 379.06 -20.6649 379.06C-20.1796 379.06 -19.7503 379.13 -19.3769 379.27C-18.9943 379.41 -18.6769 379.606 -18.4249 379.858C-18.1636 380.11 -17.9676 380.409 -17.8369 380.754C-17.6969 381.099 -17.6269 381.477 -17.6269 381.888C-17.6269 382.261 -17.6829 382.611 -17.7949 382.938C-17.8976 383.265 -18.0469 383.577 -18.2429 383.876C-18.4296 384.175 -18.6583 384.469 -18.9289 384.758C-19.1903 385.038 -19.4843 385.318 -19.8109 385.598L-22.5409 387.978H-17.2349V389ZM-12.5784 383.372C-11.8971 383.372 -11.3884 383.223 -11.0524 382.924C-10.7071 382.616 -10.5344 382.224 -10.5344 381.748V381.65C-10.5344 381.127 -10.7024 380.735 -11.0384 380.474C-11.3651 380.213 -11.7944 380.082 -12.3264 380.082C-12.8491 380.082 -13.2737 380.199 -13.6004 380.432C-13.9177 380.656 -14.1791 380.955 -14.3844 381.328L-15.2664 380.656C-15.1451 380.46 -14.9957 380.269 -14.8184 380.082C-14.6411 379.886 -14.4357 379.713 -14.2024 379.564C-13.9597 379.415 -13.6844 379.293 -13.3764 379.2C-13.0591 379.107 -12.6997 379.06 -12.2984 379.06C-11.8784 379.06 -11.4864 379.116 -11.1224 379.228C-10.7584 379.331 -10.4411 379.489 -10.1704 379.704C-9.89973 379.909 -9.68973 380.166 -9.5404 380.474C-9.38173 380.782 -9.3024 381.132 -9.3024 381.524C-9.3024 381.841 -9.35373 382.126 -9.4564 382.378C-9.54973 382.63 -9.68506 382.849 -9.8624 383.036C-10.0304 383.223 -10.2311 383.381 -10.4644 383.512C-10.6977 383.643 -10.9451 383.741 -11.2064 383.806V383.862C-10.9357 383.918 -10.6744 384.011 -10.4224 384.142C-10.1704 384.263 -9.9464 384.427 -9.7504 384.632C-9.5544 384.828 -9.4004 385.071 -9.2884 385.36C-9.16707 385.64 -9.1064 385.962 -9.1064 386.326C-9.1064 386.7Line truncated
|
||||
<path d="M150.721 215C150.721 210.582 154.302 207 158.721 207H366.653C371.072 207 374.653 210.582 374.653 215V261C374.653 265.418 371.072 269 366.653 269H158.721C154.302 269 150.721 265.418 150.721 261V215Z" fill="#1C1C1C"/>
|
||||
<path d="M150.471 215C150.471 210.444 154.164 206.75 158.721 206.75H366.653C371.21 206.75 374.903 210.444 374.903 215H374.403C374.403 210.72 370.934 207.25 366.653 207.25H158.721C154.44 207.25 150.971 210.72 150.971 215H150.471ZM374.653 269H150.721H374.653ZM158.721 269C154.164 269 150.471 265.306 150.471 260.75V215C150.471 210.444 154.164 206.75 158.721 206.75V207.25C154.44 207.25 150.971 210.72 150.971 215V261C150.971 265.418 154.44 269 158.721 269ZM366.653 206.75C371.21 206.75 374.903 210.444 374.903 215V260.75C374.903 265.306 371.21 269 366.653 269C370.934 269 374.403 265.418 374.403 261V215C374.403 210.72 370.934 207.25 366.653 207.25V206.75Z" fill="#2E2E2E"/>
|
||||
<path d="M185.875 243C185.436 243 185.123 242.888 184.937 242.664C184.75 242.44 184.633 242.16 184.587 241.824H184.517C184.358 242.244 184.101 242.575 183.747 242.818C183.401 243.051 182.935 243.168 182.347 243.168C181.591 243.168 180.989 242.972 180.541 242.58C180.093 242.188 179.869 241.651 179.869 240.97C179.869 240.298 180.111 239.78 180.597 239.416C181.091 239.052 181.885 238.87 182.977 238.87H184.517V238.156C184.517 237.624 184.367 237.227 184.069 236.966C183.77 236.695 183.345 236.56 182.795 236.56C182.309 236.56 181.913 236.658 181.605 236.854C181.297 237.041 181.049 237.297 180.863 237.624L180.107 237.064C180.2 236.877 180.326 236.695 180.485 236.518C180.643 236.341 180.839 236.187 181.073 236.056C181.306 235.916 181.572 235.809 181.871 235.734C182.169 235.65 182.501 235.608 182.865 235.608C183.714 235.608 184.386 235.823 184.881 236.252C185.385 236.681 185.637 237.279 185.637 238.044V242.02H186.645V243H185.875ZM182.543 242.23C182.832 242.23 183.093 242.197 183.327 242.132C183.569 242.057 183.779 241.964 183.957 241.852C184.134 241.731 184.269 241.591 184.363 241.432C184.465 241.264 184.517 241.087 184.517 240.9V239.71H182.977C182.305 239.71 181.815 239.803 181.507 239.99C181.199 240.177 181.045 240.447 181.045 240.802V241.096C181.045 241.469 181.175 241.754 181.437 241.95C181.707 242.137 182.076 242.23 182.543 242.23ZM188.459 242.048H190.979V233.592H188.459V232.64H192.099V242.048H194.619V243H188.459V242.048ZM200.06 243.168C199.537 243.168 199.066 243.079 198.646 242.902C198.235 242.725 197.88 242.473 197.582 242.146C197.292 241.81 197.068 241.413 196.91 240.956C196.751 240.489 196.672 239.971 196.672 239.402C196.672 238.823 196.751 238.301 196.91 237.834C197.078 237.367 197.306 236.971 197.596 236.644C197.885 236.308 198.23 236.051 198.632 235.874C199.042 235.697 199.495 235.608 199.99 235.608C200.475 235.608 200.914 235.697 201.306 235.874C201.707 236.051 202.048 236.299 202.328 236.616C202.608 236.924 202.822 237.293 202.972 237.722C203.121 238.151 203.196 238.623 203.196 239.136V239.668H197.848V240.004C197.848 240.321 197.899 240.615 198.002 240.886C198.104 241.157 198.249 241.39 198.436 241.586C198.632 241.782 198.865 241.936 199.136 242.048C199.416 242.151 199.724 242.202 200.06 242.202C200.545 242.202 200.965 242.09 201.32 241.866C201.674 241.642 201.945 241.334 202.132 240.942L202.958 241.502C202.743 241.987 202.384 242.389 201.88 242.706C201.385 243.014 200.778 243.168 200.06 243.168ZM199.99 236.532C199.682 236.532 199.397 236.588 199.136 236.7C198.874 236.812 198.646 236.966 198.45 237.162C198.263 237.358 198.114 237.591 198.002 237.862C197.899 238.123 197.848 238.413 197.848 238.73V238.828H201.992V238.674C201.992 238.357 201.94 238.067 201.838 237.806C201.744 237.545 201.609 237.321 201.432 237.134C201.264 236.938 201.054 236.789 200.802 236.686C200.559 236.583 200.288 236.532 199.99 236.532ZM204.982 243L207.67 239.332L205.052 235.776H206.396L207.488 237.302L208.356 238.506H208.412L209.252 237.302L210.33 235.776H211.618L208.972 239.318L211.688 243H210.344L209.126 241.306L208.3 240.158H208.244L207.446 241.306L206.27 243H204.982ZM213.713 243V241.978H216.513V234.096H216.415L213.951 236.392L213.265 235.65L215.855 233.228H217.689V241.978H220.265V243H213.713ZM225.131 243.168C224.618 243.168 224.156 243.084 223.745 242.916C223.335 242.739 222.985 242.491 222.695 242.174C222.415 241.847 222.196 241.451 222.037 240.984C221.888 240.517 221.813 239.995 221.813 239.416C221.813 238.688 221.921 238.007 222.135 237.372C222.359 236.728 222.639 236.145 222.975 235.622C223.321 235.09 223.703 234.623 224.123 234.222C224.543 233.811 224.954 233.48 225.355 233.228H226.867C226.335 233.611 225.859 233.984 225.439 234.348C225.029 234.712 224.665 235.095 224.347 235.496C224.03 235.888 223.764 236.313 223.549 236.77C223.335 237.218 223.157 237.727 223.017 238.296L223.087 238.324C223.321 237.923 223.629 237.591 224.011 237.33C224.394 237.059 224.889 236.924 225.495 236.924C225.925 236.924 226.317 236.994 226.671 237.134C227.026 237.274 227.334 237.475 227.595 237.736C227.857 237.997 228.057 238.315 228.197 238.688C228.347 239.061 228.421 239.477 228.421 239.934C228.421 240.41 228.342 240.849 228.183 241.25C228.025 241.642 227.801 241.983 227.511 242.272C227.231 242.552 226.886 242.771 226.475 242.93C226.074 243.089 225.626 243.168 225.131 243.168ZM225.117 242.174C225.789 242.174 226.307 241.992 226.671 241.628C227.045 241.264 227.231 240.751 227.231 240.088V239.976C227.231 239.313 227.045 238.8 226.671 238.436C226.307 238.072 225.789 237.89 225.117 237.89C224.445 237.89 223.923 238.072 223.549 238.436C223.185 238.8 223.003 239.313 223.003 239.976V240.088C223.003 240.751 223.185 241.264 223.549 241.628C223.923 241.992 224.445 242.174 225.117 242.174ZM233.512 243.168C232.914 243.168 232.401 243.056 231.972 242.832C231.542 242.599 231.188 242.267 230.908 241.838C230.628 241.409 230.422 240.881 230.292 240.256C230.161 239.631 230.096 238.917 230.096 238.114C230.096 237.321 230.161 236.611 230.292 235.986C230.422 235.Line truncated
|
||||
<path d="M150.721 288C150.721 283.582 154.302 280 158.721 280H366.653C371.072 280 374.653 283.582 374.653 288V334C374.653 338.418 371.072 342 366.653 342H158.721C154.302 342 150.721 338.418 150.721 334V288Z" fill="#1C1C1C"/>
|
||||
<path d="M150.471 288C150.471 283.444 154.164 279.75 158.721 279.75H366.653C371.21 279.75 374.903 283.444 374.903 288H374.403C374.403 283.72 370.934 280.25 366.653 280.25H158.721C154.44 280.25 150.971 283.72 150.971 288H150.471ZM374.653 342H150.721H374.653ZM158.721 342C154.164 342 150.471 338.306 150.471 333.75V288C150.471 283.444 154.164 279.75 158.721 279.75V280.25C154.44 280.25 150.971 283.72 150.971 288V334C150.971 338.418 154.44 342 158.721 342ZM366.653 279.75C371.21 279.75 374.903 283.444 374.903 288V333.75C374.903 338.306 371.21 342 366.653 342C370.934 342 374.403 338.418 374.403 334V288C374.403 283.72 370.934 280.25 366.653 280.25V279.75Z" fill="#2E2E2E"/>
|
||||
<path d="M150.721 361C150.721 356.582 154.302 353 158.721 353H366.653C371.072 353 374.653 356.582 374.653 361V407C374.653 411.418 371.072 415 366.653 415H158.721C154.302 415 150.721 411.418 150.721 407V361Z" fill="#1C1C1C"/>
|
||||
<path d="M150.471 361C150.471 356.444 154.164 352.75 158.721 352.75H366.653C371.21 352.75 374.903 356.444 374.903 361H374.403C374.403 356.72 370.934 353.25 366.653 353.25H158.721C154.44 353.25 150.971 356.72 150.971 361H150.471ZM374.653 415H150.721H374.653ZM158.721 415C154.164 415 150.471 411.306 150.471 406.75V361C150.471 356.444 154.164 352.75 158.721 352.75V353.25C154.44 353.25 150.971 356.72 150.971 361V407C150.971 411.418 154.44 415 158.721 415ZM366.653 352.75C371.21 352.75 374.903 356.444 374.903 361V406.75C374.903 411.306 371.21 415 366.653 415C370.934 415 374.403 411.418 374.403 407V361C374.403 356.72 370.934 353.25 366.653 353.25V352.75Z" fill="#2E2E2E"/>
|
||||
<path d="M179.673 388.691V381.467H180.709V382.307H180.765C180.877 382.027 181.036 381.789 181.241 381.593C181.447 381.397 181.75 381.299 182.151 381.299C182.571 381.299 182.884 381.407 183.089 381.621C183.295 381.827 183.421 382.097 183.467 382.433H183.509C183.64 382.107 183.827 381.836 184.069 381.621C184.312 381.407 184.648 381.299 185.077 381.299C185.665 381.299 186.057 381.505 186.253 381.915C186.459 382.326 186.561 382.914 186.561 383.679V388.691H185.525V383.861C185.525 383.245 185.46 382.821 185.329 382.587C185.208 382.345 184.979 382.223 184.643 382.223C184.345 382.223 184.102 382.321 183.915 382.517C183.729 382.704 183.635 382.993 183.635 383.385V388.691H182.599V383.861C182.599 383.245 182.534 382.821 182.403 382.587C182.282 382.345 182.058 382.223 181.731 382.223C181.433 382.223 181.185 382.321 180.989 382.517C180.803 382.704 180.709 382.993 180.709 383.385V388.691H179.673ZM191.638 388.859C191.115 388.859 190.644 388.771 190.224 388.593C189.813 388.416 189.458 388.164 189.16 387.837C188.87 387.501 188.646 387.105 188.488 386.647C188.329 386.181 188.25 385.663 188.25 385.093C188.25 384.515 188.329 383.992 188.488 383.525C188.656 383.059 188.884 382.662 189.174 382.335C189.463 381.999 189.808 381.743 190.21 381.565C190.62 381.388 191.073 381.299 191.568 381.299C192.053 381.299 192.492 381.388 192.884 381.565C193.285 381.743 193.626 381.99 193.906 382.307C194.186 382.615 194.4 382.984 194.55 383.413C194.699 383.843 194.774 384.314 194.774 384.827V385.359H189.426V385.695C189.426 386.013 189.477 386.307 189.58 386.577C189.682 386.848 189.827 387.081 190.014 387.277C190.21 387.473 190.443 387.627 190.714 387.739C190.994 387.842 191.302 387.893 191.638 387.893C192.123 387.893 192.543 387.781 192.898 387.557C193.252 387.333 193.523 387.025 193.71 386.633L194.536 387.193C194.321 387.679 193.962 388.08 193.458 388.397C192.963 388.705 192.356 388.859 191.638 388.859ZM191.568 382.223C191.26 382.223 190.975 382.279 190.714 382.391C190.452 382.503 190.224 382.657 190.028 382.853C189.841 383.049 189.692 383.283 189.58 383.553C189.477 383.815 189.426 384.104 189.426 384.421V384.519H193.57V384.365C193.57 384.048 193.518 383.759 193.416 383.497C193.322 383.236 193.187 383.012 193.01 382.825C192.842 382.629 192.632 382.48 192.38 382.377C192.137 382.275 191.866 382.223 191.568 382.223ZM196.462 388.691V381.467H197.498V382.307H197.554C197.666 382.027 197.825 381.789 198.03 381.593C198.236 381.397 198.539 381.299 198.94 381.299C199.36 381.299 199.673 381.407 199.878 381.621C200.084 381.827 200.21 382.097 200.256 382.433H200.298C200.429 382.107 200.616 381.836 200.858 381.621C201.101 381.407 201.437 381.299 201.866 381.299C202.454 381.299 202.846 381.505 203.042 381.915C203.248 382.326 203.35 382.914 203.35 383.679V388.691H202.314V383.861C202.314 383.245 202.249 382.821 202.118 382.587C201.997 382.345 201.768 382.223 201.432 382.223C201.134 382.223 200.891 382.321 200.704 382.517C200.518 382.704 200.424 382.993 200.424 383.385V388.691H199.388V383.861C199.388 383.245 199.323 382.821 199.192 382.587C199.071 382.345 198.847 382.223 198.52 382.223C198.222 382.223 197.974 382.321 197.778 382.517C197.592 382.704 197.498 382.993 197.498 383.385V388.691H196.462ZM208.427 388.859C207.904 388.859 207.433 388.771 207.013 388.593C206.602 388.416 206.247 388.164 205.949 387.837C205.659 387.501 205.435 387.105 205.277 386.647C205.118 386.181 205.039 385.663 205.039 385.093C205.039 384.515 205.118 383.992 205.277 383.525C205.445 383.059 205.673 382.662 205.963 382.335C206.252 381.999 206.597 381.743 206.999 381.565C207.409 381.388 207.862 381.299 208.357 381.299C208.842 381.299 209.281 381.388 209.673 381.565C210.074 381.743 210.415 381.99 210.695 382.307C210.975 382.615 211.189 382.984 211.339 383.413C211.488 383.843 211.563 384.314 211.563 384.827V385.359H206.215V385.695C206.215 386.013 206.266 386.307 206.369 386.577C206.471 386.848 206.616 387.081 206.803 387.277C206.999 387.473 207.232 387.627 207.503 387.739C207.783 387.842 208.091 387.893 208.427 387.893C208.912 387.893 209.332 387.781 209.687 387.557C210.041 387.333 210.312 387.025 210.499 386.633L211.325 387.193C211.11 387.679 210.751 388.08 210.247 388.397C209.752 388.705 209.145 388.859 208.427 388.859ZM208.357 382.223C208.049 382.223 207.764 382.279 207.503 382.391C207.241 382.503 207.013 382.657 206.817 382.853C206.63 383.049 206.481 383.283 206.369 383.553C206.266 383.815 206.215 384.104 206.215 384.421V384.519H210.359V384.365C210.359 384.048 210.307 383.759 210.205 383.497C210.111 383.236 209.976 383.012 209.799 382.825C209.631 382.629 209.421 382.48 209.169 382.377C208.926 382.275 208.655 382.223 208.357 382.223ZM213.251 388.691V381.467H214.287V382.307H214.343C214.455 382.027 214.614 381.789 214.819 381.593C215.025 381.397 215.328 381.299 215.729 381.299C216.149 381.299 216.462 381.407 216.667 381.621C216.873 381.827 216.999 382.097 217.045 382.433H217.087C217.218 382.107 217.405 381.836 217.647 381.621C217.89 381.407 218.226 381.299 218.655 381.299C219.243 381.299 219.6Line truncated
|
||||
<g filter="url(#filter0_f_484_53142)">
|
||||
<path d="M-63.5968 316L-66.1868 308.776H-65.0528L-64.0168 311.8L-62.8968 315.062H-62.8408L-61.7208 311.8L-60.6848 308.776H-59.5788L-62.1688 316H-63.5968ZM-54.4882 316.168C-54.9922 316.168 -55.4496 316.079 -55.8602 315.902C-56.2616 315.724 -56.6069 315.472 -56.8962 315.146C-57.1762 314.81 -57.3909 314.413 -57.5402 313.956C-57.6896 313.489 -57.7642 312.966 -57.7642 312.388C-57.7642 311.818 -57.6896 311.3 -57.5402 310.834C-57.3909 310.367 -57.1762 309.97 -56.8962 309.644C-56.6069 309.308 -56.2616 309.051 -55.8602 308.874C-55.4496 308.696 -54.9922 308.608 -54.4882 308.608C-53.9842 308.608 -53.5316 308.696 -53.1302 308.874C-52.7196 309.051 -52.3742 309.308 -52.0942 309.644C-51.8049 309.97 -51.5856 310.367 -51.4362 310.834C-51.2869 311.3 -51.2122 311.818 -51.2122 312.388C-51.2122 312.966 -51.2869 313.489 -51.4362 313.956C-51.5856 314.413 -51.8049 314.81 -52.0942 315.146C-52.3742 315.472 -52.7196 315.724 -53.1302 315.902C-53.5316 316.079 -53.9842 316.168 -54.4882 316.168ZM-54.4882 315.202C-53.8629 315.202 -53.3589 315.015 -52.9762 314.642C-52.5936 314.268 -52.4022 313.69 -52.4022 312.906V311.87C-52.4022 311.086 -52.5936 310.507 -52.9762 310.134C-53.3589 309.76 -53.8629 309.574 -54.4882 309.574C-55.1136 309.574 -55.6176 309.76 -56.0002 310.134C-56.3829 310.507 -56.5742 311.086 -56.5742 311.87V312.906C-56.5742 313.69 -56.3829 314.268 -56.0002 314.642C-55.6176 315.015 -55.1136 315.202 -54.4882 315.202ZM-48.8657 317.848H-45.3657V309.728H-48.9917V308.776H-44.2457V317.148C-44.2457 317.633 -44.3764 318.03 -44.6377 318.338C-44.8897 318.646 -45.291 318.8 -45.8417 318.8H-48.8657V317.848ZM-44.8057 307.18C-45.1324 307.18 -45.361 307.114 -45.4917 306.984C-45.6224 306.844 -45.6877 306.671 -45.6877 306.466V306.242C-45.6877 306.036 -45.6224 305.868 -45.4917 305.738C-45.361 305.598 -45.1324 305.528 -44.8057 305.528C-44.479 305.528 -44.2504 305.598 -44.1197 305.738C-43.989 305.868 -43.9237 306.036 -43.9237 306.242V306.466C-43.9237 306.671 -43.989 306.844 -44.1197 306.984C-44.2504 307.114 -44.479 307.18 -44.8057 307.18ZM-40.4712 317.848H-36.9712V309.728H-40.5972V308.776H-35.8512V317.148C-35.8512 317.633 -35.9818 318.03 -36.2432 318.338C-36.4952 318.646 -36.8965 318.8 -37.4472 318.8H-40.4712V317.848ZM-36.4112 307.18C-36.7378 307.18 -36.9665 307.114 -37.0972 306.984C-37.2278 306.844 -37.2932 306.671 -37.2932 306.466V306.242C-37.2932 306.036 -37.2278 305.868 -37.0972 305.738C-36.9665 305.598 -36.7378 305.528 -36.4112 305.528C-36.0845 305.528 -35.8558 305.598 -35.7252 305.738C-35.5945 305.868 -35.5292 306.036 -35.5292 306.242V306.466C-35.5292 306.671 -35.5945 306.844 -35.7252 306.984C-35.8558 307.114 -36.0845 307.18 -36.4112 307.18ZM-32.1746 305.64H-31.0546V309.952H-30.9986C-30.532 309.056 -29.79 308.608 -28.7726 308.608C-27.886 308.608 -27.1953 308.939 -26.7006 309.602C-26.1966 310.264 -25.9446 311.193 -25.9446 312.388C-25.9446 313.582 -26.1966 314.511 -26.7006 315.174C-27.1953 315.836 -27.886 316.168 -28.7726 316.168C-29.79 316.168 -30.532 315.72 -30.9986 314.824H-31.0546V316H-32.1746V305.64ZM-29.2066 315.174C-28.5533 315.174 -28.0493 314.978 -27.6946 314.586C-27.3306 314.184 -27.1486 313.657 -27.1486 313.004V311.772C-27.1486 311.118 -27.3306 310.596 -27.6946 310.204C-28.0493 309.802 -28.5533 309.602 -29.2066 309.602C-29.4586 309.602 -29.6966 309.634 -29.9206 309.7C-30.1446 309.765 -30.3406 309.863 -30.5086 309.994C-30.6766 310.115 -30.812 310.269 -30.9146 310.456C-31.008 310.633 -31.0546 310.843 -31.0546 311.086V313.69C-31.0546 313.932 -31.008 314.147 -30.9146 314.334C-30.812 314.511 -30.6766 314.665 -30.5086 314.796C-30.3406 314.917 -30.1446 315.01 -29.9206 315.076C-29.6966 315.141 -29.4586 315.174 -29.2066 315.174ZM-18.0961 307.25H-22.4641L-22.7441 310.988H-22.6461C-22.4034 310.661 -22.1328 310.404 -21.8341 310.218C-21.5354 310.022 -21.1248 309.924 -20.6021 309.924C-20.1728 309.924 -19.7808 309.994 -19.4261 310.134C-19.0621 310.264 -18.7494 310.46 -18.4881 310.722C-18.2268 310.983 -18.0214 311.3 -17.8721 311.674C-17.7228 312.038 -17.6481 312.458 -17.6481 312.934C-17.6481 313.41 -17.7228 313.848 -17.8721 314.25C-18.0214 314.642 -18.2408 314.982 -18.5301 315.272C-18.8194 315.552 -19.1694 315.771 -19.5801 315.93C-19.9908 316.088 -20.4574 316.168 -20.9801 316.168C-21.3908 316.168 -21.7594 316.121 -22.0861 316.028C-22.4034 315.934 -22.6881 315.808 -22.9401 315.65C-23.1828 315.491 -23.3974 315.314 -23.5841 315.118C-23.7708 314.922 -23.9388 314.716 -24.0881 314.502L-23.2061 313.83C-23.0754 314.026 -22.9448 314.203 -22.8141 314.362C-22.6741 314.52 -22.5154 314.66 -22.3381 314.782C-22.1608 314.894 -21.9601 314.982 -21.7361 315.048C-21.5121 315.113 -21.2508 315.146 -20.9521 315.146C-20.2801 315.146 -19.7668 314.964 -19.4121 314.6C-19.0481 314.236 -18.8661 313.732 -18.8661 313.088V312.976C-18.8661 312.332 -19.0481 311.828 -19.4121 311.464C-19.7761 311.1 -20.2988 310.918 -20.9801 310.918C-21.4468 310.918 -21.8108 310.997 -22.0721 311.156C-22.3241 311.314 -22.5574 311.51 -22.7721 311.744L-23.7661 311.604L-23.4161 306.228H-18.0961V307.25ZM-14.2Line truncated
|
||||
</g>
|
||||
<g filter="url(#filter1_f_484_53142)">
|
||||
<path d="M183.467 315C182.917 315 182.511 314.846 182.249 314.538C181.997 314.23 181.871 313.833 181.871 313.348V308.728H179.463V307.776H181.255C181.498 307.776 181.666 307.729 181.759 307.636C181.862 307.533 181.913 307.36 181.913 307.118V305.228H182.991V307.776H186.281V308.728H182.991V314.048H186.281V315H183.467ZM191.638 315.168C191.115 315.168 190.644 315.079 190.224 314.902C189.813 314.724 189.458 314.472 189.16 314.146C188.87 313.81 188.646 313.413 188.488 312.956C188.329 312.489 188.25 311.971 188.25 311.402C188.25 310.823 188.329 310.3 188.488 309.834C188.656 309.367 188.884 308.97 189.174 308.644C189.463 308.308 189.808 308.051 190.21 307.874C190.62 307.696 191.073 307.608 191.568 307.608C192.053 307.608 192.492 307.696 192.884 307.874C193.285 308.051 193.626 308.298 193.906 308.616C194.186 308.924 194.4 309.292 194.55 309.722C194.699 310.151 194.774 310.622 194.774 311.136V311.668H189.426V312.004C189.426 312.321 189.477 312.615 189.58 312.886C189.682 313.156 189.827 313.39 190.014 313.586C190.21 313.782 190.443 313.936 190.714 314.048C190.994 314.15 191.302 314.202 191.638 314.202C192.123 314.202 192.543 314.09 192.898 313.866C193.252 313.642 193.523 313.334 193.71 312.942L194.536 313.502C194.321 313.987 193.962 314.388 193.458 314.706C192.963 315.014 192.356 315.168 191.638 315.168ZM191.568 308.532C191.26 308.532 190.975 308.588 190.714 308.7C190.452 308.812 190.224 308.966 190.028 309.162C189.841 309.358 189.692 309.591 189.58 309.862C189.477 310.123 189.426 310.412 189.426 310.73V310.828H193.57V310.674C193.57 310.356 193.518 310.067 193.416 309.806C193.322 309.544 193.187 309.32 193.01 309.134C192.842 308.938 192.632 308.788 192.38 308.686C192.137 308.583 191.866 308.532 191.568 308.532ZM199.192 315L196.602 307.776H197.736L198.772 310.8L199.892 314.062H199.948L201.068 310.8L202.104 307.776H203.21L200.62 315H199.192ZM208.427 315.168C207.904 315.168 207.433 315.079 207.013 314.902C206.602 314.724 206.247 314.472 205.949 314.146C205.659 313.81 205.435 313.413 205.277 312.956C205.118 312.489 205.039 311.971 205.039 311.402C205.039 310.823 205.118 310.3 205.277 309.834C205.445 309.367 205.673 308.97 205.963 308.644C206.252 308.308 206.597 308.051 206.999 307.874C207.409 307.696 207.862 307.608 208.357 307.608C208.842 307.608 209.281 307.696 209.673 307.874C210.074 308.051 210.415 308.298 210.695 308.616C210.975 308.924 211.189 309.292 211.339 309.722C211.488 310.151 211.563 310.622 211.563 311.136V311.668H206.215V312.004C206.215 312.321 206.266 312.615 206.369 312.886C206.471 313.156 206.616 313.39 206.803 313.586C206.999 313.782 207.232 313.936 207.503 314.048C207.783 314.15 208.091 314.202 208.427 314.202C208.912 314.202 209.332 314.09 209.687 313.866C210.041 313.642 210.312 313.334 210.499 312.942L211.325 313.502C211.11 313.987 210.751 314.388 210.247 314.706C209.752 315.014 209.145 315.168 208.427 315.168ZM208.357 308.532C208.049 308.532 207.764 308.588 207.503 308.7C207.241 308.812 207.013 308.966 206.817 309.162C206.63 309.358 206.481 309.591 206.369 309.862C206.266 310.123 206.215 310.412 206.215 310.73V310.828H210.359V310.674C210.359 310.356 210.307 310.067 210.205 309.806C210.111 309.544 209.976 309.32 209.799 309.134C209.631 308.938 209.421 308.788 209.169 308.686C208.926 308.583 208.655 308.532 208.357 308.532ZM213.573 314.048H215.687V308.728H213.573V307.776H216.807V309.596H216.877C217.027 309.026 217.307 308.583 217.717 308.266C218.137 307.939 218.669 307.776 219.313 307.776H220.321V308.896H218.963C218.319 308.896 217.797 309.082 217.395 309.456C217.003 309.829 216.807 310.319 216.807 310.926V314.048H219.607V315H213.573V314.048ZM225.216 315.168C224.693 315.168 224.222 315.079 223.802 314.902C223.391 314.724 223.037 314.472 222.738 314.146C222.449 313.81 222.225 313.413 222.066 312.956C221.907 312.489 221.828 311.971 221.828 311.402C221.828 310.823 221.907 310.3 222.066 309.834C222.234 309.367 222.463 308.97 222.752 308.644C223.041 308.308 223.387 308.051 223.788 307.874C224.199 307.696 224.651 307.608 225.146 307.608C225.631 307.608 226.07 307.696 226.462 307.874C226.863 308.051 227.204 308.298 227.484 308.616C227.764 308.924 227.979 309.292 228.128 309.722C228.277 310.151 228.352 310.622 228.352 311.136V311.668H223.004V312.004C223.004 312.321 223.055 312.615 223.158 312.886C223.261 313.156 223.405 313.39 223.592 313.586C223.788 313.782 224.021 313.936 224.292 314.048C224.572 314.15 224.88 314.202 225.216 314.202C225.701 314.202 226.121 314.09 226.476 313.866C226.831 313.642 227.101 313.334 227.288 312.942L228.114 313.502C227.899 313.987 227.54 314.388 227.036 314.706C226.541 315.014 225.935 315.168 225.216 315.168ZM225.146 308.532C224.838 308.532 224.553 308.588 224.292 308.7C224.031 308.812 223.802 308.966 223.606 309.162C223.419 309.358 223.27 309.591 223.158 309.862C223.055 310.123 223.004 310.412 223.004 310.73V310.828H227.148V310.674C227.148 310.356 227.097 310.067 226.994 309.806C226.901 309.544 226.765 309.32 226.588 309.134C226.42 308.938 226.21 308.788 225.958 308.686C225.715 3Line truncated
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f_484_53142" x="-84.1868" y="287.528" width="202.244" height="49.4399" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="9" result="effect1_foregroundBlur_484_53142"/>
|
||||
</filter>
|
||||
<filter id="filter1_f_484_53142" x="161.463" y="286.639" width="202.594" height="47.9282" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="9" result="effect1_foregroundBlur_484_53142"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_484_53142">
|
||||
<rect width="298" height="430" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 104 KiB |
@@ -1,45 +1,45 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="298" height="431" fill="none">
|
||||
<g clip-path="url(#a)">
|
||||
<g filter="url(#b)">
|
||||
<rect width="307.934" height="248.203" x="13.289" y="205.863" fill="#1C1C1C" rx="12"/>
|
||||
<rect width="307.434" height="247.703" x="13.539" y="206.113" stroke="#2E2E2E" stroke-width=".5" rx="11.75"/>
|
||||
</g>
|
||||
<path fill="#707070" d="M20.495 219.772a6.539 6.539 0 0 1 6.538-6.538h258.462a6.538 6.538 0 0 1 6.538 6.538v109.726a6.538 6.538 0 0 1-6.538 6.538H27.033a6.538 6.538 0 0 1-6.538-6.538V219.772Zm0 132.002a6.539 6.539 0 0 1 6.538-6.538h58.438a6.538 6.538 0 0 1 6.538 6.538v54.751a6.538 6.538 0 0 1-6.538 6.538H27.033a6.539 6.539 0 0 1-6.538-6.538v-54.751Zm80.022 41.993a3.54 3.54 0 0 1 3.54-3.539h181.571a3.54 3.54 0 1 1 0 7.079H104.057a3.54 3.54 0 0 1-3.54-3.54Zm0-44.991a3.54 3.54 0 0 1 3.54-3.54h38.39a3.54 3.54 0 0 1 0 7.08h-38.39a3.54 3.54 0 0 1-3.54-3.54Zm50.363 0a3.54 3.54 0 0 1 3.539-3.54h14.557a3.54 3.54 0 0 1 0 7.08h-14.557a3.54 3.54 0 0 1-3.539-3.54Zm117.734 0a3.54 3.54 0 0 1 3.54-3.54h14.556a3.54 3.54 0 0 1 0 7.08h-14.556a3.54 3.54 0 0 1-3.54-3.54Zm-168.097 60.749a3.54 3.54 0 0 1 3.54-3.54h181.571a3.54 3.54 0 0 1 0 7.079H104.057a3.54 3.54 0 0 1-3.54-3.539Z" opacity=".1"/>
|
||||
<g filter="url(#c)">
|
||||
<circle cx="188.373" cy="188.373" r="188.373" fill="#161616" transform="scale(-1 1) rotate(-11.946 1721.757 2458.493)"/>
|
||||
</g>
|
||||
<path fill="#707070" d="M47.481 247.871c0-13.138 10.652-23.789 23.79-23.789s23.788 10.65 23.788 23.787c0 13.137-10.65 23.787-23.787 23.787h-23.79v-23.785Z"/>
|
||||
<mask id="d" width="44" height="44" x="49" y="226" maskUnits="userSpaceOnUse" style="mask-type:alpha">
|
||||
<rect width="42.33" height="42.33" x="50.104" y="226.705" fill="#D9D9D9" stroke="#232323" stroke-width=".672" rx="21.165"/>
|
||||
</mask>
|
||||
<g mask="url(#d)">
|
||||
<rect width="43.002" height="43.001" x="49.768" y="226.369" fill="#3FCF8E" rx="21.501"/>
|
||||
<path fill="#1C1C1C" d="M60.897 250.359v-.604l1.711-.309v.836c.013.94.54 1.364 1.261 1.364.746 0 1.21-.527 1.21-1.325v-6.305h1.775v6.305c0 1.647-1.197 3.011-2.972 3.011-1.801 0-2.985-1.184-2.985-2.973Zm16.503-.038 1.647-6.305h1.815l-2.522 9.123h-1.828l-2.084-6.498-2.084 6.498H70.49l-2.535-9.123h1.879l1.672 6.279 2.02-6.279h1.84l2.033 6.305Z"/>
|
||||
</g>
|
||||
<rect width="12.499" height="12.499" x="81.144" y="257.745" fill="#3FCF8E" stroke="#161616" stroke-width="1.749" rx="6.25"/>
|
||||
<path fill="#707070" d="M148 329.969c0-13.139 10.652-23.789 23.79-23.789 13.137 0 23.788 10.65 23.788 23.787 0 13.137-10.65 23.787-23.787 23.787H148v-23.785Z"/>
|
||||
<mask id="e" width="44" height="44" x="150" y="308" maskUnits="userSpaceOnUse" style="mask-type:alpha">
|
||||
<rect width="42.33" height="42.33" x="150.622" y="308.802" fill="#D9D9D9" stroke="#232323" stroke-width=".672" rx="21.165"/>
|
||||
</mask>
|
||||
<g mask="url(#e)">
|
||||
<rect width="43.002" height="43.001" x="150.286" y="308.466" fill="#3FCF8E" rx="21.501"/>
|
||||
<path fill="#1C1C1C" d="M168.917 327.799h-2.882v7.437h-1.789v-7.437h-2.882v-1.685h7.553v1.685Zm11.427 7.437h-1.75v-6.394l-2.624 6.394h-1.48l-2.625-6.343v6.343h-1.698v-9.122h2.341l2.741 6.588 2.676-6.588h2.419v9.122Z"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="b" width="325.38" height="265.65" x="4.566" y="197.14" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.362"/>
|
||||
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_410_1821"/>
|
||||
<feBlend in="SourceGraphic" in2="effect1_backgroundBlur_410_1821" result="shape"/>
|
||||
</filter>
|
||||
<filter id="c" width="528.338" height="528.338" x="-15.866" y="290.755" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur result="effect1_foregroundBlur_410_1821" stdDeviation="37.879"/>
|
||||
</filter>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 .047h298v430H0z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="298" height="431" viewBox="0 0 298 431" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_410_1821)">
|
||||
<g filter="url(#filter0_b_410_1821)">
|
||||
<rect x="13.2891" y="205.863" width="307.934" height="248.203" rx="12" fill="#121212"/>
|
||||
<rect x="13.5391" y="206.113" width="307.434" height="247.703" rx="11.75" stroke="#2E2E2E" stroke-width="0.5"/>
|
||||
</g>
|
||||
<g opacity="0.1">
|
||||
<path d="M20.4951 219.772C20.4951 216.162 23.4223 213.234 27.0331 213.234H285.495C289.106 213.234 292.033 216.162 292.033 219.772V329.498C292.033 333.109 289.106 336.036 285.495 336.036H27.0331C23.4223 336.036 20.4951 333.109 20.4951 329.498V219.772Z" fill="#707070"/>
|
||||
<path d="M20.4951 351.774C20.4951 348.164 23.4223 345.236 27.0331 345.236H85.4712C89.082 345.236 92.0091 348.164 92.0091 351.774V406.525C92.0091 410.135 89.082 413.063 85.4712 413.063H27.0331C23.4223 413.063 20.4951 410.135 20.4951 406.525V351.774Z" fill="#707070"/>
|
||||
<path d="M100.517 393.767C100.517 391.812 102.102 390.228 104.057 390.228H285.628C287.583 390.228 289.168 391.812 289.168 393.767C289.168 395.722 287.583 397.307 285.628 397.307H104.057C102.102 397.307 100.517 395.722 100.517 393.767Z" fill="#707070"/>
|
||||
<path d="M100.517 348.776C100.517 346.821 102.102 345.236 104.057 345.236H142.447C144.401 345.236 145.986 346.821 145.986 348.776C145.986 350.731 144.401 352.316 142.447 352.316H104.057C102.102 352.316 100.517 350.731 100.517 348.776Z" fill="#707070"/>
|
||||
<path d="M150.88 348.776C150.88 346.821 152.465 345.236 154.419 345.236H168.976C170.93 345.236 172.515 346.821 172.515 348.776C172.515 350.731 170.931 352.316 168.976 352.316H154.419C152.465 352.316 150.88 350.731 150.88 348.776Z" fill="#707070"/>
|
||||
<path d="M268.614 348.776C268.614 346.821 270.199 345.236 272.154 345.236H286.71C288.665 345.236 290.25 346.821 290.25 348.776C290.25 350.731 288.665 352.316 286.71 352.316H272.154C270.199 352.316 268.614 350.731 268.614 348.776Z" fill="#707070"/>
|
||||
<path d="M100.517 409.525C100.517 407.57 102.102 405.985 104.057 405.985H285.628C287.583 405.985 289.168 407.57 289.168 409.525C289.168 411.479 287.583 413.064 285.628 413.064H104.057C102.102 413.064 100.517 411.479 100.517 409.525Z" fill="#707070"/>
|
||||
</g>
|
||||
<path d="M47.4814 247.871C47.4814 234.733 58.133 224.082 71.2713 224.082C84.4085 224.082 95.0593 234.732 95.0593 247.869C95.0593 261.006 84.4094 271.656 71.2721 271.656H47.4814V247.871Z" fill="#707070"/>
|
||||
<mask id="mask0_410_1821" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="49" y="226" width="44" height="44">
|
||||
<rect x="50.1038" y="226.705" width="42.3296" height="42.3296" rx="21.1648" fill="#D9D9D9" stroke="#232323" stroke-width="0.671898"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_410_1821)">
|
||||
<rect x="49.7679" y="226.369" width="43.0015" height="43.0012" rx="21.5006" fill="#3FCF8E"/>
|
||||
<path d="M60.8968 250.359V249.755L62.6081 249.446V250.282C62.6209 251.222 63.1485 251.646 63.869 251.646C64.6153 251.646 65.0785 251.119 65.0785 250.321V244.016H66.8541V250.321C66.8541 251.968 65.6575 253.332 63.8819 253.332C62.0805 253.332 60.8968 252.148 60.8968 250.359ZM77.4003 250.321L79.0473 244.016H80.8615L78.3396 253.139H76.5125L74.4281 246.641L72.3436 253.139H70.4908L67.956 244.016H69.8346L71.5073 250.295L73.5274 244.016H75.3673L77.4003 250.321Z" fill="#1C1C1C"/>
|
||||
</g>
|
||||
<rect x="81.1443" y="257.745" width="12.4995" height="12.4995" rx="6.24973" fill="#3FCF8E" stroke="#161616" stroke-width="1.74909"/>
|
||||
<path d="M148 329.969C148 316.83 158.652 306.18 171.79 306.18C184.927 306.18 195.578 316.83 195.578 329.967C195.578 343.104 184.928 353.754 171.791 353.754H148V329.969Z" fill="#707070"/>
|
||||
<mask id="mask1_410_1821" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="150" y="308" width="44" height="44">
|
||||
<rect x="150.622" y="308.802" width="42.3296" height="42.3296" rx="21.1648" fill="#D9D9D9" stroke="#232323" stroke-width="0.671898"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_410_1821)">
|
||||
<rect x="150.286" y="308.466" width="43.0015" height="43.0012" rx="21.5006" fill="#3FCF8E"/>
|
||||
<path d="M168.917 327.799H166.035V335.236H164.246V327.799H161.364V326.114H168.917V327.799ZM180.344 335.236H178.594V328.842L175.97 335.236H174.49L171.865 328.893V335.236H170.167V326.114H172.508L175.249 332.702L177.925 326.114H180.344V335.236Z" fill="#1C1C1C"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_b_410_1821" x="4.56562" y="197.14" width="325.38" height="265.65" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.36172"/>
|
||||
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_410_1821"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_410_1821" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_410_1821">
|
||||
<rect width="298" height="430" fill="white" transform="translate(0 0.046875)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.7 KiB |
@@ -5,8 +5,7 @@
|
||||
@import url(../pages/launch-week/launchWeek.css);
|
||||
|
||||
@import './../../../packages/ui/build/css/source/global.css';
|
||||
@import './../../../packages/ui/build/css/themes/dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/deep-dark.css';
|
||||
@import './../../../packages/ui/build/css/themes/dark-combined.css';
|
||||
@import './../../../packages/ui/build/css/themes/light.css';
|
||||
|
||||
@layer utilities {
|
||||
@@ -43,7 +42,7 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
@apply bg text-foreground;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@@ -4,7 +4,7 @@ export default function Home() {
|
||||
return (
|
||||
<main className="flex min-h-screen flex-col items-center justify-between p-24">
|
||||
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
|
||||
<p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
|
||||
<p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-200 lg:p-4 lg:dark:bg-zinc-800/30">
|
||||
Get started by editing
|
||||
<code className="font-mono font-bold">app/page.tsx</code>
|
||||
</p>
|
||||
|
||||
@@ -110,7 +110,7 @@ const Todo = ({ todo, onDelete }: { todo: Todos; onDelete: () => void }) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<li className="w-full block cursor-pointer hover:bg-gray-200 focus:outline-none focus:bg-gray-200 transition duration-150 ease-in-out">
|
||||
<li className="w-full block cursor-pointer hover:bg-200 focus:outline-none focus:bg-200 transition duration-150 ease-in-out">
|
||||
<div className="flex items-center px-4 py-4 sm:px-6">
|
||||
<div className="min-w-0 flex-1 flex items-center">
|
||||
<div className="text-sm leading-5 font-medium truncate">{todo.task}</div>
|
||||
|
||||
@@ -15,7 +15,7 @@ export default function Home() {
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<div className="w-full h-full bg-gray-200">
|
||||
<div className="w-full h-full bg-200">
|
||||
{!session ? (
|
||||
<div className="min-w-full min-h-screen flex items-center justify-center">
|
||||
<div className="w-full h-full flex justify-center items-center p-4">
|
||||
|
||||
@@ -41,9 +41,23 @@ html {
|
||||
-moz-tab-size: 4;
|
||||
/* 3 */
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
tab-size: 4;
|
||||
/* 3 */
|
||||
font-family: 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";
|
||||
font-family:
|
||||
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';
|
||||
/* 4 */
|
||||
font-feature-settings: normal;
|
||||
/* 5 */
|
||||
@@ -82,7 +96,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
|
||||
|
||||
abbr:where([title]) {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -126,7 +140,8 @@ code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
|
||||
'Courier New', monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
@@ -351,7 +366,8 @@ textarea {
|
||||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
@@ -371,7 +387,7 @@ Set the default cursor for buttons.
|
||||
*/
|
||||
|
||||
button,
|
||||
[role="button"] {
|
||||
[role='button'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -419,7 +435,9 @@ video {
|
||||
display: none;
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
@@ -634,7 +652,7 @@ video {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.bg-gray-200 {
|
||||
.bg-200 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
@@ -680,7 +698,21 @@ video {
|
||||
}
|
||||
|
||||
.font-sans {
|
||||
font-family: 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";
|
||||
font-family:
|
||||
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';
|
||||
}
|
||||
|
||||
.text-4xl {
|
||||
@@ -714,17 +746,43 @@ video {
|
||||
.shadow {
|
||||
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
|
||||
var(--tw-shadow);
|
||||
}
|
||||
|
||||
.filter {
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
|
||||
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
}
|
||||
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -761,9 +819,33 @@ video {
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -788,9 +870,33 @@ video {
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -813,12 +919,12 @@ h1 {
|
||||
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-200:hover {
|
||||
.hover\:bg-200:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:bg-gray-200:focus {
|
||||
.focus\:bg-200:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="w-full h-full bg-gray-200">
|
||||
<div class="w-full h-full bg-200">
|
||||
{#if user}
|
||||
<Home bind:user />
|
||||
{:else}
|
||||
|
||||
@@ -40,9 +40,23 @@ html {
|
||||
-moz-tab-size: 4;
|
||||
/* 3 */
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
tab-size: 4;
|
||||
/* 3 */
|
||||
font-family: 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";
|
||||
font-family:
|
||||
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';
|
||||
/* 4 */
|
||||
}
|
||||
|
||||
@@ -79,7 +93,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
|
||||
|
||||
abbr:where([title]) {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -123,7 +137,8 @@ code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
|
||||
'Courier New', monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
@@ -348,7 +363,8 @@ textarea {
|
||||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
@@ -368,7 +384,7 @@ Set the default cursor for buttons.
|
||||
*/
|
||||
|
||||
button,
|
||||
[role="button"] {
|
||||
[role='button'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -410,7 +426,9 @@ video {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
@@ -707,7 +725,7 @@ video {
|
||||
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.bg-gray-200 {
|
||||
.bg-200 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
@@ -793,11 +811,26 @@ video {
|
||||
}
|
||||
|
||||
.font-sans {
|
||||
font-family: 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";
|
||||
font-family:
|
||||
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';
|
||||
}
|
||||
|
||||
.font-mono {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
|
||||
'Courier New', monospace;
|
||||
}
|
||||
|
||||
.text-sm {
|
||||
@@ -861,23 +894,50 @@ video {
|
||||
.shadow {
|
||||
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
|
||||
var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-sm {
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
|
||||
var(--tw-shadow);
|
||||
}
|
||||
|
||||
.filter {
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
|
||||
var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
}
|
||||
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -914,9 +974,33 @@ video {
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -941,9 +1025,33 @@ video {
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property:
|
||||
color,
|
||||
background-color,
|
||||
border-color,
|
||||
text-decoration-color,
|
||||
fill,
|
||||
stroke,
|
||||
opacity,
|
||||
box-shadow,
|
||||
transform,
|
||||
filter,
|
||||
backdrop-filter,
|
||||
-webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -978,7 +1086,7 @@ h1 {
|
||||
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-200:hover {
|
||||
.hover\:bg-200:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
@@ -988,7 +1096,7 @@ h1 {
|
||||
border-color: rgb(29 78 216 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.focus\:bg-gray-200:focus {
|
||||
.focus\:bg-200:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
</script>
|
||||
|
||||
<li
|
||||
class="w-full block cursor-pointer hover:bg-gray-200 focus:outline-none focus:bg-gray-200 transition duration-150 ease-in-out"
|
||||
class="w-full block cursor-pointer hover:bg-200 focus:outline-none focus:bg-200 transition duration-150 ease-in-out"
|
||||
>
|
||||
<div class="flex items-center px-4 py-4 sm:px-6">
|
||||
<div class="min-w-0 flex-1 flex items-center">
|
||||
|
||||
@@ -42,9 +42,7 @@ export const GlassPanel = ({
|
||||
<div
|
||||
className={cn(
|
||||
'shrink-0',
|
||||
showIconBg
|
||||
? 'bg-brand-200 dark:bg-brand-400 border border-brand-300 dark:border-brand-400 w-8 h-8 flex items-center justify-center rounded'
|
||||
: ''
|
||||
showIconBg ? 'bg-surface-75 border w-8 h-8 flex items-center justify-center rounded' : ''
|
||||
)}
|
||||
>
|
||||
{props.children}
|
||||
@@ -76,7 +74,7 @@ export const GlassPanel = ({
|
||||
'border rounded-lg',
|
||||
'text-left',
|
||||
background
|
||||
? 'hover:border-strong bg-surface-100'
|
||||
? 'hover:border-strong bg-surface-75'
|
||||
: 'border-muted hover:border-default bg-transparent',
|
||||
'transition',
|
||||
className
|
||||
@@ -93,10 +91,10 @@ export const GlassPanel = ({
|
||||
"
|
||||
/>
|
||||
)}
|
||||
<div
|
||||
{/* <div
|
||||
className="absolute left-0 top-0 w-[250px] h-[150px] transform scale-100 opacity-50 group-hover:scale-150 group-hover:opacity-100 transition-all duration-700 ease-out"
|
||||
style={{ background: `radial-gradient(100% 100% at 0% 0%, #3EACCF18, transparent)` }}
|
||||
/>
|
||||
/> */}
|
||||
<div
|
||||
className={cn(
|
||||
'px-8 pb-8 relative',
|
||||
|
||||
@@ -10,7 +10,7 @@ export function TweetCard(props: TweetCard) {
|
||||
return (
|
||||
<div
|
||||
className="
|
||||
bg-surface-100 border-overlay
|
||||
bg-surface-75 border
|
||||
rounded-2xl border p-6
|
||||
drop-shadow-sm
|
||||
"
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
[data-theme='classic-dark'],
|
||||
.classic-dark {
|
||||
--helpers-os-appearance: Dark;
|
||||
--code-block-5: 13.8deg 89.7% 69.6%;
|
||||
--code-block-4: 276.1deg 67.7% 74.5%;
|
||||
--code-block-3: 83.8deg 61.7% 63.1%;
|
||||
--code-block-2: 33.2deg 90.3% 75.7%;
|
||||
--code-block-1: 170.8deg 43.1% 61.4%;
|
||||
--secondary-default: 0deg 0% 100%;
|
||||
--secondary-400: 0deg 0% 100%;
|
||||
--secondary-200: 0deg 0% 100%;
|
||||
--brand-link: 153.1deg 60.2% 52.7%;
|
||||
--brand-button: 151.8deg 47.1% 40.8%;
|
||||
--brand-default: 153.1deg 60.2% 52.7%;
|
||||
--brand-600: 153deg 59.5% 70%;
|
||||
--brand-500: 153.5deg 61.8% 21.6%;
|
||||
--brand-400: 153.3deg 65.2% 13.5%;
|
||||
--brand-300: 153.8deg 69.6% 9%;
|
||||
--brand-200: 152.5deg 75% 6.3%;
|
||||
--warning-default: 38.9deg 100% 57.1%;
|
||||
--warning-600: 38.9deg 89.8% 49.8%;
|
||||
--warning-500: 34.8deg 90.9% 21.6%;
|
||||
--warning-400: 33.2deg 100% 14.5%;
|
||||
--warning-300: 32.3deg 100% 10.2%;
|
||||
--warning-200: 36.8deg 100% 6.1%;
|
||||
--destructive-default: 10.2deg 77.9% 53.9%;
|
||||
--destructive-600: 9.7deg 85.2% 62.9%;
|
||||
--destructive-500: 7.9deg 71.6% 29%;
|
||||
--destructive-400: 6.7deg 60% 20.6%;
|
||||
--destructive-300: 7.5deg 51.3% 15.3%;
|
||||
--destructive-200: 10.9deg 23.4% 9.2%;
|
||||
--background-dash-sidebar: 0deg 0% 11%;
|
||||
--background-dialog-default: 0deg 0% 11%;
|
||||
--background-surface-75: 0deg 0% 12.5%;
|
||||
--background-200: 0deg 0% 11%;
|
||||
--foreground-contrast: 0deg 0% 11%;
|
||||
--border-button-hover: var(--colors-gray-dark-800);
|
||||
--border-button-default: var(--colors-gray-dark-700);
|
||||
--border-stronger: var(--colors-gray-dark-800);
|
||||
--border-strong: var(--colors-gray-dark-700);
|
||||
--border-alternative: var(--colors-gray-dark-500);
|
||||
--border-control: var(--colors-gray-dark-600);
|
||||
--border-overlay: var(--colors-gray-dark-500);
|
||||
--border-secondary: var(--colors-gray-dark-500);
|
||||
--border-muted: var(--colors-gray-dark-500);
|
||||
--border-default: var(--colors-gray-dark-600);
|
||||
--background-dash-canvas: var(--colors-gray-dark-200);
|
||||
--background-button-default: var(--colors-gray-dark-500);
|
||||
--background-muted: var(--colors-gray-dark-400);
|
||||
--background-overlay-hover: var(--colors-gray-dark-500);
|
||||
--background-overlay-default: var(--colors-gray-dark-300);
|
||||
--background-surface-400: var(--colors-gray-dark-700);
|
||||
--background-surface-300: var(--colors-gray-dark-500);
|
||||
--background-surface-200: var(--colors-gray-dark-400);
|
||||
--background-surface-100: var(--colors-gray-dark-300);
|
||||
--background-control: var(--colors-gray-dark-300);
|
||||
--background-selection: var(--colors-gray-dark-600);
|
||||
--background-alternative-default: var(--colors-gray-dark-100);
|
||||
--background-alternative-200: var(--colors-gray-dark-200);
|
||||
--background-default: var(--colors-gray-dark-200);
|
||||
--foreground-muted: var(--colors-gray-dark-900);
|
||||
--foreground-lighter: var(--colors-gray-dark-1000);
|
||||
--foreground-light: var(--colors-gray-dark-1100);
|
||||
--foreground-default: var(--colors-gray-dark-1200);
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
[data-theme='concept-two'],
|
||||
.concept-two {
|
||||
--helpers-os-appearance: Dark;
|
||||
--code-block-5: 0deg 0% 100%;
|
||||
--code-block-4: 0deg 0% 100%;
|
||||
--code-block-3: 0deg 0% 100%;
|
||||
--code-block-2: 0deg 0% 100%;
|
||||
--code-block-1: 0deg 0% 100%;
|
||||
--secondary-default: 21deg 90.4% 59%;
|
||||
--secondary-400: 20deg 93.2% 40.4%;
|
||||
--secondary-200: 17.7deg 78.9% 27.8%;
|
||||
--brand-link: 163.9deg 53.2% 15.1%;
|
||||
--brand-button: 175.6deg 61.8% 21.6%;
|
||||
--brand-default: 163.9deg 53.2% 15.1%;
|
||||
--brand-600: 156.3deg 59.5% 70%;
|
||||
--brand-500: 175.6deg 61.8% 21.6%;
|
||||
--brand-400: 176deg 65.2% 13.5%;
|
||||
--brand-300: 176.3deg 69.6% 9%;
|
||||
--brand-200: 175deg 75% 6.3%;
|
||||
--warning-default: 41.2deg 67.5% 48.2%;
|
||||
--warning-600: 41deg 80.6% 42.4%;
|
||||
--warning-500: 39.7deg 70.3% 19.8%;
|
||||
--warning-400: 38.8deg 69.9% 14.3%;
|
||||
--warning-300: 41.8deg 60% 10.8%;
|
||||
--warning-200: 60deg 42.1% 7.5%;
|
||||
--destructive-default: 10.2deg 77.9% 53.9%;
|
||||
--destructive-600: 9.7deg 85.2% 62.9%;
|
||||
--destructive-500: 7.9deg 71.6% 29%;
|
||||
--destructive-400: 6.7deg 60% 20.6%;
|
||||
--destructive-300: 7.5deg 51.3% 15.3%;
|
||||
--destructive-200: 10.9deg 23.4% 9.2%;
|
||||
--border-button-hover: 180deg 4.9% 23.9%;
|
||||
--border-button-default: 180deg 7.3% 16.1%;
|
||||
--border-stronger: 180deg 4.9% 23.9%;
|
||||
--border-strong: 180deg 7.3% 16.1%;
|
||||
--border-alternative: 165deg 40% 2%;
|
||||
--border-control: 180deg 7.3% 16.1%;
|
||||
--border-overlay: 160deg 7.3% 8%;
|
||||
--border-secondary: 180deg 17.1% 8%;
|
||||
--border-muted: 170deg 20% 5.9%;
|
||||
--border-default: 150deg 13% 9%;
|
||||
--background-dash-canvas: 180deg 20% 2%;
|
||||
--background-dash-sidebar: 180deg 20% 2%;
|
||||
--background-dialog-default: 180deg 20% 2%;
|
||||
--background-button-default: 154.3deg 14.3% 9.6%;
|
||||
--background-muted: 160deg 12% 4.9%;
|
||||
--background-overlay-hover: 168deg 5.2% 19%;
|
||||
--background-overlay-default: 168deg 9.8% 10%;
|
||||
--background-surface-400: 154.3deg 14.3% 9.6%;
|
||||
--background-surface-300: 154.3deg 14.3% 9.6%;
|
||||
--background-surface-200: 160deg 12% 4.9%;
|
||||
--background-surface-100: 160deg 23.1% 2.5%;
|
||||
--background-surface-75: 0deg 0% 100%;
|
||||
--background-control: 180deg 9.9% 13.9%;
|
||||
--background-selection: 165deg 8.7% 9%;
|
||||
--background-alternative-default: 165deg 40% 2%;
|
||||
--background-alternative-200: 0deg 0% 5.5%;
|
||||
--background-default: 180deg 20% 2%;
|
||||
--background-200: 180deg 20% 2%;
|
||||
--foreground-contrast: 156deg 33.3% 2.9%;
|
||||
--foreground-muted: 162deg 8.5% 23.1%;
|
||||
--foreground-lighter: 180deg 6.7% 47.1%;
|
||||
--foreground-light: 180deg 7.5% 63.5%;
|
||||
--foreground-default: 0deg 0% 100%;
|
||||
}
|
||||
+9
-5
@@ -1,5 +1,7 @@
|
||||
[data-theme='deep-dark'],
|
||||
.deep-dark {
|
||||
[data-theme='classic-dark'],
|
||||
.classic-dark,
|
||||
[data-theme='dark'],
|
||||
.dark {
|
||||
--helpers-os-appearance: Dark;
|
||||
--code-block-5: 13.8deg 89.7% 69.6%;
|
||||
--code-block-4: 276.1deg 67.7% 74.5%;
|
||||
@@ -29,14 +31,16 @@
|
||||
--destructive-400: 6.7deg 60% 20.6%;
|
||||
--destructive-300: 7.5deg 51.3% 15.3%;
|
||||
--destructive-200: 10.9deg 23.4% 9.2%;
|
||||
--border-stronger: 0deg 0% 22%;
|
||||
--border-strong: 0deg 0% 20%;
|
||||
--border-stronger: 0deg 0% 27.1%;
|
||||
--border-strong: 0deg 0% 21.2%;
|
||||
--border-alternative: 0deg 0% 26.7%;
|
||||
--border-control: 0deg 0% 22.4%;
|
||||
--border-overlay: 0deg 0% 20%;
|
||||
--border-secondary: 0deg 0% 14.1%;
|
||||
--border-muted: 0deg 0% 14.1%;
|
||||
--border-default: 0deg 0% 16.1%;
|
||||
--border-default: 0deg 0% 18%;
|
||||
--background-dash-canvas: 0deg 0% 7.1%;
|
||||
--background-dash-sidebar: 0deg 0% 9%;
|
||||
--background-dialog-default: 0deg 0% 7.1%;
|
||||
--background-muted: 0deg 0% 14.1%;
|
||||
--background-overlay-hover: 0deg 0% 18%;
|
||||
@@ -6,58 +6,60 @@
|
||||
--code-block-3: 83.8deg 61.7% 63.1%;
|
||||
--code-block-2: 33.2deg 90.3% 75.7%;
|
||||
--code-block-1: 170.8deg 43.1% 61.4%;
|
||||
--secondary-default: 0deg 0% 100%;
|
||||
--secondary-400: 0deg 0% 100%;
|
||||
--secondary-200: 0deg 0% 100%;
|
||||
--brand-link: 153.1deg 60.2% 52.7%;
|
||||
--brand-button: 151.8deg 47.1% 40.8%;
|
||||
--secondary-default: 247.8deg 100% 70%;
|
||||
--secondary-400: 248.3deg 54.5% 25.9%;
|
||||
--secondary-200: 248deg 53.6% 11%;
|
||||
--brand-link: 155deg 100% 38.6%;
|
||||
--brand-button: 154.9deg 100% 19.2%;
|
||||
--brand-default: 153.1deg 60.2% 52.7%;
|
||||
--brand-600: 153deg 59.5% 70%;
|
||||
--brand-500: 153.5deg 61.8% 21.6%;
|
||||
--brand-400: 153.3deg 65.2% 13.5%;
|
||||
--brand-300: 153.8deg 69.6% 9%;
|
||||
--brand-200: 152.5deg 75% 6.3%;
|
||||
--warning-default: 38.9deg 100% 57.1%;
|
||||
--warning-600: 38.9deg 89.8% 49.8%;
|
||||
--brand-600: 154.9deg 59.5% 70%;
|
||||
--brand-500: 154.9deg 100% 19.2%;
|
||||
--brand-400: 155.5deg 100% 9.6%;
|
||||
--brand-300: 155.1deg 100% 8%;
|
||||
--brand-200: 162deg 100% 2%;
|
||||
--warning-default: 38.9deg 100% 42.9%;
|
||||
--warning-600: 38.9deg 100% 42.9%;
|
||||
--warning-500: 34.8deg 90.9% 21.6%;
|
||||
--warning-400: 33.2deg 100% 14.5%;
|
||||
--warning-300: 32.3deg 100% 10.2%;
|
||||
--warning-200: 36.8deg 100% 6.1%;
|
||||
--warning-200: 36.6deg 100% 8%;
|
||||
--destructive-default: 10.2deg 77.9% 53.9%;
|
||||
--destructive-600: 9.7deg 85.2% 62.9%;
|
||||
--destructive-500: 7.9deg 71.6% 29%;
|
||||
--destructive-400: 6.7deg 60% 20.6%;
|
||||
--destructive-300: 7.5deg 51.3% 15.3%;
|
||||
--destructive-200: 10.9deg 23.4% 9.2%;
|
||||
--background-dialog-default: 0deg 0% 11%;
|
||||
--background-surface-75: 0deg 0% 12.5%;
|
||||
--background-200: 0deg 0% 11%;
|
||||
--foreground-contrast: 0deg 0% 11%;
|
||||
--border-stronger: 0deg 0% 27.1%;
|
||||
--border-strong: 0deg 0% 21.2%;
|
||||
--border-alternative: 0deg 0% 26.7%;
|
||||
--border-control: 0deg 0% 22.4%;
|
||||
--border-overlay: 0deg 0% 20%;
|
||||
--border-secondary: 0deg 0% 14.1%;
|
||||
--border-muted: 0deg 0% 14.1%;
|
||||
--border-default: 0deg 0% 18%;
|
||||
--background-dash-canvas: 0deg 0% 7.1%;
|
||||
--background-dash-sidebar: 0deg 0% 9%;
|
||||
--background-dialog-default: 0deg 0% 7.1%;
|
||||
--background-muted: 0deg 0% 14.1%;
|
||||
--background-overlay-hover: 0deg 0% 18%;
|
||||
--background-overlay-default: 0deg 0% 14.1%;
|
||||
--background-surface-400: 0deg 0% 16.1%;
|
||||
--background-surface-300: 0deg 0% 16.1%;
|
||||
--background-surface-200: 0deg 0% 12.9%;
|
||||
--background-surface-100: 0deg 0% 12.2%;
|
||||
--background-surface-75: 0deg 0% 9%;
|
||||
--background-control: 0deg 0% 14.1%;
|
||||
--background-selection: 0deg 0% 19.2%;
|
||||
--background-alternative-default: 0deg 0% 5.9%;
|
||||
--background-default: 0deg 0% 7.1%;
|
||||
--background-200: 0deg 0% 9%;
|
||||
--foreground-contrast: 0deg 0% 8.6%;
|
||||
--foreground-muted: 0deg 0% 30.2%;
|
||||
--foreground-lighter: 0deg 0% 53.7%;
|
||||
--foreground-light: 0deg 0% 70.6%;
|
||||
--foreground-default: 0deg 0% 98%;
|
||||
--border-button-hover: var(--colors-gray-dark-800);
|
||||
--border-button-default: var(--colors-gray-dark-700);
|
||||
--border-stronger: var(--colors-gray-dark-800);
|
||||
--border-strong: var(--colors-gray-dark-700);
|
||||
--border-alternative: var(--colors-gray-dark-500);
|
||||
--border-control: var(--colors-gray-dark-600);
|
||||
--border-overlay: var(--colors-gray-dark-500);
|
||||
--border-secondary: var(--colors-gray-dark-500);
|
||||
--border-muted: var(--colors-gray-dark-500);
|
||||
--border-default: var(--colors-gray-dark-600);
|
||||
--background-button-default: var(--colors-gray-dark-500);
|
||||
--background-muted: var(--colors-gray-dark-400);
|
||||
--background-overlay-hover: var(--colors-gray-dark-500);
|
||||
--background-overlay-default: var(--colors-gray-dark-300);
|
||||
--background-surface-400: var(--colors-gray-dark-700);
|
||||
--background-surface-300: var(--colors-gray-dark-500);
|
||||
--background-surface-200: var(--colors-gray-dark-400);
|
||||
--background-surface-100: var(--colors-gray-dark-300);
|
||||
--background-control: var(--colors-gray-dark-300);
|
||||
--background-selection: var(--colors-gray-dark-600);
|
||||
--background-alternative-default: var(--colors-gray-dark-100);
|
||||
--background-alternative-200: var(--colors-gray-dark-200);
|
||||
--background-default: var(--colors-gray-dark-200);
|
||||
--foreground-muted: var(--colors-gray-dark-900);
|
||||
--foreground-lighter: var(--colors-gray-dark-1000);
|
||||
--foreground-light: var(--colors-gray-dark-1100);
|
||||
--foreground-default: var(--colors-gray-dark-1200);
|
||||
}
|
||||
@@ -52,6 +52,8 @@
|
||||
--border-overlay: var(--colors-gray-light-500);
|
||||
--border-secondary: var(--colors-gray-light-400);
|
||||
--border-muted: var(--colors-gray-light-400);
|
||||
--background-dash-canvas: var(--colors-gray-light-200);
|
||||
--background-dash-sidebar: var(--colors-gray-light-100);
|
||||
--background-button-default: var(--colors-gray-light-100);
|
||||
--background-overlay-hover: var(--colors-gray-light-300);
|
||||
--background-overlay-default: var(--colors-gray-light-100);
|
||||
|
||||
@@ -483,9 +483,17 @@ module.exports = {
|
||||
cssVariable: "var(--background-dialog-default)",
|
||||
value: "hsl(0, 0%, 7.1%)"
|
||||
},
|
||||
"background-dash-sidebar": {
|
||||
cssVariable: "var(--background-dash-sidebar)",
|
||||
value: "hsl(0, 0%, 9%)"
|
||||
},
|
||||
"background-dash-canvas": {
|
||||
cssVariable: "var(--background-dash-canvas)",
|
||||
value: "hsl(0, 0%, 7.1%)"
|
||||
},
|
||||
"border-DEFAULT": {
|
||||
cssVariable: "var(--border-default)",
|
||||
value: "hsl(0, 0%, 16.1%)"
|
||||
value: "hsl(0, 0%, 18%)"
|
||||
},
|
||||
"border-muted": {
|
||||
cssVariable: "var(--border-muted)",
|
||||
@@ -509,11 +517,11 @@ module.exports = {
|
||||
},
|
||||
"border-strong": {
|
||||
cssVariable: "var(--border-strong)",
|
||||
value: "hsl(0, 0%, 20%)"
|
||||
value: "hsl(0, 0%, 21.2%)"
|
||||
},
|
||||
"border-stronger": {
|
||||
cssVariable: "var(--border-stronger)",
|
||||
value: "hsl(0, 0%, 22%)"
|
||||
value: "hsl(0, 0%, 27.1%)"
|
||||
},
|
||||
"border-button-DEFAULT": {
|
||||
cssVariable: "var(--border-button-default)",
|
||||
|
||||
@@ -41,6 +41,13 @@ try {
|
||||
console.log(`Theme file "${themeName}.json" written successfully.`)
|
||||
})
|
||||
|
||||
// duplicate the /themes/concept-one.json file to /themes/dark-combined.json
|
||||
const darkThemePath = path.join(themesDirectory, 'concept-one.json')
|
||||
const darkCombinedThemePath = path.join(themesDirectory, 'dark-combined.json')
|
||||
const darkThemeData = fs.readFileSync(darkThemePath)
|
||||
fs.writeFileSync(darkCombinedThemePath, darkThemeData)
|
||||
console.log('Dark combined theme file written successfully.')
|
||||
|
||||
console.log('Extraction completed!')
|
||||
} catch (error) {
|
||||
console.error('Error:', error.message)
|
||||
|
||||
@@ -5,7 +5,7 @@ export interface SingleTheme {
|
||||
|
||||
export const singleThemes = [
|
||||
{ name: 'Dark', value: 'dark' }, // Classic Supabase dark
|
||||
{ name: 'Deep Dark', value: 'deep-dark' }, // Deep Dark Supabase dark
|
||||
{ name: 'Light', value: 'light' }, // Classic Supabase light
|
||||
{ name: 'Classic Dark', value: 'classic-dark' }, // Deep Dark Supabase dark
|
||||
{ name: 'System', value: 'system' }, // Classic Supabase light
|
||||
]
|
||||
@@ -1,7 +1,7 @@
|
||||
/* .sbui-toggle {
|
||||
@apply p-0 relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer;
|
||||
@apply transition-colors ease-in-out duration-200;
|
||||
@apply focus:outline-none bg-gray-200 dark:bg-gray-400;
|
||||
@apply focus:outline-none bg-200 dark:bg-gray-400;
|
||||
}
|
||||
|
||||
.sbui-toggle--active {
|
||||
|
||||
@@ -13,7 +13,7 @@ export const alertVariants = cva(
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
'text-foreground bg-alternative border-alternative [&>svg]:text-background [&>svg]:bg-foreground',
|
||||
'text-foreground bg-alternative border [&>svg]:text-background [&>svg]:bg-foreground',
|
||||
destructive:
|
||||
'text border-destructive-400 bg-destructive-200 [&>svg]:text-destructive-200 [&>svg]:bg-destructive-600',
|
||||
warning:
|
||||
|
||||
@@ -59,7 +59,7 @@ const DialogContentVariants = cva(
|
||||
'data-[state=closed]:slide-out-to-left-[0%] data-[state=closed]:slide-out-to-top-[0%]',
|
||||
'data-[state=open]:slide-in-from-left-[0%] data-[state=open]:slide-in-from-top-[0%]',
|
||||
'sm:rounded-lg md:w-full',
|
||||
'bg-200'
|
||||
'bg-dash-sidebar'
|
||||
),
|
||||
{
|
||||
variants: {
|
||||
|
||||
@@ -15,7 +15,9 @@ export default {
|
||||
"bg-overlay-hover",
|
||||
"bg-muted",
|
||||
"bg-button",
|
||||
"bg-dialog"
|
||||
"bg-dialog",
|
||||
"bg-dash-sidebar",
|
||||
"bg-dash-canvas"
|
||||
],
|
||||
"border": [
|
||||
"border",
|
||||
|
||||
@@ -233,7 +233,7 @@ export default {
|
||||
yellow: `bg-yellow-200 text-yellow-1100 border border-yellow-700`,
|
||||
amber: `bg-amber-200 text-amber-1100 border border-amber-700`,
|
||||
gold: `bg-gold-200 text-gold-1100 border border-gold-700`,
|
||||
gray: `bg-gray-200 text-gray-1100 border border-gray-700`,
|
||||
gray: `bg-200 text-gray-1100 border border-gray-700`,
|
||||
slate: `bg-slate-200 text-slate-1100 border border-slate-700`,
|
||||
},
|
||||
},
|
||||
@@ -252,7 +252,7 @@ export default {
|
||||
description: `text-xs`,
|
||||
variant: {
|
||||
danger: {
|
||||
base: `bg-red-200 btext-red-1200 border-red-700`,
|
||||
base: `bg-red-200 text-red-1200 border-red-700`,
|
||||
icon: `text-red-900`,
|
||||
header: `text-red-1200`,
|
||||
description: `text-red-1100`,
|
||||
@@ -264,7 +264,7 @@ export default {
|
||||
description: `text-amber-1100`,
|
||||
},
|
||||
info: {
|
||||
base: `bg-alternative border-alternative`,
|
||||
base: `bg-alternative border`,
|
||||
icon: `text-foreground-lighter`,
|
||||
header: `text-foreground`,
|
||||
description: `text-foreground-light`,
|
||||
@@ -850,17 +850,17 @@ export default {
|
||||
sidepanel: {
|
||||
base: `
|
||||
z-50
|
||||
bg-overlay
|
||||
bg-dash-sidebar
|
||||
flex flex-col
|
||||
fixed
|
||||
inset-y-0
|
||||
h-full lg:h-screen
|
||||
border-l border-overlay
|
||||
border-l
|
||||
shadow-xl
|
||||
`,
|
||||
header: `
|
||||
space-y-1 py-4 px-4 bg-overlay sm:px-6
|
||||
border-b border-overlay
|
||||
space-y-1 py-4 px-4 bg-dash-sidebar sm:px-6
|
||||
border-b
|
||||
`,
|
||||
contents: `
|
||||
relative
|
||||
@@ -873,7 +873,7 @@ export default {
|
||||
footer: `
|
||||
flex justify-end gap-2
|
||||
p-4 bg-overlay
|
||||
border-t border-overlay
|
||||
border-t
|
||||
`,
|
||||
size: {
|
||||
medium: `w-screen max-w-md h-full`,
|
||||
@@ -1222,7 +1222,7 @@ export default {
|
||||
modal: {
|
||||
base: `
|
||||
relative
|
||||
bg-overlay
|
||||
bg-dash-sidebar
|
||||
my-4
|
||||
border border-overlay
|
||||
rounded-md
|
||||
|
||||
@@ -83,7 +83,7 @@ StyleDictionary.registerTransform({
|
||||
matcher: (prop) => prop.type === 'color',
|
||||
transformer: (prop) => {
|
||||
if (!prop.original.value) {
|
||||
console.error(`No colorvalue detected for ${prop.name}.`)
|
||||
console.error(`No color value detected for ${prop.name}.`)
|
||||
}
|
||||
|
||||
if (prop.original.value === '#') {
|
||||
@@ -224,11 +224,24 @@ console.log(`Building Theme Styles...`)
|
||||
|
||||
console.log(`\n`)
|
||||
|
||||
console.log(themeFiles)
|
||||
|
||||
themeFiles.map(function (filePath, i) {
|
||||
let fileName = fileNameCleaner(filePath)
|
||||
|
||||
const isCombinedDark = fileName === 'dark-combined' ? true : false
|
||||
|
||||
// rename concept-one to dark-new
|
||||
fileName = fileName === 'concept-one' ? 'deep-dark' : fileName
|
||||
fileName = fileName === 'dark' ? 'classic-dark' : fileName
|
||||
fileName = fileName === 'concept-one' ? 'dark' : fileName
|
||||
|
||||
const selector = isCombinedDark
|
||||
? `[data-theme='classic-dark'],
|
||||
.classic-dark,
|
||||
[data-theme='dark'],
|
||||
.dark`
|
||||
: `[data-theme='${fileName}'],
|
||||
.${fileName}`
|
||||
|
||||
let configTailwindFilesByType = []
|
||||
|
||||
@@ -254,8 +267,7 @@ themeFiles.map(function (filePath, i) {
|
||||
options: {
|
||||
showFileHeader: false,
|
||||
outputReferences: true,
|
||||
selector: `[data-theme='${fileName}'],
|
||||
.${fileName}`,
|
||||
selector: selector,
|
||||
},
|
||||
filter: (token) => token.filePath === filePath,
|
||||
},
|
||||
|
||||
Reference in new issue
Block a user