@charset "UTF-8";


:root {
    --sfpd-teal-rgb: 20, 241, 217;
    --sfpd-teal-bright: #7df5e7;
    --sfpd-accent-2: #00e0c6;
    --sfpd-accent-2-rgb: 0, 224, 198;
    --sfpd-blue: #3a8cff;
    --sfpd-blue-rgb: 58, 140, 255;


    --season-glow-top: transparent;
    --season-glow-bottom: transparent;
    --season-vignette: transparent;
    --season-fx-opacity: 0;
    --season-tint: transparent;
}


/* Оформление выключено пользователем.

   Палитру специально не переопределяем: переменные сезонов просто не
   назначаются, и сайт остаётся в базовой теме из sfpd-theme.css.
   Слой со свечением и гирлянду убирает JS, но правила ниже нужны как
   страховка на случай, если разметка успела отрисоваться раньше скрипта
   или JS отключён совсем. */
html[data-season="off"] .sfpd-season-fx,
html[data-season="off"] .sfpd-garland {
    display: none !important;
}


html[data-season="autumn"] {
    --sfpd-teal: #f2a03d;
    --sfpd-teal-rgb: 242, 160, 61;
    --sfpd-teal-soft: rgba(242, 160, 61, .16);
    --sfpd-teal-bright: #ffc887;
    --sfpd-primary-light: #f2a03d;
    --sfpd-primary: #d9782b;
    --sfpd-primary-dark: #8a4715;
    --sfpd-accent: #f2a03d;
    --sfpd-accent-2: #ff8a3d;
    --sfpd-accent-2-rgb: 255, 138, 61;
    --sfpd-blue: #c2703a;
    --sfpd-blue-rgb: 194, 112, 58;
    --sfpd-grad-teal: linear-gradient(135deg, #8a4715, #f2a03d);
    --sfpd-on-teal: #1a1006;
    --sfpd-on-teal-hover: #2a1a08;

    --sfpd-navy-1: #120c07;
    --sfpd-navy-2: #1b120a;
    --sfpd-navy-3: #20160d;
    --sfpd-panel: #1d140c;
    --sfpd-panel-deep: #150e08;
    --sfpd-pink: #e0655b;

    --season-glow-top: rgba(242, 160, 61, .10);
    --season-glow-bottom: rgba(138, 71, 21, .12);
    --season-vignette: rgba(30, 14, 4, .34);
    --season-tint: rgba(242, 140, 40, .028);
    --season-fx-opacity: 1;
}


html[data-season="winter"] {
    --sfpd-teal: #7ad4ff;
    --sfpd-teal-rgb: 122, 212, 255;
    --sfpd-teal-soft: rgba(122, 212, 255, .16);
    --sfpd-teal-bright: #c8ecff;
    --sfpd-primary-light: #7ad4ff;
    --sfpd-primary: #3f9fd8;
    --sfpd-primary-dark: #1c5a85;
    --sfpd-accent: #7ad4ff;
    --sfpd-accent-2: #a8e4ff;
    --sfpd-accent-2-rgb: 168, 228, 255;
    --sfpd-blue: #5aa9ff;
    --sfpd-blue-rgb: 90, 169, 255;
    --sfpd-grad-teal: linear-gradient(135deg, #1c5a85, #7ad4ff);
    --sfpd-on-teal: #06131f;
    --sfpd-on-teal-hover: #0d2033;

    --sfpd-navy-1: #060d16;
    --sfpd-navy-2: #0a1522;
    --sfpd-navy-3: #0e1b2a;
    --sfpd-panel: #0d1927;
    --sfpd-panel-deep: #081320;
    --sfpd-pink: #8fb8ff;

    --season-glow-top: rgba(168, 228, 255, .10);
    --season-glow-bottom: rgba(28, 90, 133, .14);
    --season-vignette: rgba(4, 14, 26, .34);
    --season-tint: rgba(150, 210, 255, .026);
    --season-fx-opacity: 1;
}


html[data-season="spring"] {
    --sfpd-teal: #7fe0a0;
    --sfpd-teal-rgb: 127, 224, 160;
    --sfpd-teal-soft: rgba(127, 224, 160, .16);
    --sfpd-teal-bright: #c4f7d8;
    --sfpd-primary-light: #7fe0a0;
    --sfpd-primary: #46b874;
    --sfpd-primary-dark: #216b43;
    --sfpd-accent: #7fe0a0;
    --sfpd-accent-2: #ffb3d1;
    --sfpd-accent-2-rgb: 255, 179, 209;
    --sfpd-blue: #6fc9a8;
    --sfpd-blue-rgb: 111, 201, 168;
    --sfpd-grad-teal: linear-gradient(135deg, #216b43, #7fe0a0);
    --sfpd-on-teal: #05170d;
    --sfpd-on-teal-hover: #0b2415;

    --sfpd-navy-1: #08130d;
    --sfpd-navy-2: #0d1c14;
    --sfpd-navy-3: #11221a;
    --sfpd-panel: #0f1f17;
    --sfpd-panel-deep: #0a1710;
    --sfpd-pink: #ff8fc0;

    --season-glow-top: rgba(255, 179, 209, .09);
    --season-glow-bottom: rgba(33, 107, 67, .13);
    --season-vignette: rgba(6, 20, 12, .32);
    --season-tint: rgba(140, 230, 170, .024);
    --season-fx-opacity: 1;
}


html[data-season="summer"] {
    --sfpd-teal: #19e8c9;
    --sfpd-teal-rgb: 25, 232, 201;
    --sfpd-teal-soft: rgba(25, 232, 201, .16);
    --sfpd-teal-bright: #8ff7e4;
    --sfpd-primary-light: #19e8c9;
    --sfpd-primary: #10c9b4;
    --sfpd-primary-dark: #0d8577;
    --sfpd-accent: #19e8c9;
    --sfpd-accent-2: #ffd166;
    --sfpd-accent-2-rgb: 255, 209, 102;
    --sfpd-blue: #3ac0ff;
    --sfpd-blue-rgb: 58, 192, 255;
    --sfpd-grad-teal: linear-gradient(135deg, #0d8577, #19e8c9);

    --sfpd-navy-1: #071420;
    --sfpd-navy-2: #0c1e2e;
    --sfpd-navy-3: #102433;
    --sfpd-panel: #0e2131;
    --sfpd-panel-deep: #091b28;

    --season-glow-top: rgba(255, 209, 102, .09);
    --season-glow-bottom: rgba(13, 133, 119, .12);
    --season-vignette: rgba(3, 16, 26, .28);
    --season-tint: rgba(255, 200, 120, .022);
    --season-fx-opacity: 1;
}


html[data-season="halloween"] {
    --sfpd-teal: #ff7a18;
    --sfpd-teal-rgb: 255, 122, 24;
    --sfpd-teal-soft: rgba(255, 122, 24, .16);
    --sfpd-teal-bright: #ffb066;
    --sfpd-primary-light: #ff7a18;
    --sfpd-primary: #e2600b;
    --sfpd-primary-dark: #7c2d9e;
    --sfpd-accent: #ff7a18;
    --sfpd-accent-2: #a855f7;
    --sfpd-accent-2-rgb: 168, 85, 247;
    --sfpd-blue: #8b5cf6;
    --sfpd-blue-rgb: 139, 92, 246;
    --sfpd-grad-teal: linear-gradient(135deg, #7c2d9e, #ff7a18);
    --sfpd-on-teal: #1a0d05;
    --sfpd-on-teal-hover: #2a1508;

    --sfpd-navy-1: #0d0714;
    --sfpd-navy-2: #150c1f;
    --sfpd-navy-3: #1a1026;
    --sfpd-panel: #170e22;
    --sfpd-panel-deep: #100819;
    --sfpd-pink: #c95bd8;

    --season-glow-top: rgba(168, 85, 247, .12);
    --season-glow-bottom: rgba(255, 122, 24, .11);
    --season-vignette: rgba(12, 4, 20, .40);
    --season-tint: rgba(255, 122, 24, .022);
    --season-fx-opacity: 1;
}


html[data-season="newyear"] {
    --sfpd-teal: #ffd76a;
    --sfpd-teal-rgb: 255, 215, 106;
    --sfpd-teal-soft: rgba(255, 215, 106, .16);
    --sfpd-teal-bright: #ffeab4;
    --sfpd-primary-light: #ffd76a;
    --sfpd-primary: #e0a92e;
    --sfpd-primary-dark: #8a5f12;
    --sfpd-accent: #ffd76a;
    --sfpd-accent-2: #7ad4ff;
    --sfpd-accent-2-rgb: 122, 212, 255;
    --sfpd-blue: #5aa9ff;
    --sfpd-blue-rgb: 90, 169, 255;
    --sfpd-grad-teal: linear-gradient(135deg, #8a5f12, #ffd76a);
    --sfpd-on-teal: #1a1204;
    --sfpd-on-teal-hover: #2a1d08;

    --sfpd-navy-1: #060e18;
    --sfpd-navy-2: #0a1624;
    --sfpd-navy-3: #0e1c2c;
    --sfpd-panel: #0d1a29;
    --sfpd-panel-deep: #081422;
    --sfpd-pink: #ff8f8f;

    --season-glow-top: rgba(255, 215, 106, .10);
    --season-glow-bottom: rgba(90, 169, 255, .12);
    --season-vignette: rgba(4, 12, 22, .36);
    --season-tint: rgba(255, 215, 106, .022);
    --season-fx-opacity: 1;
}


html[data-season="birthday"] {
    --sfpd-teal: #ff8fc0;
    --sfpd-teal-rgb: 255, 143, 192;
    --sfpd-teal-soft: rgba(255, 143, 192, .16);
    --sfpd-teal-bright: #ffc9e0;
    --sfpd-primary-light: #ff8fc0;
    --sfpd-primary: #e0619a;
    --sfpd-primary-dark: #8a2f5c;
    --sfpd-accent: #ff8fc0;
    --sfpd-accent-2: #ffd76a;
    --sfpd-accent-2-rgb: 255, 215, 106;
    --sfpd-blue: #a88fff;
    --sfpd-blue-rgb: 168, 143, 255;
    --sfpd-grad-teal: linear-gradient(135deg, #8a2f5c, #ff8fc0);
    --sfpd-on-teal: #1c0a14;
    --sfpd-on-teal-hover: #2b1020;

    --sfpd-navy-1: #140a12;
    --sfpd-navy-2: #1d1019;
    --sfpd-navy-3: #23141e;
    --sfpd-panel: #201220;
    --sfpd-panel-deep: #170c14;
    --sfpd-pink: #ff8fc0;

    --season-glow-top: rgba(255, 143, 192, .12);
    --season-glow-bottom: rgba(255, 215, 106, .10);
    --season-vignette: rgba(20, 6, 14, .34);
    --season-tint: rgba(255, 143, 192, .024);
    --season-fx-opacity: 1;
}


html[data-season="march8"] {
    --sfpd-teal: #ff6bb5;
    --sfpd-teal-rgb: 255, 107, 181;
    --sfpd-teal-soft: rgba(255, 107, 181, .16);
    --sfpd-teal-bright: #ffb3d9;
    --sfpd-primary-light: #ff6bb5;
    --sfpd-primary: #e8479c;
    --sfpd-primary-dark: #99215f;
    --sfpd-accent: #ff6bb5;
    --sfpd-accent-2: #ffd24d;
    --sfpd-accent-2-rgb: 255, 210, 77;
    --sfpd-blue: #d98fd0;
    --sfpd-blue-rgb: 217, 143, 208;
    --sfpd-grad-teal: linear-gradient(135deg, #99215f, #ff6bb5);
    --sfpd-on-teal: #200610;
    --sfpd-on-teal-hover: #300b1a;

    --sfpd-navy-1: #1a0c14;
    --sfpd-navy-2: #24101a;
    --sfpd-navy-3: #2b1420;
    --sfpd-panel: #281220;
    --sfpd-panel-deep: #1c0a16;
    --sfpd-pink: #ff8fc0;

    --season-glow-top: rgba(255, 107, 181, .14);
    --season-glow-bottom: rgba(255, 210, 77, .10);
    --season-vignette: rgba(22, 6, 14, .34);
    --season-tint: rgba(255, 120, 180, .028);
    --season-fx-opacity: 1;
}


.sfpd-season-fx {
    position: fixed;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    opacity: var(--season-fx-opacity);
    transition: opacity .8s ease;
    contain: layout style paint;
}

.sfpd-season-fx::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 60% at 50% -10%, var(--season-glow-top), transparent 62%),
    radial-gradient(140% 55% at 50% 108%, var(--season-glow-bottom), transparent 60%),
    linear-gradient(180deg, transparent 55%, var(--season-vignette) 100%),
    var(--season-tint);
    transition: background .8s ease;
}

.sfpd-season-fx__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}


body.modal-open .sfpd-season-fx,
body.sfpd-preloading .sfpd-season-fx {
    opacity: 0;
}


.sfpd-season-switch {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1078;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px;
    border-radius: 999px;
    background: rgba(10, 16, 24, .72);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    transition: opacity .3s ease, transform .3s ease;
}

body.modal-open .sfpd-season-switch {
    opacity: 0;
    pointer-events: none;
}

.sfpd-season-switch__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(255, 255, 255, .48);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.sfpd-season-switch__btn:hover {
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .08);
    transform: translateY(-1px);
}

.sfpd-season-switch__btn:focus-visible {
    outline: 2px solid var(--sfpd-teal);
    outline-offset: 2px;
}

.sfpd-season-switch__btn[aria-pressed="true"] {
    color: var(--sfpd-on-teal, #fff);
    background: var(--sfpd-grad-teal);
    box-shadow: 0 4px 14px rgba(var(--sfpd-teal-rgb), .38);
}


.sfpd-season-switch__btn--auto {
    width: auto;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sfpd-season-switch__sep {
    width: 1px;
    height: 18px;
    margin: 0 2px;
    background: rgba(255, 255, 255, .12);
}

@media (max-width: 575.98px) {
    .sfpd-season-switch {
        left: 50%;
        bottom: 12px;
        transform: translateX(-50%);
        padding: 4px;
    }

    .sfpd-season-switch__btn {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .sfpd-season-fx__canvas {
        display: none;
    }

    .sfpd-season-fx,
    .sfpd-season-fx::before,
    .sfpd-season-switch {
        transition: none;
    }
}


@media print {
    .sfpd-season-fx,
    .sfpd-season-switch {
        display: none !important;
    }
}


.nav-season {
    position: relative;
    display: inline-flex !important;
    align-items: center;
}


.nav-season__trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(var(--sfpd-teal-rgb), .26);
    border-radius: 999px;
    background: rgba(var(--sfpd-teal-rgb), .09);
    color: var(--sfpd-teal);
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.nav-season__trigger:hover,
.nav-season.is-open .nav-season__trigger {
    background: rgba(var(--sfpd-teal-rgb), .2);
    border-color: rgba(var(--sfpd-teal-rgb), .5);
    color: var(--sfpd-teal-bright);
}

.nav-season__trigger:focus-visible {
    outline: 2px solid var(--sfpd-teal);
    outline-offset: 2px;
}

.nav-season__caret {
    font-size: 9px;
    opacity: .7;
    transition: transform .25s ease;
}

.nav-season.is-open .nav-season__caret {
    transform: rotate(180deg);
}


.nav-season__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 1100;
    min-width: 178px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    background: rgba(12, 18, 28, .96);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.nav-season.is-open .nav-season__menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
}

.nav-season__item {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, .68);
    font: inherit;
    font-size: 12px;

    text-transform: none;
    letter-spacing: normal;
    text-align: left;
    line-height: 1.3;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.nav-season__item:hover {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

.nav-season__item i {
    width: 15px;
    text-align: center;
    font-size: 12px;
    flex: 0 0 auto;
}

.nav-season__item[aria-pressed="true"] {
    background: var(--sfpd-grad-teal);
    color: var(--sfpd-on-teal, #fff);
}

.nav-season__sep {
    height: 1px;
    margin: 5px 4px;
    background: rgba(255, 255, 255, .10);
}

.nav-season__item--off {
    color: rgba(255, 255, 255, .52);
}

.nav-season__item--off:hover {
    background: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .92);
}

html[data-season="off"] .nav-season__item[aria-pressed="true"],
html[data-season="off"] .sfpd-season-switch__btn[aria-pressed="true"] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    box-shadow: none;
}

@media (max-width: 991.98px) {

    .nav-season__menu {
        left: 0;
        transform: translate(0, -6px);
    }

    .nav-season.is-open .nav-season__menu {
        transform: translate(0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-season__menu,
    .nav-season__caret {
        transition: none;
    }
}


.sfpd-garland {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 26px;
    z-index: 3;
    pointer-events: none;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 14px;
}

html[data-season="winter"] .sfpd-garland,
html[data-season="halloween"] .sfpd-garland,
html[data-season="newyear"] .sfpd-garland {
    display: flex;
}


.sfpd-garland::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg,
    transparent,
    rgba(255, 255, 255, .16) 6%,
    rgba(255, 255, 255, .16) 94%,
    transparent);
}


.sfpd-garland__bulb {
    position: relative;
    width: 9px;
    height: 12px;
    margin-top: 8px;
    border-radius: 50% 50% 58% 58%;
    background: var(--bulb, #ffffff);
    box-shadow: 0 0 9px 1px var(--bulb, #ffffff),
    0 0 18px 3px color-mix(in srgb, var(--bulb, #fff) 45%, transparent);
    animation: sfpdBulb 2.4s ease-in-out infinite;
    animation-delay: var(--bulb-delay, 0s);
}


.sfpd-garland__bulb::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 3px;
    height: 7px;
    border-radius: 1px;
    background: rgba(255, 255, 255, .28);
    transform: translateX(-50%);
}

@keyframes sfpdBulb {
    0%, 100% {
        opacity: 1;
        filter: brightness(1.15);
    }
    50% {
        opacity: .42;
        filter: brightness(.7);
    }
}


html[data-season="winter"] .sfpd-garland__bulb:nth-child(4n+1) {
    --bulb: #ffffff;
}

html[data-season="winter"] .sfpd-garland__bulb:nth-child(4n+2) {
    --bulb: #7ad4ff;
}

html[data-season="winter"] .sfpd-garland__bulb:nth-child(4n+3) {
    --bulb: #a8e4ff;
}

html[data-season="winter"] .sfpd-garland__bulb:nth-child(4n) {
    --bulb: #5aa9ff;
}


html[data-season="halloween"] .sfpd-garland__bulb:nth-child(4n+1) {
    --bulb: #ff7a18;
}

html[data-season="halloween"] .sfpd-garland__bulb:nth-child(4n+2) {
    --bulb: #a855f7;
}

html[data-season="halloween"] .sfpd-garland__bulb:nth-child(4n+3) {
    --bulb: #ffb066;
}

html[data-season="halloween"] .sfpd-garland__bulb:nth-child(4n) {
    --bulb: #7cd94f;
}


html[data-season="newyear"] .sfpd-garland__bulb:nth-child(4n+1) {
    --bulb: #ffd76a;
}

html[data-season="newyear"] .sfpd-garland__bulb:nth-child(4n+2) {
    --bulb: #ff6b6b;
}

html[data-season="newyear"] .sfpd-garland__bulb:nth-child(4n+3) {
    --bulb: #ffffff;
}

html[data-season="newyear"] .sfpd-garland__bulb:nth-child(4n) {
    --bulb: #6ee7a5;
}


@supports not (color: color-mix(in srgb, red 50%, blue)) {
    .sfpd-garland__bulb {
        box-shadow: 0 0 9px 1px var(--bulb, #fff), 0 0 20px 4px rgba(255, 255, 255, .18);
    }
}

@media (max-width: 767.98px) {
    .sfpd-garland {
        height: 20px;
        padding: 0 8px;
    }

    .sfpd-garland__bulb {
        width: 7px;
        height: 10px;
        margin-top: 6px;
    }

    .sfpd-garland__bulb::before {
        height: 6px;
        top: -6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sfpd-garland__bulb {
        animation: none;
    }
}

@media print {
    .sfpd-garland {
        display: none !important;
    }
}


html[data-season="halloween"] .sfpd-garland,
html[data-season="newyear"] .sfpd-garland {
    height: 46px;
}

.sfpd-garland__charm {
    position: relative;
    width: 26px;
    height: 30px;
    margin-top: 7px;
    transform-origin: 50% -7px;
    animation: sfpdCharmSway 4.6s ease-in-out infinite;
    animation-delay: var(--charm-delay, 0s);
}


.sfpd-garland__charm::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 1px;
    height: 7px;
    background: rgba(255, 255, 255, .3);
    transform: translateX(-50%);
}

.sfpd-garland__art {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    filter: drop-shadow(0 0 6px var(--charm-glow, transparent));
}

@keyframes sfpdCharmSway {
    0%, 100% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(6deg);
    }
}


.sfpd-charm-pumpkin .body {
    fill: #ff7a18;
}

.sfpd-charm-pumpkin .lobe {
    fill: #e2600b;
}

.sfpd-charm-pumpkin .stem {
    fill: #4f7a2a;
}

.sfpd-charm-pumpkin .face {
    fill: #2a0f04;
}


html[data-season="halloween"] .sfpd-garland__charm {
    --charm-glow: rgba(255, 122, 24, .55);
}

.sfpd-charm-pumpkin .face {
    animation: sfpdPumpkinFlicker 3.1s ease-in-out infinite;
    animation-delay: var(--charm-delay, 0s);
}

@keyframes sfpdPumpkinFlicker {
    0%, 100% {
        fill: #2a0f04;
    }
    45% {
        fill: #ffd166;
    }
    55% {
        fill: #ffb066;
    }
}


.sfpd-charm-gift .box {
    fill: #c93a3a;
}

.sfpd-charm-gift .lid {
    fill: #e04d4d;
}

.sfpd-charm-gift .ribbon {
    fill: #ffd76a;
}

.sfpd-charm-gift .bow {
    fill: #ffe49a;
}

html[data-season="newyear"] .sfpd-garland__charm {
    --charm-glow: rgba(255, 215, 106, .45);
}


.sfpd-garland__charm:nth-of-type(even) .sfpd-charm-gift .box {
    fill: #2f7d5b;
}

.sfpd-garland__charm:nth-of-type(even) .sfpd-charm-gift .lid {
    fill: #3a9a70;
}

@media (max-width: 767.98px) {
    html[data-season="halloween"] .sfpd-garland,
    html[data-season="newyear"] .sfpd-garland {
        height: 36px;
    }

    .sfpd-garland__charm {
        width: 20px;
        height: 23px;
        margin-top: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sfpd-garland__charm,
    .sfpd-charm-pumpkin .face {
        animation: none;
    }
}