@use "../core/_index.scss" as *;
@use "../popup/_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/timeselector/_layout.scss" as *;


@mixin kendo-time-selector--layout() {
    @include kendo-time-selector--layout-base();

    .k-time-list-wrapper .k-title {
        font-weight: var(--kendo-font-weight-medium);
    }
    
    .k-time-list-container {
        padding-top: k-spacing(2);
    }

    .k-time-footer.k-actions {
        margin-top: 0;

        border-bottom-left-radius: $kendo-popup-border-radius;
        border-bottom-right-radius: $kendo-popup-border-radius;
    }
}