@property --cena-cor{syntax:"<color>";inherits:true;initial-value:#36583e}.celular{z-index:1;aspect-ratio:300/610;background:#1d2620;border-radius:46px;width:min(290px,100%);padding:10px;position:relative;box-shadow:0 50px 90px -40px #27342a8c,0 0 0 1px #0000000f}.celular:before{content:"";z-index:3;background:#1d2620;border-radius:99px;width:82px;height:22px;margin-left:-41px;position:absolute;top:19px;left:50%}.celular-tela{background:var(--color-paper);height:100%;color:var(--color-ink);border-radius:36px;position:relative;overflow:hidden}.cena{transition:--cena-cor .7s}.cena-halo{z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--cena-cor) 22%, transparent), transparent);width:640px;height:640px;margin:-320px 0 0 -320px;position:absolute;top:50%;left:50%}@media (min-width:1000px){.cena:before{content:"";border-top:1.5px dashed #c9cfc3;position:absolute;top:46%;left:14%;right:14%}}.cena-troca{transition:opacity .2s,transform .2s}.cena-troca[data-trocando=true]{opacity:0;transform:translateY(8px)}.aba-tempo{background:var(--color-ink);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.aba-tempo{animation:7s linear forwards aba-tempo}.cena-segura .aba-tempo{animation-play-state:paused}}@keyframes aba-tempo{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bolha-chega{animation:linear both bolha-chega;animation-timeline:view();animation-range:entry 15% entry 85%}}}@keyframes bolha-chega{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.barra-fixa{transition:transform .25s;transform:translateY(110%)}.barra-fixa[data-mostrar=true]{transform:none}@media (prefers-reduced-motion:reduce){.cena,.cena-troca,.barra-fixa{transition:none}}