body,
ul,
li,
p,
div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    user-select: none;
}

a {
    text-decoration: none;
}

body {
    min-width: 1180px;
    background-color: #FAFAFA;
}

html {
    /* scrollbar-gutter: stable; */
    overflow-y: scroll;
}

body.loading {
    visibility: hidden;
}

button {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}

:root {
    --radius: 0.625rem;
    --background: oklch(1 0 0);
    --foreground: oklch(0.145 0 0);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.145 0 0);
    --primary: oklch(0.205 0 0);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.97 0 0);
    --secondary-foreground: oklch(0.205 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.556 0 0);
    --accent: oklch(0.97 0 0);
    --accent-foreground: oklch(0.205 0 0);
    --destructive: oklch(0.577 0.245 27.325);
    --border: oklch(0.922 0 0);
    --input: oklch(0.922 0 0);
    --ring: oklch(0.708 0 0);
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --sidebar: oklch(0.985 0 0);
    --sidebar-foreground: oklch(0.145 0 0);
    --sidebar-primary: oklch(0.205 0 0);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.97 0 0);
    --sidebar-accent-foreground: oklch(0.205 0 0);
    --sidebar-border: oklch(0.922 0 0);
    --sidebar-ring: oklch(0.708 0 0);
}

ul {
    list-style-type: none;
    padding-left: 0;
}



.spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid oklch(1 0 0 / 0.4);
    border-top-color: oklch(1 0 0);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.spinner.is-show {
    display: inline-block;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}