.site-particles {
    pointer-events: none !important;
    user-select: none;
    position: fixed;
    inset: 0;
    z-index: 1490;
    overflow: hidden;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.shopacc-white-theme .site-particles {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body.shopacc-white-theme .site-particle,
html body.shopacc-white-theme .site-particle::before {
    display: block !important;
    visibility: visible !important;
}

.site-particle {
    --snow-size: 7px;
    --snow-opacity: .78;
    --snow-duration: 44s;
    --snow-delay: 0s;
    position: absolute;
    top: -18vh;
    width: var(--snow-size);
    height: var(--snow-size);
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1;
    animation: siteSnowFall var(--snow-duration) linear var(--snow-delay) infinite;
    will-change: transform;
}

html body.shopacc-white-theme .site-particle {
    opacity: 1 !important;
    animation: siteSnowFall var(--snow-duration) linear var(--snow-delay) infinite !important;
}

.site-particle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--snow-size) + 8px);
    height: calc(var(--snow-size) + 8px);
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23c8e9f8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 4v56M8 18l48 28M8 46l48-28'/%3E%3Cpath d='M32 13l-6-5M32 13l6-5M32 51l-6 5M32 51l6 5M16 23l-1-8M16 23l-8 1M48 41l1 8M48 41l8-1M16 41l-8-1M16 41l-1 8M48 23l8 1M48 23l1-8'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 1px rgba(58, 98, 118, .34)) drop-shadow(0 0 4px rgba(255, 255, 255, .72));
    opacity: var(--snow-opacity) !important;
    transform: translate3d(-50%, -50%, 0) !important;
    animation: none !important;
}

.site-particle::after {
    content: none !important;
    display: none !important;
}

.site-particle:nth-child(1) { left: 2%; --snow-size: 9px; --snow-opacity: .9; --snow-delay: -11s; }
.site-particle:nth-child(2) { left: 7%; --snow-size: 4px; --snow-opacity: .54; --snow-delay: -24s; }
.site-particle:nth-child(3) { left: 12%; --snow-size: 6px; --snow-opacity: .7; --snow-delay: -7s; }
.site-particle:nth-child(4) { left: 18%; --snow-size: 8px; --snow-opacity: .84; --snow-delay: -16s; }
.site-particle:nth-child(5) { left: 24%; --snow-size: 5px; --snow-opacity: .62; --snow-delay: -19s; }
.site-particle:nth-child(6) { left: 29%; --snow-size: 10px; --snow-opacity: .92; --snow-delay: -4s; }
.site-particle:nth-child(7) { left: 34%; --snow-size: 4px; --snow-opacity: .5; --snow-delay: -13s; }
.site-particle:nth-child(8) { left: 39%; --snow-size: 7px; --snow-opacity: .76; --snow-delay: -21s; }
.site-particle:nth-child(9) { left: 45%; --snow-size: 5px; --snow-opacity: .6; --snow-delay: -9s; }
.site-particle:nth-child(10) { left: 50%; --snow-size: 9px; --snow-opacity: .88; --snow-delay: -15s; }
.site-particle:nth-child(11) { left: 55%; --snow-size: 6px; --snow-opacity: .68; --snow-delay: -2s; }
.site-particle:nth-child(12) { left: 60%; --snow-size: 4px; --snow-opacity: .52; --snow-delay: -27s; }
.site-particle:nth-child(13) { left: 66%; --snow-size: 8px; --snow-opacity: .82; --snow-delay: -12s; }
.site-particle:nth-child(14) { left: 71%; --snow-size: 5px; --snow-opacity: .58; --snow-delay: -18s; }
.site-particle:nth-child(15) { left: 76%; --snow-size: 10px; --snow-opacity: .9; --snow-delay: -6s; }
.site-particle:nth-child(16) { left: 81%; --snow-size: 6px; --snow-opacity: .7; --snow-delay: -23s; }
.site-particle:nth-child(17) { left: 86%; --snow-size: 4px; --snow-opacity: .5; --snow-delay: -10s; }
.site-particle:nth-child(18) { left: 91%; --snow-size: 8px; --snow-opacity: .84; --snow-delay: -17s; }
.site-particle:nth-child(19) { left: 96%; --snow-size: 5px; --snow-opacity: .6; --snow-delay: -5s; }
.site-particle:nth-child(20) { left: 14%; --snow-size: 7px; --snow-opacity: .74; --snow-delay: -20s; }
.site-particle:nth-child(21) { left: 32%; --snow-size: 5px; --snow-opacity: .58; --snow-delay: -26s; }
.site-particle:nth-child(22) { left: 47%; --snow-size: 8px; --snow-opacity: .8; --snow-delay: -8s; }
.site-particle:nth-child(23) { left: 69%; --snow-size: 6px; --snow-opacity: .66; --snow-delay: -14s; }
.site-particle:nth-child(24) { left: 88%; --snow-size: 9px; --snow-opacity: .86; --snow-delay: -3s; }

.site-particle:nth-child(6n+1) { --snow-duration: 40s; }
.site-particle:nth-child(6n+2) { --snow-duration: 48s; }
.site-particle:nth-child(6n+3) { --snow-duration: 44s; }
.site-particle:nth-child(6n+4) { --snow-duration: 38s; }
.site-particle:nth-child(6n+5) { --snow-duration: 52s; }
.site-particle:nth-child(6n) { --snow-duration: 55s; }

@keyframes siteSnowFall {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(0, 130vh, 0); }
}

@media (max-width: 768px) {
    html body.shopacc-white-theme .site-particles { opacity: .68 !important; }
    html body.shopacc-white-theme .site-particle:nth-child(n+13) { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    html body.shopacc-white-theme .site-particles { display: none !important; }
}

html body.notification-open .modal-backdrop.fade.in,
html body.notification-open > .modal-backdrop.fade.in {
    background: transparent !important;
    opacity: 0 !important;
    visibility: visible !important;
    box-shadow: none !important;
}