@import '../../style/default.less';

@xs-size: 16px;
@sm-size: 24px;
@large-size: 32px;

.whale-default-load-twelve {
    width: @sm-size;
    height: @sm-size;
    text-align: center;
}

.whale-default-twelve-twe {
    width: @sm-size;
    height: @sm-size;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    // background: linear-gradient(
    //     0deg,
    //     rgba(40, 55, 77, 0.1) 33%,
    //     rgb(40, 55, 77) 100%
    // );
    background: linear-gradient(
        0deg,
        @primary-4 33%,
        @primary-6 100%
    );
    animation: whale-default-spin.8s linear 0s infinite;
}

.whale-default-twelve-lve {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
}

@keyframes whale-default-spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(359deg);
    }
}