@use "../core/instances" as *;

@include keyframes(menu_close_1) {
    0% {
        stroke: {
            dashoffset: -22;
            dasharray: 60 272;
        }
    }

    100% {
        stroke: {
            dashoffset: -205;
            dasharray: 68 254;
        }
    }
}

@include keyframes(menu_close_2) {
    0% {
        stroke: {
            dashoffset: -205;
            dasharray: 68 254;
        }
    }

    100% {
        stroke: {
            dashoffset: -22;
            dasharray: 60 272;
        }
    }
}

@include keyframes(loader_progress) {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(300%); }
}