/*
 * Campfire - generated by tools/generate-campfire.js (32x26 grid). Don't edit by hand.
 * Each pixel layer is a 1x1 element drawn with box-shadows, scaled up with zoom
 * so every art pixel stays a crisp square. The light is translucent, so it
 * tints whatever background sits behind it.
 */
.campfire {
    position: relative;
    width: 32px;
    height: 26px;
    zoom: 6;
    background-color: transparent;
}

@media (min-width: 900px) {
    .campfire {
        zoom: 8;
    }
}

.campfire > * {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    background-color: transparent;
}

.campfire-props {
    box-shadow:
        13px 19px #86746a,
        14px 19px #5e514b,
        19px 19px #86746a,
        20px 19px #5e514b,
        11px 20px #86746a,
        12px 20px #5e514b,
        21px 20px #86746a,
        22px 20px #5e514b,
        13px 20px #4a2a17,
        20px 20px #4a2a17,
        13px 21px #a0703f,
        14px 21px #4a2a17,
        15px 21px #6e4020,
        16px 21px #b8401a,
        17px 21px #f07a24,
        18px 21px #6e4020,
        19px 21px #4a2a17,
        20px 21px #a0703f,
        11px 21px #86746a,
        12px 21px #5e514b,
        21px 21px #86746a,
        22px 21px #5e514b,
        12px 22px #86746a,
        13px 22px #5e514b,
        15px 22px #86746a,
        16px 22px #5e514b,
        18px 22px #86746a,
        19px 22px #5e514b,
        21px 22px #86746a,
        22px 22px #5e514b;
}

.campfire .campfire-light {
    top: 0;
    left: 0;
    width: 32px;
    height: 26px;
    background-color: rgb(255 140 50);
    will-change: opacity;
}

.campfire-light-1 {
    --light: 0.06;
    opacity: var(--light);
    clip-path: polygon(23px 15px, 23px 16px, 27px 16px, 27px 17px, 29px 17px, 29px 18px, 30px 18px, 30px 19px, 31px 19px, 31px 20px, 31px 20px, 31px 21px, 30px 21px, 30px 22px, 29px 22px, 29px 23px, 27px 23px, 27px 24px, 23px 24px, 23px 25px, 9px 25px, 9px 24px, 5px 24px, 5px 23px, 3px 23px, 3px 22px, 2px 22px, 2px 21px, 1px 21px, 1px 20px, 1px 20px, 1px 19px, 2px 19px, 2px 18px, 3px 18px, 3px 17px, 5px 17px, 5px 16px, 9px 16px, 9px 15px);
    animation: campfire-flicker-a 2.3s infinite;
}

.campfire-light-2 {
    --light: 0.08;
    opacity: var(--light);
    clip-path: polygon(24px 17px, 24px 18px, 26px 18px, 26px 19px, 27px 19px, 27px 20px, 27px 20px, 27px 21px, 26px 21px, 26px 22px, 24px 22px, 24px 23px, 19px 23px, 19px 24px, 13px 24px, 13px 23px, 8px 23px, 8px 22px, 6px 22px, 6px 21px, 5px 21px, 5px 20px, 5px 20px, 5px 19px, 6px 19px, 6px 18px, 8px 18px, 8px 17px);
    animation: campfire-flicker-b 1.7s infinite;
}

.campfire-light-3 {
    --light: 0.1;
    opacity: var(--light);
    clip-path: polygon(22px 18px, 22px 19px, 23px 19px, 23px 20px, 23px 20px, 23px 21px, 22px 21px, 22px 22px, 10px 22px, 10px 21px, 9px 21px, 9px 20px, 9px 20px, 9px 19px, 10px 19px, 10px 18px);
    animation: campfire-flicker-a 1.3s infinite;
}

.campfire-light-4 {
    --light: 0.07;
    opacity: var(--light);
    clip-path: polygon(19px 13px, 19px 14px, 20px 14px, 20px 15px, 21px 15px, 21px 16px, 21px 16px, 21px 17px, 21px 17px, 21px 18px, 21px 18px, 21px 19px, 20px 19px, 20px 20px, 19px 20px, 19px 21px, 13px 21px, 13px 20px, 12px 20px, 12px 19px, 11px 19px, 11px 18px, 11px 18px, 11px 17px, 11px 17px, 11px 16px, 11px 16px, 11px 15px, 12px 15px, 12px 14px, 13px 14px, 13px 13px);
    animation: campfire-flicker-b 0.9s infinite;
}

.campfire-light-5 {
    --light: 0.1;
    opacity: var(--light);
    clip-path: polygon(18px 14px, 18px 15px, 19px 15px, 19px 16px, 19px 16px, 19px 17px, 19px 17px, 19px 18px, 19px 18px, 19px 19px, 18px 19px, 18px 20px, 14px 20px, 14px 19px, 13px 19px, 13px 18px, 13px 18px, 13px 17px, 13px 17px, 13px 16px, 13px 16px, 13px 15px, 14px 15px, 14px 14px);
    animation: campfire-flicker-a 0.7s infinite;
}

.campfire-flame {
    box-shadow:
        16px 15px #f2681d,
        16px 16px #f2681d,
        17px 16px #f2681d,
        16px 17px #f2681d,
        17px 17px #ffb13b,
        18px 17px #f2681d,
        15px 18px #f2681d,
        16px 18px #ffb13b,
        17px 18px #ffb13b,
        18px 18px #f2681d,
        15px 19px #f2681d,
        16px 19px #ffb13b,
        17px 19px #fff1b5,
        18px 19px #f2681d,
        15px 20px #f2681d,
        16px 20px #fff1b5,
        17px 20px #fff1b5,
        18px 20px #f2681d;
    animation: campfire-flame 0.8s infinite;
}

@keyframes campfire-flame {
    0% {
        box-shadow:
            16px 15px #f2681d,
            16px 16px #f2681d,
            17px 16px #f2681d,
            16px 17px #f2681d,
            17px 17px #ffb13b,
            18px 17px #f2681d,
            15px 18px #f2681d,
            16px 18px #ffb13b,
            17px 18px #ffb13b,
            18px 18px #f2681d,
            15px 19px #f2681d,
            16px 19px #ffb13b,
            17px 19px #fff1b5,
            18px 19px #f2681d,
            15px 20px #f2681d,
            16px 20px #fff1b5,
            17px 20px #fff1b5,
            18px 20px #f2681d;
        animation-timing-function: steps(1, end);
    }
    25% {
        box-shadow:
            17px 15px #f2681d,
            16px 16px #f2681d,
            17px 16px #f2681d,
            15px 17px #f2681d,
            16px 17px #ffb13b,
            17px 17px #f2681d,
            18px 17px #f2681d,
            15px 18px #f2681d,
            16px 18px #ffb13b,
            17px 18px #ffb13b,
            18px 18px #f2681d,
            15px 19px #f2681d,
            16px 19px #ffb13b,
            17px 19px #fff1b5,
            18px 19px #f2681d,
            15px 20px #f2681d,
            16px 20px #fff1b5,
            17px 20px #fff1b5,
            18px 20px #f2681d;
        animation-timing-function: steps(1, end);
    }
    50% {
        box-shadow:
            16px 15px #a8361a,
            16px 16px #f2681d,
            18px 16px #f2681d,
            16px 17px #f2681d,
            17px 17px #ffb13b,
            18px 17px #f2681d,
            15px 18px #f2681d,
            16px 18px #ffb13b,
            17px 18px #fff1b5,
            18px 18px #f2681d,
            15px 19px #f2681d,
            16px 19px #ffb13b,
            17px 19px #fff1b5,
            18px 19px #f2681d,
            15px 20px #f2681d,
            16px 20px #fff1b5,
            17px 20px #fff1b5,
            18px 20px #ffb13b;
        animation-timing-function: steps(1, end);
    }
    75% {
        box-shadow:
            17px 15px #a8361a,
            16px 16px #f2681d,
            15px 17px #f2681d,
            16px 17px #f2681d,
            17px 17px #f2681d,
            15px 18px #f2681d,
            16px 18px #ffb13b,
            17px 18px #ffb13b,
            18px 18px #f2681d,
            15px 19px #f2681d,
            16px 19px #fff1b5,
            17px 19px #ffb13b,
            18px 19px #f2681d,
            15px 20px #f2681d,
            16px 20px #fff1b5,
            17px 20px #fff1b5,
            18px 20px #f2681d;
        animation-timing-function: steps(1, end);
    }
}

/* Light flicker jumps between levels instead of fading, to feel low-framerate */
@keyframes campfire-flicker-a {
    0%   { opacity: var(--light); animation-timing-function: steps(1, end); }
    18%  { opacity: calc(var(--light) * 0.7); animation-timing-function: steps(1, end); }
    31%  { opacity: var(--light); animation-timing-function: steps(1, end); }
    55%  { opacity: calc(var(--light) * 0.85); animation-timing-function: steps(1, end); }
    68%  { opacity: calc(var(--light) * 1.2); animation-timing-function: steps(1, end); }
    84%  { opacity: calc(var(--light) * 0.8); animation-timing-function: steps(1, end); }
}

@keyframes campfire-flicker-b {
    0%   { opacity: calc(var(--light) * 1.15); animation-timing-function: steps(1, end); }
    24%  { opacity: calc(var(--light) * 0.75); animation-timing-function: steps(1, end); }
    40%  { opacity: var(--light); animation-timing-function: steps(1, end); }
    63%  { opacity: calc(var(--light) * 0.6); animation-timing-function: steps(1, end); }
    79%  { opacity: calc(var(--light) * 1.1); animation-timing-function: steps(1, end); }
}

.campfire-spark-1 {
    animation: campfire-spark-1 10.75s infinite;
}

@keyframes campfire-spark-1 {
    0% { box-shadow: none; animation-timing-function: steps(1, end); }
    8.553% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    9.108% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    9.663% { box-shadow: 15px 13px #fff1b5; animation-timing-function: steps(1, end); }
    10.219% { box-shadow: 15px 12px #fff1b5; animation-timing-function: steps(1, end); }
    10.774% { box-shadow: 15px 11px #fff1b5; animation-timing-function: steps(1, end); }
    11.330% { box-shadow: 15px 11px #ffb13b; animation-timing-function: steps(1, end); }
    11.885% { box-shadow: 15px 10px #ffb13b; animation-timing-function: steps(1, end); }
    12.440% { box-shadow: 15px 9px #ffb13b; animation-timing-function: steps(1, end); }
    12.996% { box-shadow: 15px 9px #ffb13b; animation-timing-function: steps(1, end); }
    13.551% { box-shadow: 16px 8px #ffb13b; animation-timing-function: steps(1, end); }
    14.106% { box-shadow: 16px 8px #f2681d; animation-timing-function: steps(1, end); }
    14.662% { box-shadow: 17px 7px #f2681d; animation-timing-function: steps(1, end); }
    15.217% { box-shadow: 17px 7px #f2681d; animation-timing-function: steps(1, end); }
    15.772% { box-shadow: 18px 6px #f2681d; animation-timing-function: steps(1, end); }
    16.328% { box-shadow: 18px 6px #a8361a; animation-timing-function: steps(1, end); }
    16.883% { box-shadow: 18px 6px #a8361a; animation-timing-function: steps(1, end); }
    17.438% { box-shadow: none; animation-timing-function: steps(1, end); }
    20.988% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    21.675% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    22.361% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    23.047% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    23.734% { box-shadow: 17px 10px #fff1b5; animation-timing-function: steps(1, end); }
    24.420% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    25.106% { box-shadow: 17px 8px #ffb13b; animation-timing-function: steps(1, end); }
    25.792% { box-shadow: 17px 7px #ffb13b; animation-timing-function: steps(1, end); }
    26.479% { box-shadow: 18px 6px #ffb13b; animation-timing-function: steps(1, end); }
    27.165% { box-shadow: 18px 6px #ffb13b; animation-timing-function: steps(1, end); }
    27.851% { box-shadow: 19px 5px #f2681d; animation-timing-function: steps(1, end); }
    28.538% { box-shadow: 19px 4px #f2681d; animation-timing-function: steps(1, end); }
    29.224% { box-shadow: 19px 4px #f2681d; animation-timing-function: steps(1, end); }
    29.910% { box-shadow: 20px 4px #f2681d; animation-timing-function: steps(1, end); }
    30.596% { box-shadow: 20px 3px #a8361a; animation-timing-function: steps(1, end); }
    31.283% { box-shadow: 21px 3px #a8361a; animation-timing-function: steps(1, end); }
    31.969% { box-shadow: none; animation-timing-function: steps(1, end); }
    34.726% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    35.456% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    36.186% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    36.917% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    37.647% { box-shadow: 18px 11px #fff1b5; animation-timing-function: steps(1, end); }
    38.378% { box-shadow: 19px 11px #ffb13b; animation-timing-function: steps(1, end); }
    39.108% { box-shadow: 19px 10px #ffb13b; animation-timing-function: steps(1, end); }
    39.838% { box-shadow: 20px 9px #ffb13b; animation-timing-function: steps(1, end); }
    40.569% { box-shadow: 20px 9px #ffb13b; animation-timing-function: steps(1, end); }
    41.299% { box-shadow: 20px 8px #ffb13b; animation-timing-function: steps(1, end); }
    42.029% { box-shadow: 20px 8px #f2681d; animation-timing-function: steps(1, end); }
    42.760% { box-shadow: 20px 7px #f2681d; animation-timing-function: steps(1, end); }
    43.490% { box-shadow: 20px 7px #f2681d; animation-timing-function: steps(1, end); }
    44.221% { box-shadow: 20px 6px #f2681d; animation-timing-function: steps(1, end); }
    44.951% { box-shadow: 19px 6px #a8361a; animation-timing-function: steps(1, end); }
    45.681% { box-shadow: 19px 6px #a8361a; animation-timing-function: steps(1, end); }
    46.412% { box-shadow: none; animation-timing-function: steps(1, end); }
    52.674% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    53.229% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    53.785% { box-shadow: 15px 13px #fff1b5; animation-timing-function: steps(1, end); }
    54.340% { box-shadow: 14px 13px #fff1b5; animation-timing-function: steps(1, end); }
    54.896% { box-shadow: 14px 12px #fff1b5; animation-timing-function: steps(1, end); }
    55.451% { box-shadow: 13px 11px #ffb13b; animation-timing-function: steps(1, end); }
    56.006% { box-shadow: 13px 10px #ffb13b; animation-timing-function: steps(1, end); }
    56.562% { box-shadow: 12px 10px #ffb13b; animation-timing-function: steps(1, end); }
    57.117% { box-shadow: 12px 9px #ffb13b; animation-timing-function: steps(1, end); }
    57.673% { box-shadow: 11px 9px #ffb13b; animation-timing-function: steps(1, end); }
    58.228% { box-shadow: 11px 8px #f2681d; animation-timing-function: steps(1, end); }
    58.783% { box-shadow: 10px 8px #f2681d; animation-timing-function: steps(1, end); }
    59.339% { box-shadow: 10px 8px #f2681d; animation-timing-function: steps(1, end); }
    59.894% { box-shadow: 10px 7px #f2681d; animation-timing-function: steps(1, end); }
    60.450% { box-shadow: 10px 7px #a8361a; animation-timing-function: steps(1, end); }
    61.005% { box-shadow: 10px 7px #a8361a; animation-timing-function: steps(1, end); }
    61.561% { box-shadow: none; animation-timing-function: steps(1, end); }
    66.361% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    66.951% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    67.540% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    68.130% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    68.720% { box-shadow: 15px 11px #fff1b5; animation-timing-function: steps(1, end); }
    69.310% { box-shadow: 15px 10px #ffb13b; animation-timing-function: steps(1, end); }
    69.899% { box-shadow: 15px 9px #ffb13b; animation-timing-function: steps(1, end); }
    70.489% { box-shadow: 14px 9px #ffb13b; animation-timing-function: steps(1, end); }
    71.079% { box-shadow: 14px 8px #ffb13b; animation-timing-function: steps(1, end); }
    71.669% { box-shadow: 14px 8px #ffb13b; animation-timing-function: steps(1, end); }
    72.259% { box-shadow: 14px 7px #f2681d; animation-timing-function: steps(1, end); }
    72.848% { box-shadow: 14px 7px #f2681d; animation-timing-function: steps(1, end); }
    73.438% { box-shadow: 15px 7px #f2681d; animation-timing-function: steps(1, end); }
    74.028% { box-shadow: 15px 6px #f2681d; animation-timing-function: steps(1, end); }
    74.618% { box-shadow: 15px 6px #a8361a; animation-timing-function: steps(1, end); }
    75.207% { box-shadow: 16px 6px #a8361a; animation-timing-function: steps(1, end); }
    75.797% { box-shadow: none; animation-timing-function: steps(1, end); }
    84.305% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    84.832% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    85.360% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    85.887% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    86.414% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    86.941% { box-shadow: 18px 10px #ffb13b; animation-timing-function: steps(1, end); }
    87.468% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    87.995% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    88.522% { box-shadow: 18px 8px #ffb13b; animation-timing-function: steps(1, end); }
    89.049% { box-shadow: 18px 8px #ffb13b; animation-timing-function: steps(1, end); }
    89.576% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    90.103% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    90.630% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    91.158% { box-shadow: 18px 6px #f2681d; animation-timing-function: steps(1, end); }
    91.685% { box-shadow: 18px 6px #a8361a; animation-timing-function: steps(1, end); }
    92.212% { box-shadow: 18px 6px #a8361a; animation-timing-function: steps(1, end); }
    92.739% { box-shadow: none; animation-timing-function: steps(1, end); }
    100% { box-shadow: none; }
}

.campfire-spark-2 {
    animation: campfire-spark-2 12.58s infinite;
}

@keyframes campfire-spark-2 {
    0% { box-shadow: none; animation-timing-function: steps(1, end); }
    0.098% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    0.779% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    1.460% { box-shadow: 15px 12px #fff1b5; animation-timing-function: steps(1, end); }
    2.141% { box-shadow: 15px 11px #fff1b5; animation-timing-function: steps(1, end); }
    2.822% { box-shadow: 14px 10px #fff1b5; animation-timing-function: steps(1, end); }
    3.503% { box-shadow: 14px 9px #ffb13b; animation-timing-function: steps(1, end); }
    4.184% { box-shadow: 14px 8px #ffb13b; animation-timing-function: steps(1, end); }
    4.865% { box-shadow: 13px 8px #ffb13b; animation-timing-function: steps(1, end); }
    5.546% { box-shadow: 13px 7px #ffb13b; animation-timing-function: steps(1, end); }
    6.227% { box-shadow: 13px 6px #ffb13b; animation-timing-function: steps(1, end); }
    6.908% { box-shadow: 13px 6px #f2681d; animation-timing-function: steps(1, end); }
    7.589% { box-shadow: 13px 5px #f2681d; animation-timing-function: steps(1, end); }
    8.270% { box-shadow: 12px 5px #f2681d; animation-timing-function: steps(1, end); }
    8.951% { box-shadow: 12px 4px #f2681d; animation-timing-function: steps(1, end); }
    9.632% { box-shadow: 12px 4px #a8361a; animation-timing-function: steps(1, end); }
    10.313% { box-shadow: 12px 4px #a8361a; animation-timing-function: steps(1, end); }
    10.994% { box-shadow: none; animation-timing-function: steps(1, end); }
    17.091% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    17.814% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    18.538% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    19.261% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    19.985% { box-shadow: 17px 10px #fff1b5; animation-timing-function: steps(1, end); }
    20.708% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    21.431% { box-shadow: 18px 8px #ffb13b; animation-timing-function: steps(1, end); }
    22.155% { box-shadow: 18px 7px #ffb13b; animation-timing-function: steps(1, end); }
    22.878% { box-shadow: 18px 6px #ffb13b; animation-timing-function: steps(1, end); }
    23.601% { box-shadow: 18px 5px #ffb13b; animation-timing-function: steps(1, end); }
    24.325% { box-shadow: 18px 5px #f2681d; animation-timing-function: steps(1, end); }
    25.048% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    25.772% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    26.495% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    27.218% { box-shadow: 18px 3px #a8361a; animation-timing-function: steps(1, end); }
    27.942% { box-shadow: 18px 3px #a8361a; animation-timing-function: steps(1, end); }
    28.665% { box-shadow: none; animation-timing-function: steps(1, end); }
    36.416% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    36.947% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    37.478% { box-shadow: 15px 13px #fff1b5; animation-timing-function: steps(1, end); }
    38.009% { box-shadow: 15px 12px #fff1b5; animation-timing-function: steps(1, end); }
    38.540% { box-shadow: 14px 11px #fff1b5; animation-timing-function: steps(1, end); }
    39.071% { box-shadow: 14px 10px #ffb13b; animation-timing-function: steps(1, end); }
    39.602% { box-shadow: 14px 9px #ffb13b; animation-timing-function: steps(1, end); }
    40.133% { box-shadow: 14px 8px #ffb13b; animation-timing-function: steps(1, end); }
    40.664% { box-shadow: 15px 7px #ffb13b; animation-timing-function: steps(1, end); }
    41.195% { box-shadow: 15px 6px #ffb13b; animation-timing-function: steps(1, end); }
    41.726% { box-shadow: 15px 6px #f2681d; animation-timing-function: steps(1, end); }
    42.257% { box-shadow: 16px 5px #f2681d; animation-timing-function: steps(1, end); }
    42.788% { box-shadow: 17px 5px #f2681d; animation-timing-function: steps(1, end); }
    43.319% { box-shadow: 17px 5px #f2681d; animation-timing-function: steps(1, end); }
    43.850% { box-shadow: 17px 4px #a8361a; animation-timing-function: steps(1, end); }
    44.381% { box-shadow: 17px 4px #a8361a; animation-timing-function: steps(1, end); }
    44.912% { box-shadow: none; animation-timing-function: steps(1, end); }
    54.206% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    54.908% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    55.609% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    56.310% { box-shadow: 18px 12px #fff1b5; animation-timing-function: steps(1, end); }
    57.011% { box-shadow: 18px 11px #fff1b5; animation-timing-function: steps(1, end); }
    57.712% { box-shadow: 19px 10px #ffb13b; animation-timing-function: steps(1, end); }
    58.413% { box-shadow: 19px 9px #ffb13b; animation-timing-function: steps(1, end); }
    59.114% { box-shadow: 20px 8px #ffb13b; animation-timing-function: steps(1, end); }
    59.815% { box-shadow: 21px 7px #ffb13b; animation-timing-function: steps(1, end); }
    60.517% { box-shadow: 21px 6px #ffb13b; animation-timing-function: steps(1, end); }
    61.218% { box-shadow: 22px 6px #f2681d; animation-timing-function: steps(1, end); }
    61.919% { box-shadow: 22px 5px #f2681d; animation-timing-function: steps(1, end); }
    62.620% { box-shadow: 23px 5px #f2681d; animation-timing-function: steps(1, end); }
    63.321% { box-shadow: 23px 5px #f2681d; animation-timing-function: steps(1, end); }
    64.022% { box-shadow: 24px 4px #a8361a; animation-timing-function: steps(1, end); }
    64.723% { box-shadow: 24px 4px #a8361a; animation-timing-function: steps(1, end); }
    65.424% { box-shadow: none; animation-timing-function: steps(1, end); }
    69.739% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    70.362% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    70.986% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    71.610% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    72.233% { box-shadow: 17px 10px #fff1b5; animation-timing-function: steps(1, end); }
    72.857% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    73.480% { box-shadow: 17px 8px #ffb13b; animation-timing-function: steps(1, end); }
    74.104% { box-shadow: 17px 7px #ffb13b; animation-timing-function: steps(1, end); }
    74.727% { box-shadow: 17px 6px #ffb13b; animation-timing-function: steps(1, end); }
    75.351% { box-shadow: 17px 6px #ffb13b; animation-timing-function: steps(1, end); }
    75.974% { box-shadow: 17px 5px #f2681d; animation-timing-function: steps(1, end); }
    76.598% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    77.221% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    77.845% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    78.469% { box-shadow: 19px 3px #a8361a; animation-timing-function: steps(1, end); }
    79.092% { box-shadow: 19px 3px #a8361a; animation-timing-function: steps(1, end); }
    79.716% { box-shadow: none; animation-timing-function: steps(1, end); }
    88.789% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    89.416% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    90.043% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    90.669% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    91.296% { box-shadow: 18px 10px #fff1b5; animation-timing-function: steps(1, end); }
    91.923% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    92.549% { box-shadow: 19px 8px #ffb13b; animation-timing-function: steps(1, end); }
    93.176% { box-shadow: 20px 8px #ffb13b; animation-timing-function: steps(1, end); }
    93.803% { box-shadow: 21px 7px #ffb13b; animation-timing-function: steps(1, end); }
    94.429% { box-shadow: 21px 6px #ffb13b; animation-timing-function: steps(1, end); }
    95.056% { box-shadow: 21px 6px #f2681d; animation-timing-function: steps(1, end); }
    95.683% { box-shadow: 20px 5px #f2681d; animation-timing-function: steps(1, end); }
    96.309% { box-shadow: 20px 5px #f2681d; animation-timing-function: steps(1, end); }
    96.936% { box-shadow: 19px 4px #f2681d; animation-timing-function: steps(1, end); }
    97.563% { box-shadow: 18px 4px #a8361a; animation-timing-function: steps(1, end); }
    98.189% { box-shadow: 17px 4px #a8361a; animation-timing-function: steps(1, end); }
    98.816% { box-shadow: none; animation-timing-function: steps(1, end); }
    100% { box-shadow: none; }
}

.campfire-spark-3 {
    animation: campfire-spark-3 11.24s infinite;
}

@keyframes campfire-spark-3 {
    0% { box-shadow: none; animation-timing-function: steps(1, end); }
    4.653% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    5.386% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    6.120% { box-shadow: 18px 12px #fff1b5; animation-timing-function: steps(1, end); }
    6.853% { box-shadow: 19px 11px #fff1b5; animation-timing-function: steps(1, end); }
    7.586% { box-shadow: 20px 10px #fff1b5; animation-timing-function: steps(1, end); }
    8.319% { box-shadow: 21px 10px #ffb13b; animation-timing-function: steps(1, end); }
    9.053% { box-shadow: 22px 9px #ffb13b; animation-timing-function: steps(1, end); }
    9.786% { box-shadow: 22px 8px #ffb13b; animation-timing-function: steps(1, end); }
    10.519% { box-shadow: 22px 8px #ffb13b; animation-timing-function: steps(1, end); }
    11.252% { box-shadow: 21px 7px #ffb13b; animation-timing-function: steps(1, end); }
    11.986% { box-shadow: 20px 7px #f2681d; animation-timing-function: steps(1, end); }
    12.719% { box-shadow: 19px 6px #f2681d; animation-timing-function: steps(1, end); }
    13.452% { box-shadow: 18px 6px #f2681d; animation-timing-function: steps(1, end); }
    14.185% { box-shadow: 18px 5px #f2681d; animation-timing-function: steps(1, end); }
    14.919% { box-shadow: 18px 5px #a8361a; animation-timing-function: steps(1, end); }
    15.652% { box-shadow: 18px 5px #a8361a; animation-timing-function: steps(1, end); }
    16.385% { box-shadow: none; animation-timing-function: steps(1, end); }
    27.189% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    27.728% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    28.267% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    28.806% { box-shadow: 16px 11px #fff1b5; animation-timing-function: steps(1, end); }
    29.345% { box-shadow: 16px 10px #fff1b5; animation-timing-function: steps(1, end); }
    29.884% { box-shadow: 16px 9px #ffb13b; animation-timing-function: steps(1, end); }
    30.423% { box-shadow: 17px 8px #ffb13b; animation-timing-function: steps(1, end); }
    30.962% { box-shadow: 17px 7px #ffb13b; animation-timing-function: steps(1, end); }
    31.501% { box-shadow: 17px 6px #ffb13b; animation-timing-function: steps(1, end); }
    32.039% { box-shadow: 18px 6px #ffb13b; animation-timing-function: steps(1, end); }
    32.578% { box-shadow: 18px 5px #f2681d; animation-timing-function: steps(1, end); }
    33.117% { box-shadow: 18px 4px #f2681d; animation-timing-function: steps(1, end); }
    33.656% { box-shadow: 19px 4px #f2681d; animation-timing-function: steps(1, end); }
    34.195% { box-shadow: 19px 4px #f2681d; animation-timing-function: steps(1, end); }
    34.734% { box-shadow: 20px 3px #a8361a; animation-timing-function: steps(1, end); }
    35.273% { box-shadow: 20px 3px #a8361a; animation-timing-function: steps(1, end); }
    35.812% { box-shadow: none; animation-timing-function: steps(1, end); }
    47.926% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    48.691% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    49.456% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    50.221% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    50.986% { box-shadow: 16px 11px #fff1b5; animation-timing-function: steps(1, end); }
    51.751% { box-shadow: 16px 10px #ffb13b; animation-timing-function: steps(1, end); }
    52.516% { box-shadow: 16px 9px #ffb13b; animation-timing-function: steps(1, end); }
    53.281% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    54.046% { box-shadow: 17px 8px #ffb13b; animation-timing-function: steps(1, end); }
    54.811% { box-shadow: 17px 7px #ffb13b; animation-timing-function: steps(1, end); }
    55.576% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    56.341% { box-shadow: 18px 6px #f2681d; animation-timing-function: steps(1, end); }
    57.107% { box-shadow: 19px 6px #f2681d; animation-timing-function: steps(1, end); }
    57.872% { box-shadow: 19px 5px #f2681d; animation-timing-function: steps(1, end); }
    58.637% { box-shadow: 19px 5px #a8361a; animation-timing-function: steps(1, end); }
    59.402% { box-shadow: 20px 5px #a8361a; animation-timing-function: steps(1, end); }
    60.167% { box-shadow: none; animation-timing-function: steps(1, end); }
    67.314% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    67.836% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    68.357% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    68.879% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    69.401% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    69.922% { box-shadow: 17px 12px #ffb13b; animation-timing-function: steps(1, end); }
    70.444% { box-shadow: 17px 11px #ffb13b; animation-timing-function: steps(1, end); }
    70.965% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    71.487% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    72.009% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    72.530% { box-shadow: 18px 9px #f2681d; animation-timing-function: steps(1, end); }
    73.052% { box-shadow: 18px 9px #f2681d; animation-timing-function: steps(1, end); }
    73.573% { box-shadow: 18px 9px #f2681d; animation-timing-function: steps(1, end); }
    74.095% { box-shadow: 19px 8px #f2681d; animation-timing-function: steps(1, end); }
    74.617% { box-shadow: 19px 8px #a8361a; animation-timing-function: steps(1, end); }
    75.138% { box-shadow: 20px 8px #a8361a; animation-timing-function: steps(1, end); }
    75.660% { box-shadow: none; animation-timing-function: steps(1, end); }
    77.889% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    78.587% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    79.284% { box-shadow: 18px 12px #fff1b5; animation-timing-function: steps(1, end); }
    79.982% { box-shadow: 18px 11px #fff1b5; animation-timing-function: steps(1, end); }
    80.680% { box-shadow: 19px 10px #fff1b5; animation-timing-function: steps(1, end); }
    81.378% { box-shadow: 19px 9px #ffb13b; animation-timing-function: steps(1, end); }
    82.076% { box-shadow: 19px 8px #ffb13b; animation-timing-function: steps(1, end); }
    82.774% { box-shadow: 20px 8px #ffb13b; animation-timing-function: steps(1, end); }
    83.471% { box-shadow: 20px 7px #ffb13b; animation-timing-function: steps(1, end); }
    84.169% { box-shadow: 20px 6px #ffb13b; animation-timing-function: steps(1, end); }
    84.867% { box-shadow: 20px 6px #f2681d; animation-timing-function: steps(1, end); }
    85.565% { box-shadow: 20px 5px #f2681d; animation-timing-function: steps(1, end); }
    86.263% { box-shadow: 20px 5px #f2681d; animation-timing-function: steps(1, end); }
    86.961% { box-shadow: 20px 4px #f2681d; animation-timing-function: steps(1, end); }
    87.658% { box-shadow: 20px 4px #a8361a; animation-timing-function: steps(1, end); }
    88.356% { box-shadow: 20px 4px #a8361a; animation-timing-function: steps(1, end); }
    89.054% { box-shadow: none; animation-timing-function: steps(1, end); }
    90.458% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    90.981% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    91.505% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    92.028% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    92.552% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    93.075% { box-shadow: 17px 11px #ffb13b; animation-timing-function: steps(1, end); }
    93.599% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    94.122% { box-shadow: 18px 10px #ffb13b; animation-timing-function: steps(1, end); }
    94.645% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    95.169% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    95.692% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    96.216% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    96.739% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    97.263% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    97.786% { box-shadow: 17px 7px #a8361a; animation-timing-function: steps(1, end); }
    98.310% { box-shadow: 17px 7px #a8361a; animation-timing-function: steps(1, end); }
    98.833% { box-shadow: none; animation-timing-function: steps(1, end); }
    100% { box-shadow: none; }
}

.campfire-spark-4 {
    animation: campfire-spark-4 11.46s infinite;
}

@keyframes campfire-spark-4 {
    0% { box-shadow: none; animation-timing-function: steps(1, end); }
    1.984% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    2.738% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    3.492% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    4.246% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    5.000% { box-shadow: 17px 11px #fff1b5; animation-timing-function: steps(1, end); }
    5.755% { box-shadow: 18px 11px #ffb13b; animation-timing-function: steps(1, end); }
    6.509% { box-shadow: 18px 10px #ffb13b; animation-timing-function: steps(1, end); }
    7.263% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    8.017% { box-shadow: 19px 9px #ffb13b; animation-timing-function: steps(1, end); }
    8.771% { box-shadow: 19px 8px #ffb13b; animation-timing-function: steps(1, end); }
    9.525% { box-shadow: 20px 8px #f2681d; animation-timing-function: steps(1, end); }
    10.279% { box-shadow: 20px 7px #f2681d; animation-timing-function: steps(1, end); }
    11.034% { box-shadow: 21px 7px #f2681d; animation-timing-function: steps(1, end); }
    11.788% { box-shadow: 21px 6px #f2681d; animation-timing-function: steps(1, end); }
    12.542% { box-shadow: 22px 6px #a8361a; animation-timing-function: steps(1, end); }
    13.296% { box-shadow: 22px 6px #a8361a; animation-timing-function: steps(1, end); }
    14.050% { box-shadow: none; animation-timing-function: steps(1, end); }
    17.201% { box-shadow: 17px 15px #fff1b5; animation-timing-function: steps(1, end); }
    17.959% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    18.717% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    19.475% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    20.233% { box-shadow: 16px 12px #fff1b5; animation-timing-function: steps(1, end); }
    20.991% { box-shadow: 17px 11px #ffb13b; animation-timing-function: steps(1, end); }
    21.749% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    22.507% { box-shadow: 17px 10px #ffb13b; animation-timing-function: steps(1, end); }
    23.265% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    24.023% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    24.781% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    25.539% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    26.297% { box-shadow: 17px 8px #f2681d; animation-timing-function: steps(1, end); }
    27.056% { box-shadow: 17px 7px #f2681d; animation-timing-function: steps(1, end); }
    27.814% { box-shadow: 17px 7px #a8361a; animation-timing-function: steps(1, end); }
    28.572% { box-shadow: 16px 7px #a8361a; animation-timing-function: steps(1, end); }
    29.330% { box-shadow: none; animation-timing-function: steps(1, end); }
    30.731% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    31.520% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    32.309% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    33.098% { box-shadow: 18px 12px #fff1b5; animation-timing-function: steps(1, end); }
    33.887% { box-shadow: 18px 11px #fff1b5; animation-timing-function: steps(1, end); }
    34.675% { box-shadow: 19px 11px #ffb13b; animation-timing-function: steps(1, end); }
    35.464% { box-shadow: 19px 10px #ffb13b; animation-timing-function: steps(1, end); }
    36.253% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    37.042% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    37.831% { box-shadow: 18px 8px #ffb13b; animation-timing-function: steps(1, end); }
    38.620% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    39.408% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    40.197% { box-shadow: 18px 7px #f2681d; animation-timing-function: steps(1, end); }
    40.986% { box-shadow: 18px 6px #f2681d; animation-timing-function: steps(1, end); }
    41.775% { box-shadow: 19px 6px #a8361a; animation-timing-function: steps(1, end); }
    42.564% { box-shadow: 19px 6px #a8361a; animation-timing-function: steps(1, end); }
    43.352% { box-shadow: none; animation-timing-function: steps(1, end); }
    45.821% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    46.611% { box-shadow: 17px 13px #fff1b5; animation-timing-function: steps(1, end); }
    47.400% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    48.190% { box-shadow: 17px 12px #fff1b5; animation-timing-function: steps(1, end); }
    48.980% { box-shadow: 16px 11px #fff1b5; animation-timing-function: steps(1, end); }
    49.769% { box-shadow: 16px 10px #ffb13b; animation-timing-function: steps(1, end); }
    50.559% { box-shadow: 16px 9px #ffb13b; animation-timing-function: steps(1, end); }
    51.348% { box-shadow: 15px 9px #ffb13b; animation-timing-function: steps(1, end); }
    52.138% { box-shadow: 15px 8px #ffb13b; animation-timing-function: steps(1, end); }
    52.928% { box-shadow: 15px 8px #ffb13b; animation-timing-function: steps(1, end); }
    53.717% { box-shadow: 15px 7px #f2681d; animation-timing-function: steps(1, end); }
    54.507% { box-shadow: 14px 7px #f2681d; animation-timing-function: steps(1, end); }
    55.297% { box-shadow: 14px 7px #f2681d; animation-timing-function: steps(1, end); }
    56.086% { box-shadow: 14px 6px #f2681d; animation-timing-function: steps(1, end); }
    56.876% { box-shadow: 14px 6px #a8361a; animation-timing-function: steps(1, end); }
    57.666% { box-shadow: 14px 6px #a8361a; animation-timing-function: steps(1, end); }
    58.455% { box-shadow: none; animation-timing-function: steps(1, end); }
    68.548% { box-shadow: 16px 15px #fff1b5; animation-timing-function: steps(1, end); }
    69.251% { box-shadow: 16px 14px #fff1b5; animation-timing-function: steps(1, end); }
    69.954% { box-shadow: 15px 13px #fff1b5; animation-timing-function: steps(1, end); }
    70.657% { box-shadow: 15px 12px #fff1b5; animation-timing-function: steps(1, end); }
    71.360% { box-shadow: 15px 11px #fff1b5; animation-timing-function: steps(1, end); }
    72.063% { box-shadow: 14px 10px #ffb13b; animation-timing-function: steps(1, end); }
    72.766% { box-shadow: 14px 9px #ffb13b; animation-timing-function: steps(1, end); }
    73.469% { box-shadow: 14px 9px #ffb13b; animation-timing-function: steps(1, end); }
    74.172% { box-shadow: 13px 8px #ffb13b; animation-timing-function: steps(1, end); }
    74.875% { box-shadow: 13px 7px #ffb13b; animation-timing-function: steps(1, end); }
    75.578% { box-shadow: 13px 7px #f2681d; animation-timing-function: steps(1, end); }
    76.281% { box-shadow: 13px 6px #f2681d; animation-timing-function: steps(1, end); }
    76.984% { box-shadow: 12px 6px #f2681d; animation-timing-function: steps(1, end); }
    77.687% { box-shadow: 12px 5px #f2681d; animation-timing-function: steps(1, end); }
    78.390% { box-shadow: 12px 5px #a8361a; animation-timing-function: steps(1, end); }
    79.093% { box-shadow: 12px 5px #a8361a; animation-timing-function: steps(1, end); }
    79.796% { box-shadow: none; animation-timing-function: steps(1, end); }
    81.040% { box-shadow: 17px 14px #fff1b5; animation-timing-function: steps(1, end); }
    81.606% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    82.172% { box-shadow: 16px 13px #fff1b5; animation-timing-function: steps(1, end); }
    82.738% { box-shadow: 15px 12px #fff1b5; animation-timing-function: steps(1, end); }
    83.305% { box-shadow: 15px 11px #fff1b5; animation-timing-function: steps(1, end); }
    83.871% { box-shadow: 15px 11px #ffb13b; animation-timing-function: steps(1, end); }
    84.437% { box-shadow: 16px 10px #ffb13b; animation-timing-function: steps(1, end); }
    85.004% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    85.570% { box-shadow: 17px 9px #ffb13b; animation-timing-function: steps(1, end); }
    86.136% { box-shadow: 18px 9px #ffb13b; animation-timing-function: steps(1, end); }
    86.703% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    87.269% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    87.835% { box-shadow: 18px 8px #f2681d; animation-timing-function: steps(1, end); }
    88.402% { box-shadow: 17px 7px #f2681d; animation-timing-function: steps(1, end); }
    88.968% { box-shadow: 17px 7px #a8361a; animation-timing-function: steps(1, end); }
    89.534% { box-shadow: 16px 7px #a8361a; animation-timing-function: steps(1, end); }
    90.101% { box-shadow: none; animation-timing-function: steps(1, end); }
    100% { box-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
    .campfire * {
        animation: none !important;
    }
}