/* Сюжетные рамки: отдельные лёгкие слои, без размытия и изменения размеров в кадрах. */
html:root body .vmesta-avatar-decor.decor313::before,html:root body .vmesta-avatar-decor.decor313::after {content:none!important}
html:root body .decor313-scene {position:absolute;inset:0;display:block;pointer-events:none;overflow:visible;color:#def4ff}
html:root body .decor313-border {position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;overflow:visible}
html:root body .decor-custom .decor313-border>rect {stroke:var(--decor-a)}
html:root body .decor-custom .decor313-particle {color:var(--decor-b)}
html:root body .decor313-wave {transform-box:fill-box;transform-origin:center;animation:decor313-wave 6s ease-in-out infinite paused}
@keyframes decor313-wave {0%,100%{transform:translateY(1px) scaleY(.75)}50%{transform:translateY(-3px) scaleY(1.1)}}
html:root body .decor313-actor {position:absolute;display:block;width:37%;height:44%;z-index:2;transform-origin:50% 90%;animation:decor313-greet 5s ease-in-out infinite paused}
html:root body .decor313-actor>img {display:block;position:static!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important}
html:root body .decor313-actor.is-snowman {bottom:0;left:0;width:40%;height:50%}
html:root body .decor313-actor.is-knight {right:0;bottom:0;width:43%;height:56%;animation-name:decor313-salute;animation-duration:6s}
html:root body .decor313-actor.is-plane {width:29%;height:29%;left:50%;top:0;transform-origin:center;animation:none}
@supports(offset-path:inset(7% round 22%)) {
 html:root body .decor313-actor.is-plane {left:0;top:0;offset-path:inset(7% round 22%);offset-rotate:auto;offset-anchor:50% 50%;animation:decor313-flight 12s linear infinite paused}
}
html:root body .decor313-particle {display:block;position:absolute;left:var(--x);top:var(--y);width:9%;height:9%;color:#dcf6ff;animation:decor313-snow 7s linear infinite paused;animation-delay:calc(var(--n)*-.81s);transform-origin:center}
html:root body .decor313-symbol {display:block;width:100%!important;height:100%!important;max-width:none!important;overflow:visible}
html:root body .decor313-particle.is-leaf {color:hsl(calc(22 + var(--n)*6) 72% 61%);width:13%;height:13%;animation-name:decor313-leaf;animation-duration:9s}
html:root body .decor313-particle.is-flower {width:20%;height:20%;left:calc(1% + var(--n)*22%);top:0;animation-name:decor313-bloom;animation-duration:6s}
html:root body .decor313-particle.is-flower:nth-child(even) {top:80%}
html:root body .decor313-particle.is-butterfly {width:20%;height:20%;color:#d4a9f1;animation-name:decor313-butterfly;animation-duration:8s}
html:root body .decor313-particle.is-bulb {width:8%;height:10%;left:calc(12% + var(--col)*24%);top:calc(3% + var(--row)*85%);color:hsl(calc(var(--n)*47) 85% 74%);border-radius:40% 40% 50% 50%;background:currentColor;animation:decor313-lights 3s ease-in-out infinite paused;animation-delay:calc(var(--n)*-.4s)}
html:root body .decor313-particle.is-bulb svg {display:none}
html:root body .decor313-particle.is-confetti {width:3%;height:6%;left:12%;top:85%;color:hsl(calc(var(--n)*49) 84% 72%);background:currentColor;border-radius:2px;animation:decor313-party 4s ease-out infinite paused;animation-delay:calc(var(--n)*-.045s)}
html:root body .decor313-particle.is-confetti svg {display:none}
html:root body .decor313-particle.is-star {width:5%;height:5%;background:#ffe8b2;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation-name:decor313-twinkle;animation-duration:4s}
html:root body .decor313-particle.is-drop {width:3%;height:8%;background:linear-gradient(transparent,#a4defb);border-radius:50%;animation-name:decor313-rain;animation-duration:3s}
html:root body .decor313-particle.is-drop svg {display:none}
html:root body .decor313-particle.is-spark {left:50%;top:20%;width:3%;height:3%;background:#ffcf80;animation:decor313-firework 4s ease-out infinite paused;animation-delay:calc(var(--n)*-.025s)}
html:root body .decor-spiral .decor313-particle {animation-name:decor313-blizzard;animation-duration:5s}
html:root body .decor-dandelion .decor313-particle {animation-name:decor313-dew;animation-duration:5s}
html:root body .decor313-scene.is-frame .is-snow {left:calc(3% + var(--n)*22%);top:3%}
html:root body .decor-prism .decor313-particle {animation-name:decor313-twinkle;animation-duration:5s}
@keyframes decor313-greet {0%,65%,100%{transform:rotate(0)}72%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}88%{transform:rotate(-3deg)}}
@keyframes decor313-salute {0%,60%,100%{transform:rotate(0) translateY(0)}70%{transform:rotate(-6deg) translateY(-5%)}82%{transform:rotate(3deg) translateY(-2%)}}
@keyframes decor313-flight {to{offset-distance:100%}}
@keyframes decor313-snow {0%{transform:translate(0,-90%) rotate(0);opacity:0}15%,70%{opacity:.9}100%{transform:translate(100%,650%) rotate(130deg);opacity:0}}
@keyframes decor313-leaf {0%{transform:translate(-60%,-100%) rotate(-25deg);opacity:0}20%,70%{opacity:1}55%{transform:translate(100%,220%) rotate(40deg)}100%{transform:translate(-30%,480%) rotate(145deg);opacity:0}}
@keyframes decor313-bloom {0%,100%{transform:rotate(-8deg) scale(.9)}50%{transform:rotate(8deg) scale(1)}}
@keyframes decor313-butterfly {0%,100%{transform:translate(-50%,0) rotate(-12deg) scaleX(.75)}25%{transform:translate(70%,-90%) rotate(12deg) scaleX(1)}50%{transform:translate(140%,40%) rotate(20deg) scaleX(.5)}75%{transform:translate(40%,110%) rotate(-15deg) scaleX(1)}}
@keyframes decor313-lights {0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@keyframes decor313-party {0%,12%{transform:translate(0,0) rotate(0);opacity:0}18%{opacity:1}75%,100%{transform:translate(calc(300% + var(--n)*260%),calc(-400% - var(--n)*140%)) rotate(calc(var(--n)*70deg));opacity:0}}
@keyframes decor313-twinkle {0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}
@keyframes decor313-rain {0%{transform:translate(0,-200%);opacity:0}20%,75%{opacity:.9}100%{transform:translate(-180%,800%);opacity:0}}
@keyframes decor313-dew {0%,100%{transform:scale(.3) translateY(0);opacity:0}35%,65%{opacity:.9;transform:scale(1) translateY(0)}90%{transform:scale(.6) translateY(350%);opacity:0}}
@keyframes decor313-firework {0%,15%{transform:rotate(var(--angle)) translateX(0);opacity:0}20%{opacity:1}65%,100%{transform:rotate(var(--angle)) translateX(1300%);opacity:0}}
@keyframes decor313-blizzard {0%{transform:translate(-400%,-100%) rotate(0);opacity:0}20%,75%{opacity:.8}100%{transform:translate(600%,400%) rotate(260deg);opacity:0}}
/* Состояния запуска важнее сокращённых свойств animation и действуют на вложенные слои. */
html:root body .decor-visible>.decor313 .decor313-motion {animation-play-state:running!important}
html:root:is(.decor-page-hidden,.decor-media-hidden) body .decor313 .decor313-motion,
html:root body:is(.messenger-recording-active,.vmesta-image-editor-open) .decor313 .decor313-motion,
html:root body .decor-motion-paused>.decor313 .decor313-motion {animation-play-state:paused!important}
/* Предпросмотр сияния: мягкие ленты без полосатой текстуры и полигональных вырезов. */
html:root body .cover-preview-scene-web .preview-aurora-ribbon {inset:15% -15% 25%!important;width:auto!important;height:auto!important;border-radius:50%!important;clip-path:none!important;filter:none!important;opacity:.7!important;background:radial-gradient(ellipse at 50% 50%,#83ecc781 0%,#85bfe842 30%,#a297e729 45%,transparent 65%)!important;animation:decor313-aurora 12s ease-in-out infinite!important}
html:root body .cover-preview-scene-web .ribbon-b {inset:10% -15% 35%!important;animation-delay:-4s!important;opacity:.45!important;rotate:-12deg}
html:root body .cover-preview-scene-web .ribbon-c {inset:35% -15% 5%!important;animation-delay:-8s!important;opacity:.35!important;rotate:8deg}
@keyframes decor313-aurora {0%,100%{transform:translate(-4%,8%) rotate(-6deg) scaleY(.7)}50%{transform:translate(4%,-8%) rotate(8deg) scaleY(1.2)}}
@media(prefers-reduced-motion:reduce) {html:root body .decor313 .decor313-motion,html:root body .cover-preview-scene-web .preview-aurora-ribbon {animation:none!important}}