.mz-state-stage{position:relative;display:block;height:220px;overflow:hidden;isolation:isolate;border-radius:var(--mz-radius-lg);background:var(--mz-color-card)}.mz-state-stage__spot{position:absolute;inset:0;background:radial-gradient(55% 70% at 50% 60%,color-mix(in srgb,var(--mz-state-glow) 26%,var(--mz-color-surface)),var(--mz-color-card) 78%)}.mz-state-stage svg{stroke:var(--mz-color-ink)}.mz-state-stage__fill{fill:var(--mz-color-on-action)}.mz-state-stage__accent{stroke:var(--mz-color-action)}.mz-state-stage__mark{fill:var(--mz-color-action);stroke:none;font:var(--mz-weight-bold) var(--mz-text-section) var(--mz-font)}.mz-state-stage__bag{bottom:22px;width:116px;margin-left:-58px;animation:mz-state-pop var(--mz-duration-slow) var(--mz-ease-out) both}.mz-state-stage__bag,.mz-state-stage__mag{position:absolute;left:50%;filter:drop-shadow(0 12px 16px rgb(0 0 0/12%))}.mz-state-stage__mag{top:30px;width:150px;margin-left:-75px;animation:mz-state-scan 4s ease-in-out infinite}.mz-state-stage__float{position:absolute;width:64px;height:84px;animation:mz-state-bob 3.2s ease-in-out infinite}.mz-state-stage__float img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mz-state-stage__float--0{left:16%;top:24px;rotate:-14deg;animation-delay:-.4s}.mz-state-stage__float--1{left:calc(50% - 32px);top:6px;animation-delay:-1.4s}.mz-state-stage__float--2{right:16%;top:28px;rotate:12deg;animation-delay:-2.2s}.mz-state-stage--empty:has(.mz-state-stage__float--1) .mz-state-stage__bag{width:96px;margin-left:-48px}.mz-state-stage--error{background:var(--mz-color-chrome)}.mz-state-stage--error .mz-state-stage__spot{display:none}.mz-state-stage__phone{position:absolute;left:50%;top:34px;width:96px;height:168px;margin-left:-48px;border-radius:var(--mz-radius-lg);background:var(--mz-color-ink);box-shadow:inset 0 0 0 3px #4a4a45}.mz-state-stage__bars{position:absolute;left:22px;top:24px;display:flex;align-items:flex-end;gap:5px;height:34px}.mz-state-stage__bars i{width:8px;border-radius:var(--mz-radius-sm);background:#4a4a45;animation:mz-state-signal 2.4s ease-in-out infinite}.mz-state-stage__bars i:first-child{height:10px}.mz-state-stage__bars i:nth-child(2){height:17px;animation-delay:.15s}.mz-state-stage__bars i:nth-child(3){height:25px;animation-delay:.3s}.mz-state-stage__bars i:nth-child(4){height:34px;animation-delay:.45s}.mz-state-stage__x{position:absolute;right:16px;top:20px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--mz-color-action);color:var(--mz-color-on-action);animation:mz-state-pop var(--mz-duration-slow) .3s var(--mz-ease-out) both}.mz-state-stage__x svg{width:16px;height:16px;stroke:currentColor}.mz-state-stage--compact{height:120px}.mz-state-stage--compact .mz-state-stage__phone{top:14px;width:60px;height:106px;margin-left:-30px;border-radius:var(--mz-radius-md)}.mz-state-stage--compact .mz-state-stage__bars{left:12px;top:16px;gap:3px;height:22px}.mz-state-stage--compact .mz-state-stage__bars i{width:5px}.mz-state-stage--compact .mz-state-stage__bars i:first-child{height:7px}.mz-state-stage--compact .mz-state-stage__bars i:nth-child(2){height:12px}.mz-state-stage--compact .mz-state-stage__bars i:nth-child(3){height:17px}.mz-state-stage--compact .mz-state-stage__bars i:nth-child(4){height:22px}.mz-state-stage--compact .mz-state-stage__x{right:8px;top:12px;width:22px;height:22px}.mz-state-stage--compact .mz-state-stage__x svg{width:12px;height:12px}.mz-state-stage--compact .mz-state-stage__mag{top:14px;width:96px;margin-left:-48px}.mz-state-stage--compact .mz-state-stage__bag{bottom:12px;width:76px;margin-left:-38px}@keyframes mz-state-bob{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes mz-state-pop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes mz-state-scan{0%,to{translate:-18px 0;rotate:-6deg}50%{translate:18px 0;rotate:6deg}}@keyframes mz-state-signal{0%,15%{background:#4a4a45}30%,55%{background:var(--mz-color-card)}70%,to{background:#4a4a45}}@media (prefers-reduced-motion:reduce){.mz-state-stage__bag,.mz-state-stage__bars i,.mz-state-stage__float,.mz-state-stage__mag,.mz-state-stage__x{animation:none}}.mz-state-card{display:grid;overflow:hidden;border-radius:var(--mz-radius-lg);background:var(--mz-color-surface);color:var(--mz-color-ink);box-shadow:0 0 0 1px var(--mz-color-line)}.mz-state-card__body{display:grid;align-content:start;gap:12px;padding:22px 24px 24px}.mz-state-card__body h2,.mz-state-card__body h3{margin:0;font-size:var(--mz-text-xl);line-height:1.15;letter-spacing:-.015em}.mz-state-card__body>p{margin:0;color:var(--mz-color-muted);font-size:var(--mz-text-md);line-height:1.45}.mz-state-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.mz-state-card__label{margin:0;color:var(--mz-color-muted);font-size:var(--mz-text-xs);font-weight:var(--mz-weight-bold);letter-spacing:.06em;text-transform:uppercase}.mz-state-card__more{display:grid;gap:8px;margin-top:10px;padding-top:16px;border-top:1px solid var(--mz-color-line)}.mz-state-card--row{grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:stretch}.mz-state-card--row .mz-state-stage{height:auto;min-height:120px;border-radius:0}@media (max-width:575px){.mz-state-card--row{grid-template-columns:minmax(0,1fr)}.mz-state-card--row .mz-state-stage{min-height:120px}}.mz-state-chip{display:inline-flex;align-items:center;min-height:var(--mz-control-sm);padding:0 16px;border:0;border-radius:var(--mz-radius-full);background:var(--mz-color-surface);color:var(--mz-color-ink);box-shadow:inset 0 0 0 1.5px var(--mz-color-line-strong);font:var(--mz-weight-bold) var(--mz-text-sm) /1 var(--mz-font);text-decoration:none;cursor:pointer;transition:background-color var(--mz-duration-fast) var(--mz-ease-out),color var(--mz-duration-fast) var(--mz-ease-out)}.mz-state-chip:focus-visible{outline:2px solid var(--mz-color-focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.mz-state-chip:hover{background:var(--mz-color-ink);color:var(--mz-color-page)}}.mz-state-spinner{display:none;width:16px;height:16px;border:2.5px solid rgb(255 255 255/35%);border-top-color:currentcolor;border-radius:50%;animation:mz-state-rotate .7s linear infinite}[aria-busy=true]>.mz-state-spinner{display:block}@keyframes mz-state-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mz-state-spinner{animation-duration:2s}}.mz-state-mia{gap:8px}.mz-state-mia__avatar{width:22px;height:22px;flex:0 0 auto;border-radius:50%;object-fit:cover}