.sterowanie-input {
    background-color: #fff !important;
    color: #333;
    border: 1px solid #ced4da;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

    .sterowanie-input:focus {
        background-color: #fff !important;
        border-color: #66b22e !important;
        box-shadow: 0 0 0 0.2rem rgba(102, 178, 46, 0.25) !important;
        outline: none !important;
        color: #333;
    }

    .sterowanie-input::placeholder {
        color: #66b22e;
        opacity: 0.6;
    }

    .sterowanie-input:-webkit-autofill,
    .sterowanie-input:-webkit-autofill:hover,
    .sterowanie-input:-webkit-autofill:focus {
        box-shadow: 0 0 0 1000px #f8fdf6 inset !important;
        -webkit-box-shadow: 0 0 0 1000px #f8fdf6 inset !important;
        border: 1px solid #66b22e !important;
        transition: background-color 5000s ease-in-out 0s !important;
        -webkit-text-fill-color: #333 !important;
    }

.sterowanie-link {
    color: #3c3c3b;
    text-decoration: underline;
    text-decoration-color: #66b22e;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
    cursor: pointer;
}

    .sterowanie-link:hover {
        color: #66b22e;
    }
.btn-sterowanie-green {
    color: #ffffff !important;
    background-color: #66b22e !important;
    border: solid;
    border-radius: 5px;
    border-width: 0.5px;
    border-color: #768f13 !important;
    transition: 0.5s !important;
}

    .btn-sterowanie-green:hover {
        color: #000000 !important;
        background-color: #d2f15a !important;
    }

    .btn-sterowanie-green:focus {
        background-color: #d2f15a !important;
    }

@-webkit-keyframes animate-sterowanie-stroke-1 {
    0% {
        stroke-dashoffset: 750.0517578125px;
        stroke-dasharray: 750.0517578125px;
    }

    100% {
        stroke-dashoffset: 1500.103515625px;
        stroke-dasharray: 750.0517578125px;
    }
}

@keyframes animate-sterowanie-stroke-1 {
    0% {
        stroke-dashoffset: 750.0517578125px;
        stroke-dasharray: 750.0517578125px;
    }

    100% {
        stroke-dashoffset: 1500.103515625px;
        stroke-dasharray: 750.0517578125px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-1 {
    -webkit-animation: animate-sterowanie-stroke-1 3s ease 0.1s both, animate-sterowanie-fill-1 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s both;
    animation: animate-sterowanie-stroke-1 3s ease 0.1s both, animate-sterowanie-fill-1 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s both;
}

@-webkit-keyframes animate-sterowanie-stroke-2 {
    0% {
        stroke-dashoffset: 760.8400268554688px;
        stroke-dasharray: 760.8400268554688px;
    }

    100% {
        stroke-dashoffset: 1521.6800537109375px;
        stroke-dasharray: 760.8400268554688px;
    }
}

@keyframes animate-sterowanie-stroke-2 {
    0% {
        stroke-dashoffset: 760.8400268554688px;
        stroke-dasharray: 760.8400268554688px;
    }

    100% {
        stroke-dashoffset: 1521.6800537109375px;
        stroke-dasharray: 760.8400268554688px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-2 {
    -webkit-animation: animate-sterowanie-stroke-2 3s ease 0.2s both, animate-sterowanie-fill-2 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.7s both;
    animation: animate-sterowanie-stroke-2 3s ease 0.2s both, animate-sterowanie-fill-2 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.7s both;
}

@-webkit-keyframes animate-sterowanie-stroke-3 {
    0% {
        stroke-dashoffset: 799.730224609375px;
        stroke-dasharray: 799.730224609375px;
    }

    100% {
        stroke-dashoffset: 1599.46044921875px;
        stroke-dasharray: 799.730224609375px;
    }
}

@keyframes animate-sterowanie-stroke-3 {
    0% {
        stroke-dashoffset: 799.730224609375px;
        stroke-dasharray: 799.730224609375px;
    }

    100% {
        stroke-dashoffset: 1599.46044921875px;
        stroke-dasharray: 799.730224609375px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-3 {
    -webkit-animation: animate-sterowanie-stroke-3 3s ease 0.30000000000000004s both, animate-sterowanie-fill-3 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.9s both;
    animation: animate-sterowanie-stroke-3 3s ease 0.30000000000000004s both, animate-sterowanie-fill-3 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.9s both;
}

@-webkit-keyframes animate-sterowanie-stroke-4 {
    0% {
        stroke-dashoffset: 815.2906494140625px;
        stroke-dasharray: 815.2906494140625px;
    }

    100% {
        stroke-dashoffset: 1630.581298828125px;
        stroke-dasharray: 815.2906494140625px;
    }
}

@keyframes animate-sterowanie-stroke-4 {
    0% {
        stroke-dashoffset: 815.2906494140625px;
        stroke-dasharray: 815.2906494140625px;
    }

    100% {
        stroke-dashoffset: 1630.581298828125px;
        stroke-dasharray: 815.2906494140625px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-4 {
    -webkit-animation: animate-sterowanie-stroke-4 3s ease 0.4s both, animate-sterowanie-fill-4 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s both;
    animation: animate-sterowanie-stroke-4 3s ease 0.4s both, animate-sterowanie-fill-4 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s both;
}

@-webkit-keyframes animate-sterowanie-stroke-5 {
    0% {
        stroke-dashoffset: 754.0001220703125px;
        stroke-dasharray: 754.0001220703125px;
    }

    100% {
        stroke-dashoffset: 1508.000244140625px;
        stroke-dasharray: 754.0001220703125px;
    }
}

@keyframes animate-sterowanie-stroke-5 {
    0% {
        stroke-dashoffset: 754.0001220703125px;
        stroke-dasharray: 754.0001220703125px;
    }

    100% {
        stroke-dashoffset: 1508.000244140625px;
        stroke-dasharray: 754.0001220703125px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-5 {
    -webkit-animation: animate-sterowanie-stroke-5 3s ease 0.5s both, animate-sterowanie-fill-5 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.3s both;
    animation: animate-sterowanie-stroke-5 3s ease 0.5s both, animate-sterowanie-fill-5 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.3s both;
}

@-webkit-keyframes animate-sterowanie-stroke-6 {
    0% {
        stroke-dashoffset: 492.4200134277344px;
        stroke-dasharray: 492.4200134277344px;
    }

    100% {
        stroke-dashoffset: 984.8400268554688px;
        stroke-dasharray: 492.4200134277344px;
    }
}

@keyframes animate-sterowanie-stroke-6 {
    0% {
        stroke-dashoffset: 492.4200134277344px;
        stroke-dasharray: 492.4200134277344px;
    }

    100% {
        stroke-dashoffset: 984.8400268554688px;
        stroke-dasharray: 492.4200134277344px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

@keyframes animate-sterowanie-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(60, 60, 59);
    }
}

.sterowanie-elem-6 {
    -webkit-animation: animate-sterowanie-stroke-6 3s ease 0.6s both, animate-sterowanie-fill-6 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.5s both;
    animation: animate-sterowanie-stroke-6 3s ease 0.6s both, animate-sterowanie-fill-6 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.5s both;
}

@-webkit-keyframes animate-sterowanie-stroke-7 {
    0% {
        stroke-dashoffset: 612.5986328125px;
        stroke-dasharray: 612.5986328125px;
    }

    100% {
        stroke-dashoffset: 1225.197265625px;
        stroke-dasharray: 612.5986328125px;
    }
}

@keyframes animate-sterowanie-stroke-7 {
    0% {
        stroke-dashoffset: 612.5986328125px;
        stroke-dasharray: 612.5986328125px;
    }

    100% {
        stroke-dashoffset: 1225.197265625px;
        stroke-dasharray: 612.5986328125px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

@keyframes animate-sterowanie-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

.sterowanie-elem-7 {
    -webkit-animation: animate-sterowanie-stroke-7 3s ease 0.7000000000000001s both, animate-sterowanie-fill-7 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.7s both;
    animation: animate-sterowanie-stroke-7 3s ease 0.7000000000000001s both, animate-sterowanie-fill-7 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.7s both;
}

@-webkit-keyframes animate-sterowanie-stroke-8 {
    0% {
        stroke-dashoffset: 612.6156616210938px;
        stroke-dasharray: 612.6156616210938px;
    }

    100% {
        stroke-dashoffset: 1225.2313232421875px;
        stroke-dasharray: 612.6156616210938px;
    }
}

@keyframes animate-sterowanie-stroke-8 {
    0% {
        stroke-dashoffset: 612.6156616210938px;
        stroke-dasharray: 612.6156616210938px;
    }

    100% {
        stroke-dashoffset: 1225.2313232421875px;
        stroke-dasharray: 612.6156616210938px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

@keyframes animate-sterowanie-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

.sterowanie-elem-8 {
    -webkit-animation: animate-sterowanie-stroke-8 3s ease 0.8s both, animate-sterowanie-fill-8 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.9000000000000004s both;
    animation: animate-sterowanie-stroke-8 3s ease 0.8s both, animate-sterowanie-fill-8 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.9000000000000004s both;
}

@-webkit-keyframes animate-sterowanie-stroke-9 {
    0% {
        stroke-dashoffset: 612.6051635742188px;
        stroke-dasharray: 612.6051635742188px;
    }

    100% {
        stroke-dashoffset: 1225.2103271484375px;
        stroke-dasharray: 612.6051635742188px;
    }
}

@keyframes animate-sterowanie-stroke-9 {
    0% {
        stroke-dashoffset: 612.6051635742188px;
        stroke-dasharray: 612.6051635742188px;
    }

    100% {
        stroke-dashoffset: 1225.2103271484375px;
        stroke-dasharray: 612.6051635742188px;
    }
}

@-webkit-keyframes animate-sterowanie-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

@keyframes animate-sterowanie-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(102, 178, 46);
    }
}

.sterowanie-elem-9 {
    -webkit-animation: animate-sterowanie-stroke-9 3s ease 0.9s both, animate-sterowanie-fill-9 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 3.1s both;
    animation: animate-sterowanie-stroke-9 3s ease 0.9s both, animate-sterowanie-fill-9 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 3.1s both;
}