.holiday-logo-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 8px 10px rgba(14, 107, 87, 0.1));
}

.brand__mark--holiday {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  background: transparent;
}

.boot-panel__holiday-logo {
  width: 98px;
  height: 98px;
}

.boot-panel__content .boot-panel__holiday-greeting {
  color: var(--primary);
  font-family: var(--font-ui);
  font-weight: 800;
}

.holiday-logo-svg--animated {
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --defender-card-rounded: path("M13 4C8.03 4 4 8.03 4 13L4 35C4 39.97 8.03 44 13 44L35 44C39.97 44 44 39.97 44 35L44 13C44 8.03 39.97 4 35 4Z");
  --defender-card-shield: path("M24 5.4C19.1 7.9 13.7 8.7 8 8.9L8 24.5C8 32.7 14.2 38.9 24 43.2L24 43.2C33.8 38.9 40 32.7 40 24.5L40 8.9C34.3 8.7 28.9 7.9 24 5.4Z");
}

.logo-card-bg,
.base-line,
.draw-line,
.draw-shape,
.scale-piece,
.float-piece,
.glint,
.shine-line,
.stitch-line {
    transform-box: fill-box;
    transform-origin: center;
}

.logo-card-bg {
    opacity: 0;
    stroke: rgba(14, 107, 87, 0.22);
    stroke-width: 1;
}

.base-line {
    --len: 22;
    opacity: 0;
    stroke-dasharray: var(--len);
    stroke-dashoffset: var(--len);
}

.draw-line {
    --len: 16;
    opacity: 0;
    stroke-dasharray: var(--len);
    stroke-dashoffset: var(--len);
}

.scale-piece,
.draw-shape,
.float-piece,
.glint,
.shine-line {
    opacity: 0;
}

.glint,
.shine-line,
.card-glint {
    pointer-events: none;
}

.may-leaf,
.leaf-vein {
    transform-origin: left top;
}

.holiday-march .march-ray,
.holiday-march .march-center {
    transform-box: view-box;
    transform-origin: center;
}

.victory-firework,
.victory-firework__launch,
.victory-firework__launch-head,
.victory-firework__rays,
.victory-firework__trail,
.victory-firework__spark,
.victory-firework__core,
.victory-firework__halo {
    transform-box: fill-box;
    transform-origin: center;
}

.victory-firework__launch,
.victory-firework__launch-head,
.victory-firework__rays,
.victory-firework__trail,
.victory-firework__spark,
.victory-firework__core,
.victory-firework__halo {
    opacity: 0;
}

.victory-firework__launch {
    --launch-len: 24;
    stroke-dasharray: var(--launch-len);
    stroke-dashoffset: var(--launch-len);
    stroke-opacity: 0.82;
}

.victory-firework__launch-head {
    opacity: 0;
}

.victory-firework__trail {
    --trail-len: 4;
    stroke-dasharray: var(--trail-len);
    stroke-dashoffset: var(--trail-len);
    stroke-opacity: 0.56;
}

.victory-firework__rays {
    stroke-opacity: 0.86;
}

.victory-firework__rays path:nth-child(even) {
    opacity: 0.36;
}

.victory-firework__rays path:nth-child(4n + 3) {
    opacity: 0.68;
}

.victory-firework__spark {
    fill-opacity: 0.82;
}

.holiday-card.is-playing .logo-card-bg {
    animation:
        card-enter 680ms var(--ease-out) var(--stagger) both,
        card-breathe 4300ms ease-in-out calc(var(--stagger) + 1420ms) infinite;
}

.holiday-defender.is-playing .defender-card-bg {
    animation:
        defender-card-morph 1280ms var(--ease-out) var(--stagger) both,
        card-breathe 4300ms ease-in-out calc(var(--stagger) + 2200ms) infinite;
}

.holiday-card.is-playing .base-line-h {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 80ms) both,
        base-loop-h 3400ms var(--ease-soft) calc(var(--stagger) + 1120ms) infinite;
}

.holiday-card.is-playing .base-line-v {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 160ms) both,
        base-loop-v 3400ms var(--ease-soft) calc(var(--stagger) + 1120ms) infinite;
}

.holiday-card.is-playing .base-line-forward {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 260ms) both,
        base-loop-forward 3400ms var(--ease-soft) calc(var(--stagger) + 1120ms) infinite;
}

.holiday-card.is-playing .base-line-back {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 340ms) both,
        base-loop-back 3400ms var(--ease-soft) calc(var(--stagger) + 1120ms) infinite;
}

.holiday-new-year.is-playing .base-line-h {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 80ms) both,
        base-loop-h 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-new-year.is-playing .base-line-v {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 160ms) both,
        base-loop-v 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-new-year.is-playing .base-line-forward {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 260ms) both,
        base-loop-forward 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-new-year.is-playing .base-line-back {
    animation:
        base-draw 760ms var(--ease-out) calc(var(--stagger) + 340ms) both,
        base-loop-back 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-card.is-playing .card-glint {
    animation: card-glint 3800ms ease-in-out calc(var(--stagger) + 1300ms) infinite;
}

.holiday-new-year.is-playing .snow-dot {
    animation:
        snow-enter 900ms var(--ease-out) calc(var(--stagger) + var(--d)) both,
        snow-fall var(--snow-speed) linear calc(var(--stagger) + 1450ms + var(--d)) infinite;
}

.holiday-new-year.is-playing .garland-curve {
    animation:
        draw-in 760ms var(--ease-out) calc(var(--stagger) + 250ms) both,
        garland-loop 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-new-year.is-playing .garland-drop {
    animation:
        draw-in 520ms var(--ease-out) calc(var(--stagger) + 560ms + var(--d)) both,
        garland-loop 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-new-year.is-playing .bulb {
    animation:
        bulb-pop 720ms var(--ease-out) calc(var(--stagger) + 620ms + var(--d)) both,
        bulb-loop 3400ms var(--ease-soft) calc(var(--stagger) + 1680ms) infinite;
}

.holiday-defender.is-playing .defender-star {
    animation:
        star-enter 780ms var(--ease-out) calc(var(--stagger) + 1320ms) both,
        star-pulse 3600ms ease-in-out calc(var(--stagger) + 2300ms) infinite;
}

.holiday-defender.is-playing .defender-shine {
    animation:
        defender-shine-enter 760ms var(--ease-out) calc(var(--stagger) + 1840ms) both,
        defender-shine-loop 4200ms ease-in-out calc(var(--stagger) + 2760ms) infinite;
}

.holiday-defender.is-playing .base-line-h {
    animation:
        base-draw 720ms var(--ease-out) calc(var(--stagger) + 1320ms) both,
        base-loop-h 3400ms var(--ease-soft) calc(var(--stagger) + 2300ms) infinite;
}

.holiday-defender.is-playing .base-line-v {
    animation:
        base-draw 720ms var(--ease-out) calc(var(--stagger) + 1400ms) both,
        base-loop-v 3400ms var(--ease-soft) calc(var(--stagger) + 2300ms) infinite;
}

.holiday-defender.is-playing .base-line-forward {
    animation:
        base-draw 720ms var(--ease-out) calc(var(--stagger) + 1500ms) both,
        base-loop-forward 3400ms var(--ease-soft) calc(var(--stagger) + 2300ms) infinite;
}

.holiday-defender.is-playing .base-line-back {
    animation:
        base-draw 720ms var(--ease-out) calc(var(--stagger) + 1580ms) both,
        base-loop-back 3400ms var(--ease-soft) calc(var(--stagger) + 2300ms) infinite;
}

.holiday-march.is-playing .march-ray {
    animation:
        march-ray-enter 740ms var(--ease-out) calc(var(--stagger) + 700ms) both,
        march-ray-cycle 3400ms var(--ease-soft) calc(var(--stagger) + 1600ms) infinite;
}

.holiday-march.is-playing .march-stem {
    animation:
        draw-in 620ms var(--ease-out) calc(var(--stagger) + 160ms) both,
        march-stem-cycle 3400ms var(--ease-soft) calc(var(--stagger) + 1600ms) infinite;
}

.holiday-march.is-playing .march-leaf {
    animation:
        march-leaf-enter 640ms var(--ease-out) calc(var(--stagger) + var(--d)) both,
        march-leaf-cycle 3400ms var(--ease-soft) calc(var(--stagger) + 1600ms) infinite;
}

.holiday-march.is-playing .march-center {
    animation:
        march-center-enter 540ms var(--ease-out) calc(var(--stagger) + 700ms) both,
        march-center-cycle 3400ms ease-in-out calc(var(--stagger) + 1600ms) infinite;
}

.holiday-may.is-playing .wrench {
    animation:
        wrench-enter 920ms var(--ease-out) calc(var(--stagger) + 120ms) both,
        wrench-breathe 4200ms ease-in-out calc(var(--stagger) + 1700ms) infinite;
}

.holiday-may.is-playing .wrench-shine {
    animation: wrench-shine-run 3000ms linear calc(var(--stagger) + 1600ms) infinite;
}

.holiday-may.is-playing .may-leaf {
    animation:
        leaf-grow 820ms var(--ease-out) calc(var(--stagger) + 720ms) both,
        leaf-bloom-cycle 3400ms var(--ease-soft) calc(var(--stagger) + 1600ms) infinite;
}

.holiday-may.is-playing .leaf-vein {
    animation:
        draw-in 620ms var(--ease-out) calc(var(--stagger) + 900ms) both,
        leaf-vein-cycle 3400ms var(--ease-soft) calc(var(--stagger) + 1600ms) infinite;
}

.holiday-victory.is-playing .ribbon {
    animation:
        ribbon-enter 950ms var(--ease-out) calc(var(--stagger) + 510ms) both,
        ribbon-wave 4300ms ease-in-out calc(var(--stagger) + 1720ms) infinite;
}

.holiday-victory.is-playing .ribbon-shine {
    animation: ribbon-shine 4100ms ease-in-out calc(var(--stagger) + 1800ms) infinite;
}

.holiday-victory.is-playing .victory-firework__launch {
    animation: victory-firework-launch 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__launch-head {
    animation: victory-firework-launch-head 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__rays {
    animation: victory-firework-rays 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__spark {
    animation: victory-firework-spark 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__trail {
    animation: victory-firework-trail 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__core {
    animation: victory-firework-core 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-victory.is-playing .victory-firework__halo {
    animation: victory-firework-halo 4300ms linear calc(var(--stagger) + 1720ms + var(--phase)) infinite;
}

.holiday-russia.is-playing .russia-balloon {
    animation:
        balloon-pop 760ms var(--ease-out) calc(var(--stagger) + var(--d)) both,
        balloon-float var(--float-speed) ease-in-out calc(var(--stagger) + 1500ms + var(--d)) infinite;
}

.holiday-russia.is-playing .balloon-highlight {
    animation: highlight-pulse 3600ms ease-in-out calc(var(--stagger) + var(--d) + 1200ms) infinite;
}

.holiday-gas.is-playing .gas-halo {
    animation:
        halo-enter 760ms var(--ease-out) calc(var(--stagger) + 120ms) both,
        halo-pulse 2800ms ease-in-out calc(var(--stagger) + 1400ms) infinite;
}

.holiday-gas.is-playing .flame-outer {
    animation:
        flame-rise 760ms var(--ease-out) calc(var(--stagger) + 360ms) both,
        flame-flicker 1300ms ease-in-out calc(var(--stagger) + 1320ms) infinite;
}

.holiday-gas.is-playing .flame-inner {
    animation:
        flame-rise-inner 720ms var(--ease-out) calc(var(--stagger) + 510ms) both,
        flame-flicker-inner 1180ms ease-in-out calc(var(--stagger) + 1380ms) infinite;
}

.holiday-gas.is-playing .flame-spark {
    animation:
        draw-in 520ms var(--ease-out) calc(var(--stagger) + 720ms) both,
        spark-loop 1350ms ease-in-out calc(var(--stagger) + 1420ms) infinite;
}

.holiday-unity.is-playing .unity-diamond {
    animation:
        diamond-enter 760ms var(--ease-out) calc(var(--stagger) + var(--d)) both,
        diamond-pulse 4200ms ease-in-out calc(var(--stagger) + 1600ms + var(--d)) infinite;
}

.holiday-unity.is-playing .unity-curl {
    animation:
        draw-in 720ms var(--ease-out) calc(var(--stagger) + var(--d)) both,
        curl-breathe 3900ms ease-in-out calc(var(--stagger) + 1640ms + var(--d)) infinite;
}

.stitch-line {
    opacity: 0;
    stroke-dasharray: 3 3;
    stroke-dashoffset: 18;
}

.holiday-unity.is-playing .stitch-line {
    animation:
        stitch-enter 820ms var(--ease-out) calc(var(--stagger) + 520ms) both,
        stitch-loop 3600ms linear calc(var(--stagger) + 1540ms) infinite;
}

.holiday-constitution.is-playing .bookmark {
    animation:
        bookmark-enter 880ms var(--ease-out) calc(var(--stagger) + 420ms) both,
        bookmark-sway 3900ms ease-in-out calc(var(--stagger) + 1600ms) infinite;
}

.holiday-constitution.is-playing .bookmark-fold {
    animation:
        draw-in 520ms var(--ease-out) calc(var(--stagger) + 760ms) both,
        bookmark-fold-loop 3900ms ease-in-out calc(var(--stagger) + 1600ms) infinite;
}

@keyframes defender-card-morph {
    0% {
        opacity: 0;
        filter: blur(0.4px);
        transform: scale(0.9);
        d: var(--defender-card-shield);
    }

    20% {
        opacity: 1;
        transform: scale(0.98);
        d: var(--defender-card-shield);
    }

    58% {
        opacity: 1;
        transform: scale(1.01);
        d: var(--defender-card-shield);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
        d: var(--defender-card-rounded);
    }
}

@keyframes card-enter {
    0% {
        opacity: 0;
        filter: blur(0.4px);
        transform: scale(0.9);
    }

    64% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
}

@keyframes card-breathe {
    0%,
    100% {
        transform: scale(1);
    }

    52% {
        transform: scale(1.012);
    }
}

@keyframes base-draw {
    0% {
        opacity: 0;
        stroke-dashoffset: var(--len);
        transform: scale(0.82);
    }

    26% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1);
    }
}

@keyframes base-loop-h {
    0%,
    100% {
        stroke-dashoffset: 0;
        transform: translateX(0);
    }

    22% {
        stroke-dashoffset: var(--len);
        transform: translateX(0);
    }

    38% {
        stroke-dashoffset: 0;
        transform: translateX(0);
    }

    56% {
        transform: translateX(1.5px);
    }

    76% {
        transform: translateX(0);
    }
}

@keyframes base-loop-v {
    0%,
    100% {
        stroke-dashoffset: 0;
        transform: translateY(0);
    }

    28% {
        stroke-dashoffset: var(--len);
        transform: translateY(0);
    }

    44% {
        stroke-dashoffset: 0;
        transform: translateY(0);
    }

    58% {
        transform: translateY(-1.5px);
    }

    78% {
        transform: translateY(0);
    }
}

@keyframes base-loop-forward {
    0%,
    100% {
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    34% {
        stroke-dashoffset: var(--len);
        transform: translate(0, 0);
    }

    50% {
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    62% {
        transform: translate(1px, 1px);
    }

    82% {
        transform: translate(0, 0);
    }
}

@keyframes base-loop-back {
    0%,
    100% {
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    40% {
        stroke-dashoffset: var(--len);
        transform: translate(0, 0);
    }

    56% {
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    66% {
        transform: translate(-1px, 1px);
    }

    84% {
        transform: translate(0, 0);
    }
}

@keyframes draw-in {
    0% {
        opacity: 0;
        stroke-dashoffset: var(--len);
    }

    28% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}

@keyframes card-glint {
    0%,
    22%,
    100% {
        opacity: 0;
        stroke-dashoffset: 19;
        transform: translate(-5px, 5px);
    }

    34% {
        opacity: 0.38;
    }

    48% {
        opacity: 0;
        stroke-dashoffset: -19;
        transform: translate(7px, -7px);
    }
}

@keyframes snow-enter {
    0% {
        opacity: 0;
        transform: translateY(-4px) scale(0.55);
    }

    100% {
        opacity: 0.78;
        transform: translateY(0) scale(1);
    }
}

@keyframes snow-fall {
    0% {
        opacity: 0.78;
        transform: translateY(0);
    }

    50% {
        opacity: 0.36;
        transform: translateY(2.7px);
    }

    100% {
        opacity: 0.78;
        transform: translateY(0);
    }
}

@keyframes garland-loop {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    18% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    32% {
        opacity: 0;
        stroke-dashoffset: var(--len);
    }

    44% {
        opacity: 0;
        stroke-dashoffset: var(--len);
    }

    62% {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}

@keyframes bulb-pop {
    0% {
        opacity: 0;
        transform: scale(0.2);
        filter: drop-shadow(0 0 0 rgba(255, 197, 61, 0));
    }

    62% {
        opacity: 1;
        transform: scale(1.16);
        filter: drop-shadow(0 0 3px currentColor);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        filter: drop-shadow(0 0 1.6px currentColor);
    }
}

@keyframes bulb-loop {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
        filter: drop-shadow(0 0 1.6px currentColor);
    }

    18% {
        opacity: 0.86;
        transform: scale(0.98);
        filter: drop-shadow(0 0 1.6px currentColor);
    }

    32%,
    44% {
        opacity: 0;
        transform: scale(0.45);
        filter: drop-shadow(0 0 0 rgba(255, 197, 61, 0));
    }

    62% {
        opacity: 1;
        transform: scale(1.1);
        filter: drop-shadow(0 0 3px currentColor);
    }

    76% {
        opacity: 0.86;
        transform: scale(1);
    }
}

@keyframes star-enter {
    0% {
        opacity: 0;
        transform: translate(-2px, 1px) rotate(-12deg) scale(0.55);
    }

    58% {
        opacity: 1;
        transform: translate(0, 0) rotate(4deg) scale(1.08);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
}

@keyframes star-pulse {
    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(229, 57, 53, 0));
    }

    50% {
        transform: scale(1.04);
        filter: drop-shadow(0 0 3px rgba(229, 57, 53, 0.26));
    }
}

@keyframes defender-shine-enter {
    0% {
        opacity: 0;
        transform: translate(-5px, -5px);
    }

    48% {
        opacity: 0.94;
        transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        transform: translate(5px, 5px);
    }
}

@keyframes defender-shine-loop {
    0%,
    100% {
        opacity: 0;
        transform: translate(-5px, -5px);
    }

    14% {
        opacity: 0;
        transform: translate(-5px, -5px);
    }

    24% {
        opacity: 0.96;
        transform: translate(-0.8px, -0.8px);
    }

    34% {
        opacity: 0.82;
        transform: translate(2.6px, 2.6px);
    }

    44% {
        opacity: 0;
        transform: translate(5px, 5px);
    }

    44.01% {
        opacity: 0;
        transform: translate(-5px, -5px);
    }
}

@keyframes shine-sweep {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    26% {
        opacity: 0.72;
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    36% {
        opacity: 0;
        stroke-dashoffset: var(--len);
        transform: translate(-1px, 1px);
    }

    44% {
        opacity: 0.64;
    }

    62% {
        opacity: 0;
        stroke-dashoffset: -16;
        transform: translate(1px, -1px);
    }
}

@keyframes march-leaf-enter {
    0% {
        opacity: 0;
        transform: translate(var(--bud-x), var(--bud-y)) scale(0.28) rotate(var(--rot));
    }

    70% {
        opacity: 1;
        transform: translate(0, 0) scale(1.08) rotate(0deg);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}

@keyframes march-leaf-cycle {
    0%,
    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1) rotate(0deg);
    }

    22% {
        opacity: 1;
        transform: translate(0, 0) scale(1.03) rotate(0deg);
    }

    38%,
    54% {
        opacity: 0;
        transform: translate(var(--bud-x), var(--bud-y)) scale(0.2) rotate(var(--rot));
    }

    70% {
        opacity: 1;
        transform: translate(var(--open-x), var(--open-y)) scale(1.08) rotate(0deg);
    }

    84% {
        opacity: 1;
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}

@keyframes march-ray-enter {
    0% {
        opacity: 0;
        stroke-dashoffset: var(--len);
        transform: scale(0.72);
    }

    58% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1);
    }
}

@keyframes march-ray-cycle {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1);
    }

    22% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1.04);
    }

    38%,
    56% {
        opacity: 0;
        stroke-dashoffset: var(--len);
        transform: scale(0.48);
    }

    70% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1.12);
    }

    84% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1);
    }
}

@keyframes march-center-enter {
    0% {
        opacity: 0;
        transform: scale(0.25);
    }

    70% {
        opacity: 1;
        transform: scale(1.24);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes march-center-cycle {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    24% {
        opacity: 1;
        transform: scale(1.08);
    }

    42%,
    56% {
        opacity: 0;
        transform: scale(0.2);
    }

    72% {
        opacity: 1;
        transform: scale(1.22);
    }

    84% {
        transform: scale(1);
    }
}

@keyframes march-stem-cycle {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    30% {
        opacity: 0.9;
        stroke-dashoffset: 0;
    }

    46%,
    56% {
        opacity: 0;
        stroke-dashoffset: var(--len);
    }

    72% {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}

@keyframes wrench-enter {
    0% {
        opacity: 0;
        transform: translate(4px, -4px) rotate(8deg) scale(0.86);
    }

    72% {
        opacity: 1;
        transform: translate(0, 0) rotate(-2deg) scale(1.02);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
}

@keyframes wrench-breathe {
    0%,
    100% {
        transform: rotate(0deg);
    }

    52% {
        transform: rotate(0.8deg);
    }
}

@keyframes wrench-shine-run {
    0% {
        opacity: 0;
        stroke-dasharray: 13 18;
        stroke-dashoffset: 31;
    }

    8% {
        opacity: 0.38;
    }

    84% {
        opacity: 0.38;
        stroke-dashoffset: -13;
    }

    100% {
        opacity: 0;
        stroke-dasharray: 13 18;
        stroke-dashoffset: -13;
    }
}

@keyframes leaf-grow {
    0% {
        opacity: 0;
        transform: translate(-1px, 1px) rotate(-8deg) scale(0.15);
    }

    58% {
        opacity: 1;
        transform: translate(0, 0) rotate(3deg) scale(1.08);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
}

@keyframes leaf-bloom-cycle {
    0%,
    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) skewX(0deg) scale(1);
    }

    16% {
        opacity: 1;
        transform: translate(0.4px, -0.2px) rotate(2deg) skewX(-2deg) scale(1.04);
    }

    28% {
        opacity: 0.82;
        transform: translate(1px, 1px) rotate(-10deg) skewX(7deg) scale(0.62);
    }

    40%,
    54% {
        opacity: 0;
        transform: translate(0, 0) rotate(-20deg) skewX(10deg) scale(0.12);
    }

    62% {
        opacity: 0.55;
        transform: translate(-0.2px, 0.1px) rotate(-14deg) skewX(8deg) scale(0.28);
    }

    72% {
        opacity: 0.9;
        transform: translate(0.5px, -0.6px) rotate(8deg) skewX(-8deg) scale(0.78);
    }

    82% {
        opacity: 1;
        transform: translate(0, 0) rotate(-2deg) skewX(1deg) scale(1.08);
    }
}

@keyframes leaf-vein-cycle {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: translate(0, 0);
    }

    18% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: translate(0.2px, -0.2px);
    }

    30% {
        opacity: 0.34;
        stroke-dashoffset: var(--len);
        transform: translate(0.7px, 0.7px) scale(0.65);
    }

    42%,
    58% {
        opacity: 0;
        stroke-dashoffset: var(--len);
        transform: scale(0.2);
    }

    70% {
        opacity: 0.6;
        stroke-dashoffset: 6;
        transform: scale(0.82);
    }

    84% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1.02);
    }
}

@keyframes ribbon-enter {
    0% {
        opacity: 0;
        transform: translate(10px, 10px);
    }

    70% {
        opacity: 1;
        transform: translate(-0.8px, -0.8px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes ribbon-wave {
    0%,
    100% {
        transform: translate(0, 0);
    }

    48% {
        transform: translate(-0.8px, 0.8px);
    }
}

@keyframes ribbon-shine {
    0%,
    28%,
    100% {
        opacity: 0;
        transform: translate(9px, -9px);
    }

    46% {
        opacity: 0.44;
    }

    62% {
        opacity: 0;
        transform: translate(-8px, 8px);
    }
}

@keyframes victory-firework-launch {
    0%,
    100% {
        opacity: 0;
        stroke-dashoffset: var(--launch-len);
    }

    3% {
        opacity: 0.68;
        stroke-dashoffset: var(--launch-len);
    }

    10% {
        opacity: 0.76;
        stroke-dashoffset: 0;
    }

    13% {
        opacity: 0;
        stroke-dashoffset: -3;
    }
}

@keyframes victory-firework-launch-head {
    0%,
    100% {
        opacity: 0;
        transform: translate(var(--from-x), var(--from-y)) scale(0.36);
    }

    3% {
        opacity: 0.78;
        transform: translate(var(--from-x), var(--from-y)) scale(0.46);
    }

    9.5% {
        opacity: 0.92;
        transform: translate(calc(var(--from-x) * 0.12), calc(var(--from-y) * 0.12)) scale(0.68);
    }

    12.5% {
        opacity: 0;
        transform: translate(0, 0) scale(0.24);
    }
}

@keyframes victory-firework-rays {
    0%,
    100% {
        opacity: 0;
        transform: scale(1.86) rotate(10deg);
    }

    12% {
        opacity: 0;
        transform: scale(0.18) rotate(-8deg);
    }

    18% {
        opacity: 0.76;
        transform: scale(0.98) rotate(-1deg);
    }

    28% {
        opacity: 0.42;
        transform: scale(1.34) rotate(4deg);
    }

    50% {
        opacity: 0;
        transform: scale(1.86) rotate(10deg);
    }
}

@keyframes victory-firework-spark {
    0%,
    100% {
        opacity: 0;
        transform: translate(calc(var(--tx) + var(--drift, 0px)), calc(var(--ty) + var(--fall, 7px))) scale(0.22);
    }

    12% {
        opacity: 0;
        transform: translate(0, 0) scale(0.25);
    }

    17% {
        opacity: 0.84;
        transform: translate(calc(var(--tx) * 0.24), calc(var(--ty) * 0.24)) scale(1.18);
    }

    29% {
        opacity: 0.76;
        transform: translate(var(--tx), var(--ty)) scale(0.88);
    }

    45% {
        opacity: 0.4;
        transform: translate(calc(var(--tx) + var(--drift, 0px) * 0.44), calc(var(--ty) + var(--fall, 7px) * 0.42)) scale(0.58);
    }

    66% {
        opacity: 0;
        transform: translate(calc(var(--tx) + var(--drift, 0px)), calc(var(--ty) + var(--fall, 7px))) scale(0.22);
    }
}

@keyframes victory-firework-trail {
    0%,
    18%,
    100% {
        opacity: 0;
        stroke-dashoffset: var(--trail-len);
        transform: translate(0, 0) scaleY(0.55);
    }

    29% {
        opacity: 0;
        stroke-dashoffset: var(--trail-len);
        transform: translate(var(--tx), var(--ty)) scaleY(0.58);
    }

    37% {
        opacity: 0.38;
        stroke-dashoffset: 0;
        transform: translate(calc(var(--tx) + var(--drift, 0px) * 0.18), calc(var(--ty) + var(--fall, 7px) * 0.2)) scaleY(1.28);
    }

    52% {
        opacity: 0.18;
        stroke-dashoffset: calc(var(--trail-len) * -0.45);
        transform: translate(calc(var(--tx) + var(--drift, 0px) * 0.74), calc(var(--ty) + var(--fall, 7px) * 0.78)) scaleY(1.55);
    }

    68% {
        opacity: 0;
        stroke-dashoffset: calc(var(--trail-len) * -1);
        transform: translate(calc(var(--tx) + var(--drift, 0px)), calc(var(--ty) + var(--fall, 7px))) scaleY(1.18);
    }
}

@keyframes victory-firework-core {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.42);
    }

    12% {
        opacity: 0;
        transform: scale(0.35);
    }

    16% {
        opacity: 1;
        transform: scale(1.25);
    }

    40% {
        opacity: 0;
        transform: scale(0.42);
    }
}

@keyframes victory-firework-halo {
    0%,
    100% {
        opacity: 0;
        transform: scale(1.5);
    }

    12% {
        opacity: 0;
        transform: scale(0.25);
    }

    18% {
        opacity: 0.21;
        transform: scale(0.72);
    }

    37% {
        opacity: 0;
        transform: scale(1.5);
    }
}

@keyframes balloon-pop {
    0% {
        opacity: 0;
        transform: translateY(3px) scale(0.35);
    }

    64% {
        opacity: 1;
        transform: translateY(-1px) scale(1.08);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes balloon-float {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(var(--float-x), var(--float-y));
    }
}

@keyframes highlight-pulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.42;
    }
}

@keyframes halo-enter {
    0% {
        opacity: 0;
        transform: scale(0.68);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes halo-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.62;
        transform: scale(1.04);
    }
}

@keyframes flame-rise {
    0% {
        opacity: 0;
        transform: translateY(4px) scaleY(0.35);
    }

    64% {
        opacity: 1;
        transform: translateY(-0.5px) scaleY(1.08);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes flame-rise-inner {
    0% {
        opacity: 0;
        transform: translateY(3px) scaleY(0.28);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes flame-flicker {
    0%,
    100% {
        transform: translate(0, 0) scaleY(1);
    }

    45% {
        transform: translate(0.5px, -0.4px) scaleY(1.06);
    }

    70% {
        transform: translate(-0.3px, 0.2px) scaleY(0.98);
    }
}

@keyframes flame-flicker-inner {
    0%,
    100% {
        transform: translate(0, 0) scaleY(1);
    }

    52% {
        transform: translate(-0.4px, 0.5px) scaleY(0.94);
    }
}

@keyframes spark-loop {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    48% {
        opacity: 1;
        stroke-dashoffset: -5;
    }
}

@keyframes diamond-enter {
    0% {
        opacity: 0;
        transform: translate(var(--from-x), var(--from-y)) scale(0.58);
    }

    70% {
        opacity: 1;
        transform: translate(0, 0) scale(1.08);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

@keyframes diamond-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

@keyframes curl-breathe {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes stitch-enter {
    0% {
        opacity: 0;
        stroke-dashoffset: 18;
        transform: scale(0.86);
    }

    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: scale(1);
    }
}

@keyframes stitch-loop {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -12;
    }
}

@keyframes bookmark-enter {
    0% {
        opacity: 0;
        transform: translateY(-10px) scaleY(0.65);
    }

    66% {
        opacity: 1;
        transform: translateY(1px) scaleY(1.08);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes bookmark-sway {
    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(0.8deg);
    }
}

@keyframes bookmark-fold-loop {
    0%,
    100% {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: translateY(0);
    }

    24% {
        opacity: 0.92;
        stroke-dashoffset: 0;
        transform: translateY(0);
    }

    42% {
        opacity: 0;
        stroke-dashoffset: -9;
        transform: translateY(7px);
    }

    58% {
        opacity: 0;
        stroke-dashoffset: 9;
        transform: translateY(-6px);
    }

    74% {
        opacity: 0.95;
        stroke-dashoffset: 0;
        transform: translateY(0);
    }
}

@media (max-width: 560px) {
  .boot-panel__holiday-logo {
    width: 70px;
    height: 70px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .holiday-logo-svg--animated * {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
    filter: none !important;
  }

  .holiday-logo-svg--animated *:not(.card-glint):not(.glint):not(.shine-line):not(.bulb-glow):not(.ribbon-shine):not(.victory-firework):not(.victory-firework__launch):not(.victory-firework__launch-head):not(.victory-firework__rays):not(.victory-firework__trail):not(.victory-firework__spark):not(.victory-firework__core):not(.victory-firework__halo) {
    opacity: 1 !important;
  }

  .holiday-logo-svg--animated .card-glint,
  .holiday-logo-svg--animated .glint,
  .holiday-logo-svg--animated .shine-line,
  .holiday-logo-svg--animated .bulb-glow,
  .holiday-logo-svg--animated .ribbon-shine,
  .holiday-logo-svg--animated .victory-firework,
  .holiday-logo-svg--animated .victory-firework__launch,
  .holiday-logo-svg--animated .victory-firework__launch-head,
  .holiday-logo-svg--animated .victory-firework__rays,
  .holiday-logo-svg--animated .victory-firework__trail,
  .holiday-logo-svg--animated .victory-firework__spark,
  .holiday-logo-svg--animated .victory-firework__core,
  .holiday-logo-svg--animated .victory-firework__halo {
    opacity: 0 !important;
  }
}