.spell {
    height: 60px;
    aspect-ratio: 1/1;
    position: relative;
}

.spell > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.addit-alte {
    width: 46%;
    height: 46%;
    position: absolute;
    top: 2%;
    left: 2%;
}

.alteration {
    height: 26%;
    width: 26%;
    top: 7%;
    left: 7%;
}

.alteration-thumb {
    height: 100%;
    vertical-align: top;
}

.alteration-plus {
    height: 80%;
    position: absolute;
    top: -28%;
    left: -44%;
}

.sub-alteration {
    height: 28%;
    width: 28%;
    top: -8%;
    left: 24%;
    z-index: 1;
}

.sub-alteration > img, .nad-sub-alteration > img {
    height: 100%;
}

.bottom {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.sub-container {
    height: 35%;
    width: 35%;
    right: 0.5%;
    bottom: -0.5%;
}


.additionnal {
    height: 39%;
    width: 39%;
    right: -1%;
    bottom: -2%;
}
/* NAD */

.nad {
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 2%;
    right: 0;
    height: 55%;
    /* display: none; */
}

.nad > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

}

.nad-addit-alte {
    width: 50%;
    height: 50%;
    left: -2%;
    top: -1%;
}

.nad-alteration {
    height: 20%;
    width: 20%;
    top: 2%;
    left: 1.5%;
}

.nad-alteration > .alteration-plus {
    height: 65%;
    position: absolute;
    top: -17%;
    left: -39%;
}

.nad-sub-alteration {
    height: 21%;
    width: 21%;
    top: -6%;
    left: 20%;
}

.kit {
    position: relative;
    height: 215px;
    width: 200px;
    aspect-ratio: 200 / 215;
}

.kit > img {
    width: 100%;
    height: 100%;
}

.kit > .spell {
    position: absolute;
    height: 35.2%;
    /* display: none; */
}

.special {
    top: 2.3%;
    right: -1.3%;
}

.sa3 {
    top: 8.1%;
    right: 34.6%;
}

.sa2 {
    top: 31.5%;
    left: 2.7%;
}

.sa1 {
    left: -1.3%;
    bottom: 0%;
}

.kit-ex-strong {
    width: 272px;
    aspect-ratio: 272 / 215;
}

.kit-ex-strong > .nad {
    bottom: 1%;
}

.kit-ex-strong > .sa1 {
    left: 25.5%;
    bottom: 0%;
}

.kit-ex-strong > .sa2 {
    top: 31.5%;
    left: 28.4%;
}

.kit-ex-strong > .sa3 {
    top: 8.1%;
    right: 25.4%;
}

.kit-ex-strong > .special {
    right: -1%;
}

.kit-ex-strong > .sa-ex {
    left: -1px;
    height: 25.5%;
    top: 43.5%;
}