.cam{aspect-ratio:1;flex:none;max-width:100%;line-height:0;display:inline-block}.cam svg{width:100%;height:100%;display:block;overflow:visible}.cam--placa{background:var(--cam-placa);border-radius:18%}.cam-f{fill:var(--cam-f)}.cam-v{fill:var(--cam-v)}.cam-s{fill:var(--cam-s)}.cam-o{stroke-width:.6px;stroke-linejoin:round}.cam-o-fv{fill:var(--cam-fv);stroke:var(--cam-fv)}.cam-o-vs{fill:var(--cam-vs);stroke:var(--cam-vs)}.cam-o-fs{fill:var(--cam-fs);stroke:var(--cam-fs)}@media (prefers-reduced-motion:no-preference){.cam--anim .cam-sh{animation:.48s cubic-bezier(.2,.8,.2,1) both cam-encaixe;animation-delay:calc(var(--i,0) * 50ms)}.cam--anim .cam-o{animation:.26s both cam-cruza;animation-delay:calc(.38s + var(--i,0) * 50ms)}[data-reveal]:not(.is-in) .cam--anim .cam-sh,[data-reveal]:not(.is-in) .cam--anim .cam-o{animation-play-state:paused}}.cam-sh{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.cam--carregando .cam-sh{animation:cam-forma var(--cam-volta,2.6s) cubic-bezier(.3, .7, .2, 1) infinite}.cam--carregando .cam-o{animation:cam-forma-cruza var(--cam-volta,2.6s) linear infinite}}@media (prefers-reduced-motion:reduce){.cam--carregando{animation:1.6s ease-in-out infinite alternate cam-pulsa}}@keyframes cam-forma{0%{transform:translate(calc(var(--dx) * 4.5), calc(var(--dy) * 4.5)) scale(.5);opacity:0}34%,74%{opacity:1;transform:none}94%,to{transform:translate(calc(var(--dx) * -2.5), calc(var(--dy) * -2.5)) scale(.7);opacity:0}}@keyframes cam-forma-cruza{0%,36%{opacity:0}44%,70%{opacity:1}75%,to{opacity:0}}@keyframes cam-pulsa{to{opacity:.55}}.cam-espera{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding-block:36px;display:flex}.cam-espera--tela{flex:1;gap:14px;min-height:calc(100dvh - 12rem)}.cam-espera--tela .cam-espera__texto{font-size:15px}.cam-espera--compacta{gap:8px;padding-block:14px}.cam-espera__toque{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin-bottom:4px;padding:0;transition:transform .25s cubic-bezier(.34,1.4,.64,1);display:grid}.cam-espera__toque:hover{transform:scale(1.05)}.cam-espera__toque:active{transform:scale(.94)}.cam-espera__texto{color:var(--text-2);font-size:14px}.cam-espera--compacta .cam-espera__texto{font-size:12.5px}.cam-espera__dica{color:var(--text-3);font-size:11px}@keyframes cam-encaixe{0%{transform:translate(var(--dx), var(--dy))}}@keyframes cam-cruza{0%{opacity:0}}.col-camadas{margin-inline:auto;display:grid}.col-camadas__col{flex-direction:column;min-width:0;display:flex}.col-camadas__barra{background:0 0;border:0;border-radius:999px;width:100%;padding:0;display:block;position:relative}.col-camadas__espaco,.col-camadas__cheio{inset-inline:0;border-radius:999px;position:absolute;bottom:0}.col-camadas__espaco{--col-fundo:color-mix(in oklab, var(--text) 5%, var(--cam-placa));--col-risco:color-mix(in oklab, var(--text) 12%, var(--cam-placa));background:repeating-linear-gradient(135deg, var(--col-risco) 0 1.5px, var(--col-fundo) 1.5px 7px);height:100%}.col-camadas__espaco.is-apagada{--col-fundo:color-mix(in oklab, var(--text) 3%, var(--cam-placa));--col-risco:color-mix(in oklab, var(--text) 6%, var(--cam-placa))}.col-camadas__cheio{transition:height .45s cubic-bezier(.2,.85,.25,1)}.col-camadas__cheio.is-vazia{background:color-mix(in oklab, var(--text) 11%, var(--cam-placa))}.col-camadas__cheio.is-apagada{background:color-mix(in oklab, var(--text) 3%, var(--cam-placa))}.col-camadas__topo{z-index:1;font-family:var(--font-jetbrains), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap;font-size:11px;font-weight:600;display:flex;position:absolute;left:50%;translate:-50%}.col-camadas__barra--toque{cursor:pointer}.col-camadas__barra--toque:after{content:"";border-radius:inherit;transition:background .15s;position:absolute;inset:0}.col-camadas__barra--toque:hover:after{background:color-mix(in oklab, var(--text) 7%, transparent)}.col-camadas__barra--toque:focus-visible{outline:2px solid var(--text);outline-offset:2px}.col-camadas__rotulo{height:30px;color:var(--text-3);white-space:nowrap;flex-direction:column;align-items:center;margin-top:8px;font-size:11px;line-height:1.2;display:flex}@media (prefers-reduced-motion:no-preference){.col-camadas__cheio{animation:.64s cubic-bezier(.2,.85,.25,1.08) backwards col-cresce;animation-delay:calc(var(--i,0) * 60ms)}.col-camadas__topo{animation:.28s backwards cam-cruza;animation-delay:calc(.56s + var(--i,0) * 50ms)}}@keyframes col-cresce{0%{height:0}}.cam-titulo{width:48px;margin-bottom:8px}@media (min-width:768px){.cam-titulo{width:56px}}
