@use '../theme_colors.scss' as *;

window.bar {
    background: color-mix(in srgb, $base00, transparent 15%);
    
    >box {
        padding: 0.25rem 0;
    }

    >box>*:not(box), >box>box>* {
        margin: 0 0.25rem;
        padding: 0 0.5rem;
        background: $base01;
        border-radius: 1rem;
    }

    * {
        color: $base0A;
    }

    >button, >label, >menubutton {
        padding: 0.15rem 0.25rem;
    }

    .tray .item {
        padding: 0;
        margin: 0;

        image {
            padding: 0;
            margin: 0;
        }
    }

    calendar>header {
        border: none;
    }
}