@use "sass:map";
@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/switch/_layout.scss" as *;

@mixin kendo-switch--layout() {
    @include kendo-switch--layout-base();

    .k-switch:focus,
    .k-switch.k-focus {
        &::after {
            content: "";
            position: absolute;
            inset: -4px;
            z-index: 1;
            border-radius: k-border-radius(md);
        }
    }

    .k-switch-track {
        transition: all 100ms ease-in-out;
    }

    .k-switch-thumb-wrap {
        transition: inset-inline-start 100ms ease-in-out;
    }
    .k-switch-thumb {
        transition: all 100ms ease-in-out;
    }
}