.zero-scenes{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}.zero-scenes.multi{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.zero-frame{position:relative;min-height:190px;border:3px solid #c6e9f6;border-radius:28px;background:linear-gradient(#f2fbff,#e6f7ff);overflow:hidden}.zero-frame:nth-child(even){background:#fff6e2;border-color:#ffdc99}.zero-frame-label{display:block;padding:9px 15px;color:#397d9b;font-weight:800}.zero-frame .count-objects{height:180px}.zero-frame.compact{min-height:155px}.zero-frame.compact .count-objects{height:135px}.zero-empty{min-height:170px;display:grid;place-items:center;border:2px dashed #afd8e8;margin:10px;border-radius:19px}.compact .zero-empty{min-height:125px}.zero-empty span{font-size:17px;color:#528399}.zero-transition{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin:24px 0}.zero-change{font-size:18px;font-weight:800;color:#c77a1a;white-space:nowrap}.zero-symbol{font-size:84px;text-align:center;color:#1683b6;font-weight:800;line-height:1.1;margin:20px}.zero-rule,.zero-operation{font-size:24px;font-weight:800;text-align:center;color:#176d94;margin:18px 0}.zero-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.zero-number-line{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0}.zero-number-line span{width:50px;height:50px;border:2px solid #bfdeee;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:800;background:#f0faff;color:#287a9e}.zero-number-line .active{background:#ffb344;color:#784915;border-color:#ffca7a}.zero-match .zero-frame{border-width:2px}.zero-tip>.zero-frame{margin:24px 0}.zero-tools .primary,.zero-tools .secondary{min-height:48px}.zero-match .match-numbers{flex-wrap:wrap}
@media(max-width:760px){.zero-frame{min-height:155px}.zero-frame .count-objects{height:155px}.zero-transition{gap:7px}.zero-change{font-size:15px}.zero-transition .zero-frame{min-height:145px}.zero-transition .zero-frame .count-object{width:40px;height:48px}.zero-match{grid-template-columns:1fr!important}.zero-match .zero-frame{min-height:125px}.zero-scenes.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.zero-scenes.multi .zero-frame:last-child:nth-child(odd){grid-column:1/-1}.zero-rule,.zero-operation{font-size:21px}.zero-number-line{gap:8px}.zero-number-line span{width:38px;height:38px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.zero-frame *{animation:none;transition:none}}

.zero-frame.compact .count-object{width:32px;height:40px}.zero-transition .count-object{width:44px;height:52px}
@media(max-width:760px){.zero-transition{grid-template-columns:1fr}.zero-change{text-align:center}.zero-transition .zero-frame .count-object{width:44px;height:52px}.zero-transition .zero-frame .count-objects{height:135px}}