:root {
    --full: calc(infinity * 1px);
    scrollbar-gutter: stable;
    height: -webkit-fill-available;
    height: 100dvh;
}



html,
body {
    overflow-x: hidden;

}

html {
    overflow-y: scroll;
}

@media (pointer: fine) {
    html::after {
        content: "";
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: var(--color-base-300);
        z-index: 9999;
        pointer-events: none;
    }
}

.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);
}

:root,
[data-theme="light"] {

    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-button::after {
    content: none !important;
    display: none !important;
}

.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;
}

.btn-xs {
    padding-top: 2px !important;
}

.btn-sm {
    padding-top: 1px !important;
}