.cls-1,
.cls-4 {
    isolation: isolate;
}
.cls-1 {
    filter: url(#luminosity-noclip);
}
.cls-2 {
    clip-path: url(#clip-path);
}
.cls-12,
.cls-15,
.cls-16,
.cls-3 {
    fill: none;
}
.cls-4 {
    filter: url(#luminosity-noclip-2);
}
.cls-5 {
    clip-path: url(#clip-path-2);
}
.cls-6 {
    /* clip-path: url(#clip-path-3); */
}
.cls-7 {
    mask: url(#mask);
}
.cls-8 {
    clip-path: url(#clip-path-6);
}
.cls-9 {
    fill: gray;
}
.cls-10 {
    mask: url(#mask-2);
}
.cls-11 {
    clip-path: url(#clip-path-7);
}
.cls-12 {
    stroke: #b2b2b2;
}
.cls-12,
.cls-16 {
    stroke-miterlimit: 10;
    stroke-width: 7px;
}
.cls-13,
.cls-25,
.cls-26 {
    fill: #e3dc76;
}
.cls-14,
.cls-19,
.cls-22,
.cls-23,
.cls-31,
.cls-35,
.cls-36 {
    fill: #fff;
}
.cls-15,
.cls-16 {
    stroke: #d7385e;
}
.cls-15 {
    stroke-linejoin: round;
    stroke-width: 5px;
}
.cls-17 {
    fill: #d7385e;
}
.cls-18,
.cls-19 {
    font-size: 28px;
}
.cls-18,
.cls-19,
.cls-20,
.cls-35,
.cls-36 {
    font-family: rounded-mplus-1p-medium, "Rounded M+ 1p";
    font-weight: 500;
}
.cls-20 {
    font-size: 23.8px;
}
.cls-21 {
    letter-spacing: -0.08em;
}
.cls-22 {
    font-size: 15px;
}
.cls-22,
.cls-23,
.cls-25,
.cls-26,
.cls-30,
.cls-31,
.cls-32 {
    font-family: rounded-mplus-1p-bold, rounded mplus-1p-bold;
    font-weight: 700;
}
.cls-23 {
    font-size: 12.75px;
}
.cls-24 {
    letter-spacing: -0.07em;
}
.cls-25,
.cls-30,
.cls-31 {
    font-size: 18px;
}
.cls-26,
.cls-32 {
    font-size: 15.3px;
}
.cls-27 {
    letter-spacing: -0.07em;
}
.cls-28 {
    fill: #9ce5d9;
}
.cls-29 {
    fill: #eb9cae;
}
.cls-33 {
    letter-spacing: -0.07em;
}
.cls-34 {
    fill: #38cbb3;
}
.cls-35 {
    font-size: 20.48px;
}
.cls-36 {
    font-size: 20px;
}

.cls-37 {
    fill: #ffcaa8;
}

.cls-38 {
    fill: #ff9550;
}
.cls-39 {
    stroke: #ff9550;
    fill: none;
    stroke-linejoin: round;
    stroke-width: 5px;
}

[gid="btn-generate-value"],
[gid="btn-start-sort"] {
    cursor: pointer;
}
.cls-40 {
    fill: #a89ab1;
}
.cls-41 {
    fill: #513563;
}

.graph-index > text {
    fill: #e3dc76;
}
.fill-white {
    fill: white;
    stroke: #e3dc76;
    stroke-width: 2px;
}
.graph-index-sorted {
    fill: #513563;
}

.text-white {
    fill: white !important;
}
.generate-disabled {
    fill: #c3efe8;
}

.generate-actived {
    fill: #4e9b8f;
}

.start-sort-disabled {
    fill: #f3c3cf;
}

.start-sort-actived {
    fill: #a14152;
}