:root {
    --full: calc(infinity * 1px);}

:root:has( :is( .drawer-toggle:checked ~ .drawer-side, .drawer[open] ) ) {
      scrollbar-gutter: stable;
    }

.rounded-full {
    border-radius: var(--full) !important;
}

.logo-text {
    color: var(--logo-text-color);
}

:root:has(input.theme-controller[value=moon]:checked),[data-theme="moon"] {
      color-scheme: "dark";

    --color-neutral: #fefefe;
    --color-neutral-content: oklch(25.33% .016 252.42);
    --color-primary: #00E0FF;
    --color-primary-content: black;
    --color-secondary: #FF56BC;
    --color-secondary-content: black;
    --color-accent: #cccccc;
    --color-accent-content: black;
    --color-base-100: oklch(31% 0.023 264.149);
    --color-base-200: oklch(27% 0.019 264.182);
    --color-base-300: oklch(22% 0.018 262.177);
        --color-icons: oklch(1 0 0);
            --color-base-content: oklch(1 0 0);
    --radius-selector: 0.5rem;
    --radius-field: 1.25rem;
    --radius-box: 2rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    --logo-text-color: oklch(1 0 0);
}

[data-theme="light"] {
    name: "light";
    default: false;
    prefersdark: false;
    color-scheme: "light";
    --color-neutral: black;
    --color-neutral-content: white;
    --color-primary: #00E0FF;
    --color-primary-content: black;
    --color-secondary: #FF56BC;
    --color-secondary-content: black;
    --color-accent: #CDCDCD;
    --color-accent-content: black;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(95% 0 0);
    --color-base-300: oklch(90% 0 0);
    --color-icons: #333;
    --color-base-content: oklch(21% .006 285.885);
    --color-info: oklch(70% 0.2 220);
    --color-info-content: oklch(98% 0.01 220);
    --color-success: oklch(65% 0.25 140);
    --color-success-content: oklch(98% 0.01 140);
    --color-warning: oklch(80% 0.25 80);
    --color-warning-content: oklch(20% 0.05 80);
    --color-error: oklch(65% 0.3 30);
    --color-error-content: oklch(98% 0.01 30);
    --radius-selector: 1.5rem;
    --radius-field: 1.25rem;
    --radius-box: 2rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    --full: calc(infinity * 1px);

}


.btn {
    box-shadow: none !important;
    transition: none !important;
}

.btn-neutral,
.btn-primary,
.btn-secondary,
.btn-accent,
.btn-info,
.btn-success,
.btn-warning,
.btn-error {
    transition: none;
}

.dock-active {
    cursor: default !important;
}

.dock-active {
    &:after {
        color: var(--color-secondary);
        background-color: var(--color-secondary);
        width: 2.5rem;
    }
}

.dock {
    & > * {
        @media (hover: hover) {
            &:hover {
                opacity: 1;
            }
        }
    }
}

.logo-top {
text-box-trim: both;
text-box-edge: cap alphabetic;
}

.logo-bot {
text-box-trim: both;
text-box-edge: cap alphabetic;
}