svg {
    width: 100px;
    height: 100px;
    /*margin: 50px auto;*/
    display: block;
    transform-style: preserve-3d; /* Włączenie 3D dla obiektu */
    transform-origin: center; /* Określenie środka obrotu */
    transition: transform 1s; /* Czas trwania obrotu */

    overflow: visible;
}

/* Ustawienia ścieżek */
.checkmark {
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw 1s ease-in-out forwards;

    transform: translateX(-2.5%);
}

.cross {
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw 1s ease-in-out forwards;

    transform: translate(-3.5%, -2.5%);
}

.checkmark {
    stroke: green;
}
.cross {
    stroke: red;
}
.cross-line-1 {
    animation-delay: 0s;
}
.cross-line-2 {
    animation-delay: 0.5s;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.checkbox-wrapper-2 .ikxBAC {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 35px;
}

.checkbox-wrapper-2 .ikxBAC::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.checkbox-wrapper-2 .ikxBAC,
.checkbox-wrapper-2 .ikxBAC::after {
    transition: all 100ms ease-out;
}

.checkbox-wrapper-2 .ikxBAC::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
    cursor: default;
}

.checkbox-wrapper-2 .ikxBAC:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
    background-color: #6e883f;
    transition: 0.2s background-color;
}

.checkbox-wrapper-2 .ikxBAC:checked::after {
    background-color: #fff;
    left: 18px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
    outline: 0;
}

.checkbox-wrapper-2 .ikxBAC:checked:hover {
    background-color: #526b30;
}

.checkbox-wrapper-2 > label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}