# All files / ship-components-tag-input/src Loader.css

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63

    @keyframes rotator {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(270deg); }
    }

    @keyframes colors {
        0% { stroke: #0091EA; }
        33% { stroke: #00C853; }
        100% { stroke: #0091EA; }
    }

    @keyframes dash {
        0% { stroke-dashoffset: 187; }
        50% {
            stroke-dashoffset: 46.75;
            transform:rotate(135deg);
        }
        100% {
            stroke-dashoffset: 187;
            transform:rotate(450deg);
        }
    }

    .container {
        position: fixed;
        z-index: 1000;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -32px;
        height: 0;
        opacity: 0;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }
    .container.visible {
        height: 65px;
        opacity: 1;
    }
    .container.absolute {
        position: absolute;
    }

    .spinner {
        display: block;
        height: 65px;
        width: 65px;
        margin: 0 auto;
        animation: rotator 1.4s linear infinite;
    }
    .spinner-path {
        stroke-width: 3px;
        stroke-linecap: round;
        stroke-dasharray: 187;
        stroke-dashoffset: 0;
        transform-origin: center;
        animation:
        dash 1.4s ease-in-out infinite,
        colors 5.6s ease-in-out infinite;
    }