body {
    margin: 0;
    line-height: normal;
}

.div {
    position: absolute;
    top: -64px;
    left: -86px;
    border-radius: 200px;
}

.group-child,
.group-icon {
    position: absolute;
    top: 0;
    left: 51px;
    width: 90px;
    height: 168px;
}

.group-icon {
    height: 51.77%;
    width: 99.79%;
    right: 0;
    bottom: 48.23%;
    left: 0.21%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group,
.group-icon1 {
    position: absolute;
    left: 0;
}

.group-icon1 {
    height: 32.59%;
    width: 98.64%;
    top: 67.45%;
    right: 1.36%;
    bottom: -0.04%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group {
    height: 26.8%;
    width: 100%;
    top: 73.19%;
    right: 0;
    bottom: 0.01%;
}

.frame-parent {
    position: absolute;
    top: 200px;
    left: 28%;
    width: 192px;
    height: 284px;
}

.android-small-187-child {
    position: absolute;
    top: 593px;
    left: 153px;
    width: 54px;
    height: 8px;
}

.android-small-187-item {
    position: absolute;
    top: 320px;
    left: 360px;
    max-height: 100%;
    width: 276px;
}

.android-small-187-inner {
    position: absolute;
    top: 320px;
    left: 1194px;
    width: 1532px;
    height: 0;
}

.android-small-187 {
    width: 100%;
    position: relative;
    background-color: #fff;
    height: 640px;
    overflow: hidden;
}


.loader {
    width: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #87ACE8FF;
    position: absolute;

    animation: l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}

@keyframes l20-1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)
    }
    12.5% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }
    62.5% {
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }
    75% {
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)
    }
    100% {
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)
    }
}

@keyframes l20-2 {
    0% {
        transform: scaleY(1) rotate(0deg)
    }
    49.99% {
        transform: scaleY(1) rotate(135deg)
    }
    50% {
        transform: scaleY(-1) rotate(0deg)
    }
    100% {
        transform: scaleY(-1) rotate(-135deg)
    }
}

.loading-text {
    font-family: Arial, serif ;
    font-size: 10px;
    color: #87ACE8FF;
    margin-left: 25px;
}

.loader-container {
    display: block;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 95%;
    gap: 25px;
    width: 100px;
    transform: translate(-43%, -49%);
}