.banner{aspect-ratio:560/400;border-radius:24px;margin:0;position:relative;overflow:hidden;container-type:inline-size}.banner svg{width:100%;height:100%;display:block}.banner-slot{color:var(--color-ink);overflow-wrap:anywhere;white-space:pre-line;align-items:center;font-size:clamp(9px,2.4cqw,15px);line-height:1.25;display:flex;position:absolute;overflow:hidden}.banner svg *{transform-box:fill-box}.banner-khata [data-slot=a]{align-items:flex-start}.banner-khata [data-slot=lead],.banner-yarmarok [data-slot=shop],.banner-pysanky [data-slot^=c],.banner-skrynia [data-slot^=s]{color:#5c0099;font-weight:600}.banner-screen [data-slot=title]{font-size:clamp(11px,2.9cqw,17px);font-weight:600}.banner-screen [data-slot=label]{color:#6b7280}.banner-screen [data-slot=save],.banner-pysanky [data-slot],.banner-skrynia [data-slot^=l]{text-align:center;justify-content:center}.banner-screen [data-slot=save]{color:#2e2600;font-weight:600}.banner-screen [data-slot=ask],.banner-skrynia [data-slot^=l]{color:#fff}.banner-khata [data-slot=lead],.banner-khata [data-slot=t08]{opacity:0}.banner-khata [data-slot=t23]{color:#e9dcfb}.banner-khata [data-slot=t08]{color:#5c0099}.banner-skrynia .c-lid{transform-origin:0 100%;transform:translateY(-30px)rotate(-10deg)}@media (prefers-reduced-motion:no-preference){.banner-khata :is(.k-night,.k-moon,.k-t23,[data-slot=t23]){animation:10s infinite k-night}.banner-khata :is(.k-sun,.k-t08,[data-slot=t08]){animation:10s infinite k-day}.banner-khata .k-window{animation:10s infinite k-window}.banner-khata :is(.k-q,[data-slot=q]){animation:10s infinite k-q}.banner-khata :is(.k-a,[data-slot=a]){animation:10s infinite k-a}.banner-khata :is(.k-lead,[data-slot=lead]){transform-origin:50% 0;animation:10s infinite k-lead}@keyframes k-night{0%,40%{opacity:1}55%,92%{opacity:0}to{opacity:1}}@keyframes k-day{0%,45%{opacity:0}60%,90%{opacity:1}to{opacity:0}}@keyframes k-window{0%,45%{opacity:1}55%,to{opacity:.15}}@keyframes k-q{0%,6%{opacity:0;transform:translateY(8px)}12%,40%{opacity:1;transform:none}48%,to{opacity:0}}@keyframes k-a{0%,18%{opacity:0;transform:translateY(8px)}26%,40%{opacity:1;transform:none}48%,to{opacity:0}}@keyframes k-lead{0%,58%{opacity:0;transform:translateY(-30px)rotate(-8deg)}68%,92%{opacity:1;transform:none}to{opacity:0}}.banner-yarmarok .y-runner{animation:8s ease-in-out infinite y-run}.banner-yarmarok .y-other{animation:8s infinite y-fade}.banner-yarmarok :is(.y-card1,[data-slot=c1]){animation:8s infinite y-card}.banner-yarmarok :is(.y-card2,[data-slot=c2]){animation:8s .25s infinite y-card}.banner-yarmarok :is(.y-card3,[data-slot=c3]){animation:8s .5s infinite y-card}@keyframes y-run{0%{transform:none}45%{transform:translate(-300px)}55%{transform:translate(-300px)scaleX(-1)}to{transform:scaleX(-1)}}@keyframes y-fade{0%,30%{opacity:1}36%,96%{opacity:.15}to{opacity:1}}@keyframes y-card{0%,60%{opacity:0;transform:translateY(16px)}68%,96%{opacity:1;transform:none}to{opacity:0}}.banner-screen .s-pl{animation:9s infinite s-pl}.banner-screen .s-pl-t{animation:9s infinite s-pl-t}.banner-screen [data-slot=text]{animation:9s steps(28,end) infinite s-type}.banner-screen :is(.s-ask,[data-slot=ask]){animation:9s infinite s-ask}.banner-screen .s-hand{animation:9s infinite s-hand}@keyframes s-pl{0%,12%{fill:#f4e6fc}18%,to{fill:#5c0099}}@keyframes s-pl-t{0%,12%{fill:#5c0099}18%,to{fill:#fff}}@keyframes s-type{0%,22%{clip-path:inset(0 100% 0 0)}50%,to{clip-path:inset(0)}}@keyframes s-ask{0%,58%{opacity:0;transform:translateY(8px)}64%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes s-hand{0%{transform:translate(0)}15%{transform:translate(-220px,-170px)}25%,45%{transform:translate(-150px,-110px)}60%,to{transform:none}}.banner-pysanky .p-orn{stroke-dasharray:300;animation:7s infinite p-orn}.banner-pysanky .p-dm{transform-origin:50%;animation:7s infinite p-dm}.banner-pysanky .p-dm1{animation-delay:.15s}.banner-pysanky .p-dm2{animation-delay:.3s}.banner-pysanky .p-dm3{animation-delay:.45s}.banner-pysanky .p-dm4{animation-delay:.6s}@keyframes p-orn{0%,8%{stroke-dashoffset:300px}40%,90%{stroke-dashoffset:0}to{stroke-dashoffset:300px}}@keyframes p-dm{0%,40%{opacity:.25;transform:scale(.6)}48%,90%{opacity:1;transform:none}to{opacity:.25}}.banner-skrynia .c-lid{transform:none}.banner-skrynia .c-lid1{animation:9s infinite c-lid1}.banner-skrynia .c-lid2{animation:9s infinite c-lid2}.banner-skrynia .c-lid3{animation:9s infinite c-lid3}.banner-skrynia :is(.c-in1,[data-slot=s1]){animation:9s infinite c-in1}.banner-skrynia :is(.c-in2,[data-slot=s2]){animation:9s infinite c-in2}.banner-skrynia :is(.c-in3,[data-slot=s3]){animation:9s infinite c-in3}@keyframes c-lid1{0%,6%,30%,to{transform:none}12%,24%{transform:translateY(-30px)rotate(-10deg)}}@keyframes c-lid2{0%,34%,60%,to{transform:none}40%,54%{transform:translateY(-30px)rotate(-10deg)}}@keyframes c-lid3{0%,64%,92%,to{transform:none}70%,86%{transform:translateY(-30px)rotate(-10deg)}}@keyframes c-in1{0%,8%{opacity:0}12%,24%{opacity:1}30%,to{opacity:0}}@keyframes c-in2{0%,36%{opacity:0}40%,46%{opacity:1}54%,to{opacity:0}}@keyframes c-in3{0%,66%{opacity:0}70%,86%{opacity:1}92%,to{opacity:0}}}.banner .fig>g{transform-box:view-box}.banner-litopys [data-slot=seal]{font-size:clamp(6px,1.5cqw,10px)}.banner-zhuravel [data-slot=site],.banner-zhuravel [data-slot=t1],.banner-kobza [data-slot=badge],.banner-zhuravel [data-slot=t2],.banner-vinok [data-slot^=w],.banner-vezhi [data-slot^=n],.banner-hramota [data-slot^=l],.banner-hramota [data-slot^=v]{font-size:clamp(7px,1.8cqw,11px)}.banner-litopys [data-slot=seal],.banner-zhuravel [data-slot=api],.banner-zhuravel [data-slot=site],.banner-kobza [data-slot=badge],.banner-vinok [data-slot^=w],.banner-hramota [data-slot=btn],.banner-hramota [data-slot=yes],.banner-hramota [data-slot=no],.banner-nebo [data-slot^=c]{text-align:center;justify-content:center}.banner-litopys [data-slot=a],.banner-zhuravel [data-slot=t2],.banner-vezhi [data-slot=n2]{align-items:flex-start}.banner-litopys [data-slot=seal],.banner-zhuravel [data-slot=api],.banner-hramota [data-slot=btn]{color:#fff;font-weight:600}.banner-zhuravel [data-slot=site],.banner-hramota [data-slot^=l],.banner-vezhi [data-slot=n3]{color:#6b7280}.banner-zhuravel [data-slot=t1],.banner-vinok [data-slot^=w],.banner-kobza [data-slot=badge],.banner-hramota [data-slot=yes],.banner-nebo [data-slot^=c]{color:#2e2600;font-weight:600}.banner-zhuravel [data-slot=open],.banner-hramota [data-slot=title],.banner-hramota [data-slot=no],.banner-vezhi [data-slot=n1],.banner-nebo [data-slot=u1]{color:#5c0099;font-weight:600}.banner-hramota [data-slot=title]{font-size:clamp(11px,2.9cqw,17px)}.banner-nebo [data-slot=u2]{color:#b3261e;font-weight:600}.banner-vinok :is([data-slot=q2],[data-slot=a2]){opacity:0}@media (prefers-reduced-motion:no-preference){.banner-litopys .l-flip{transform-origin:0%;animation:10s infinite l-flip}.banner-litopys .l-hit{animation:10s infinite l-hit}.banner-litopys :is(.l-seal,[data-slot=seal]){transform-origin:50%;animation:10s infinite l-seal}.banner-litopys :is(.l-q,[data-slot=q]){animation:10s infinite l-q}.banner-litopys :is(.l-a,[data-slot=a]){animation:10s infinite l-a}@keyframes l-flip{0%,8%{opacity:0;transform:none}9%{opacity:1;transform:none}17%{opacity:1;transform:scaleX(-1)}18%{opacity:0}19%{opacity:1;transform:none}27%{opacity:1;transform:scaleX(-1)}28%{opacity:0}29%{opacity:1;transform:none}37%{opacity:1;transform:scaleX(-1)}38%,to{opacity:0}}@keyframes l-hit{0%,42%{fill:#d8d2e4}46%,92%{fill:#f5b800}to{fill:#d8d2e4}}@keyframes l-seal{0%,52%{opacity:0;transform:scale(1.7)}58%{opacity:1;transform:scale(.92)}61%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes l-q{0%,3%{opacity:0;transform:translateY(8px)}8%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes l-a{0%,64%{opacity:0;transform:translateY(8px)}70%,94%{opacity:1;transform:none}to{opacity:0}}.banner-zhuravel .z-beam{transform-box:view-box;transform-origin:202px 150px;animation:10s ease-in-out infinite z-beam}.banner-zhuravel .z-bucket{animation:10s ease-in-out infinite z-bucket}.banner-zhuravel .z-catch{animation:10s infinite z-catch}.banner-zhuravel .z-fly{animation:10s infinite z-fly}.banner-zhuravel :is(.z-card,[data-slot=t1],[data-slot=t2],[data-slot=open]){animation:10s infinite z-card}.banner-zhuravel :is(.z-q,[data-slot=q]){animation:10s infinite l-q}@keyframes z-beam{0%,10%{transform:none}28%,40%{transform:rotate(-25deg)}56%,to{transform:none}}@keyframes z-bucket{0%,10%{transform:none}28%,40%{transform:translate(-4px,60px)}56%,to{transform:none}}@keyframes z-catch{0%,40%{opacity:0}44%,62%{opacity:1}64%,to{opacity:0}}@keyframes z-fly{0%,62%{opacity:0;transform:none}64%{opacity:1;transform:none}72%{opacity:1;transform:translate(350px,-80px)scale(1.4)}74%,to{opacity:0;transform:translate(350px,-80px)}}@keyframes z-card{0%,72%{opacity:0;transform:translateY(8px)}76%,94%{opacity:1;transform:none}to{opacity:0}}.banner-kobza .g-bar{transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate g-bar}.banner-kobza .g-bar:nth-child(3n+2){animation-delay:-.35s}.banner-kobza .g-bar:nth-child(3n){animation-delay:-.7s}.banner-kobza .g-bars{transform-origin:50% 100%;animation:8s infinite g-amp}.banner-kobza .g-str{animation:1.2s infinite alternate g-str}.banner-kobza :is(.g-q,[data-slot=q]){animation:8s infinite g-q}.banner-kobza :is(.g-a,[data-slot=a]){animation:8s infinite g-a}@keyframes g-bar{0%{transform:scaleY(.25)}to{transform:none}}@keyframes g-amp{0%,40%{transform:scaleY(.35)}48%,90%{transform:none}to{transform:scaleY(.35)}}@keyframes g-str{to{transform:translateY(3px)}}@keyframes g-q{0%,4%{opacity:0}8%,44%{opacity:1}50%,to{opacity:.4}}@keyframes g-a{0%,46%{opacity:0;transform:translateY(8px)}52%,94%{opacity:1;transform:none}to{opacity:0}}.banner-vinok .v-rib{transform-origin:50% 0;animation:3s ease-in-out infinite alternate v-rib}.banner-vinok .v-rib:nth-child(2n){animation-delay:-1.2s}.banner-vinok .v-rib:nth-child(3n){animation-delay:-2.1s}.banner-vinok .v-pl{animation:10s infinite v-pl}.banner-vinok .v-de{animation:10s infinite v-de}.banner-vinok :is(.v-q1,[data-slot=q1]){animation:10s infinite v-q1}.banner-vinok :is(.v-a1,[data-slot=a1]){animation:10s infinite v-a1}.banner-vinok :is(.v-q2,[data-slot=q2]){animation:10s infinite v-q2}.banner-vinok :is(.v-a2,[data-slot=a2]){animation:10s infinite v-a2}@keyframes v-rib{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes v-pl{0%,4%{fill:#fff}8%,44%{fill:#f5b800}50%,to{fill:#fff}}@keyframes v-de{0%,52%{fill:#fff}56%,94%{fill:#f5b800}to{fill:#fff}}@keyframes v-q1{0%,4%{opacity:0}8%,44%{opacity:1}48%,to{opacity:0}}@keyframes v-a1{0%,16%{opacity:0;transform:translateY(8px)}22%,44%{opacity:1;transform:none}48%,to{opacity:0}}@keyframes v-q2{0%,52%{opacity:0}56%,94%{opacity:1}to{opacity:0}}@keyframes v-a2{0%,64%{opacity:0;transform:translateY(8px)}70%,94%{opacity:1;transform:none}to{opacity:0}}.banner-hramota [data-slot=v1]{animation:10s steps(8,end) infinite h-t1}.banner-hramota [data-slot=v2]{animation:10s steps(18,end) infinite h-t2}.banner-hramota [data-slot=v3]{animation:10s steps(24,end) infinite h-t3}.banner-hramota :is(.h-ask,[data-slot=ask],.h-chips,[data-slot=yes],[data-slot=no]){animation:10s infinite h-ask}.banner-hramota .h-yes{animation:10s infinite h-yes}.banner-hramota .h-seal{transform-origin:50%;animation:10s infinite h-seal}@keyframes h-t1{0%,6%{clip-path:inset(0 100% 0 0)}16%,94%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes h-t2{0%,18%{clip-path:inset(0 100% 0 0)}30%,94%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes h-t3{0%,32%{clip-path:inset(0 100% 0 0)}46%,94%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes h-ask{0%,48%{opacity:0;transform:translateY(8px)}54%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes h-yes{0%,68%{fill:#fff6d6}72%,94%{fill:#f5b800}to{fill:#fff6d6}}@keyframes h-seal{0%,48%{opacity:0;transform:translateY(-70px)scale(1.5)}54%,72%{opacity:1;transform:translateY(-70px)scale(1.5)}78%{opacity:1;transform:scale(.9)}80%,94%{opacity:1;transform:none}to{opacity:0}}.banner-vezhi .w-f1{animation:10s infinite w-f1}.banner-vezhi .w-f2{animation:10s infinite w-f2}.banner-vezhi .w-f3{animation:10s infinite w-f3}.banner-vezhi :is(.w-note,[data-slot=n1],[data-slot=n2],[data-slot=n3]){animation:10s infinite w-note}.banner-vezhi :is(.w-q,[data-slot=q]){animation:10s infinite l-q}@keyframes w-f1{0%,10%{opacity:0}14%,94%{opacity:1}to{opacity:0}}@keyframes w-f2{0%,28%{opacity:0}32%,94%{opacity:1}to{opacity:0}}@keyframes w-f3{0%,44%{opacity:0}48%,94%{opacity:1}to{opacity:0}}@keyframes w-note{0%,56%{opacity:0;transform:translateY(-10px)}62%,94%{opacity:1;transform:none}to{opacity:0}}.banner-nebo .n-l1{animation:10s infinite n-l1}.banner-nebo .n-l2{animation:10s infinite n-l2}.banner-nebo :is(.n-lab1,[data-slot=c1]){animation:10s infinite n-lab1}.banner-nebo :is(.n-lab2,[data-slot=c2]){animation:10s infinite n-lab2}.banner-nebo .n-dim{animation:1.6s infinite alternate n-dim}.banner-nebo :is(.n-ring,.n-lab3,[data-slot=u1],[data-slot=u2]){animation:10s infinite n-ring}@keyframes n-l1{0%,8%{stroke-dashoffset:400px}28%,94%{stroke-dashoffset:0}to{stroke-dashoffset:400px}}@keyframes n-l2{0%,28%{stroke-dashoffset:400px}46%,94%{stroke-dashoffset:0}to{stroke-dashoffset:400px}}@keyframes n-lab1{0%,26%{opacity:0}30%,94%{opacity:1}to{opacity:0}}@keyframes n-lab2{0%,44%{opacity:0}48%,94%{opacity:1}to{opacity:0}}@keyframes n-dim{to{opacity:.25}}@keyframes n-ring{0%,56%{opacity:0}62%,94%{opacity:1}to{opacity:0}}}
