@import url("./colors.css");
@import url("./panel.css");
@import url("./osd.css");
@import url("./launcher.css");
@import url("./notificatios.css");
@import url("./desktop.css");
@import url("./calendar.css");

* {
    all: unset;
    color: var(--foreground);
    font-size: unset;
    font-family: unset;
}

#corner-container {
    min-width: 1.25rem;
    min-height: 1.25rem;
}

#corner {
    background-color: var(--shadow);
    border-radius: 0;
}

tooltip {
    border-radius: 1rem;
    border-color: var(--surface);
    background-color: var(--shadow);
    animation: tooltipShow 0.25s cubic-bezier(0.5, 0.25, 0, 1);
}

@keyframes tooltipShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

tooltip>* {
    padding: 0.12rem 0.5rem;
    border-radius: 0.5rem;
}