@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}}@layer tokens{:root{--tema-fundo:#fafaf8;--tema-texto:#161616;--tema-acento:#161616;--tema-acento-texto:#fff;--tema-fonte:system-ui, sans-serif;--tema-peso:600;--fonte-texto:-apple-system, "SF Pro Text", "Inter", system-ui, "Segoe UI", sans-serif;--vidro-cheio:color-mix(in srgb, var(--tema-fundo) 28%, white);--vidro:color-mix(in srgb, var(--vidro-cheio) 58%, transparent);--texto-apagado:color-mix(in srgb, var(--tema-texto) 70%, var(--vidro-cheio));--preenchimento:color-mix(in srgb, var(--tema-texto) 9%, transparent);--linha:color-mix(in srgb, var(--tema-texto) 16%, transparent);--brilho:inset 0 1px 0 #ffffff57;--sombra-controle:inset 0 1px 0 #ffffffbf, inset 0 0 0 .5px #fff6, 0 8px 24px -10px #00000047, 0 0 0 .5px #00000012;--lente:#ffffff9e;--sombra-painel:var(--brilho), 0 0 0 .5px var(--linha), 0 40px 80px -24px #00000073, 0 10px 24px -10px #0000002e;--sombra-folha-de-baixo:var(--brilho), 0 -20px 60px -12px #0006;--sombra-guardar:0 0 0 .5px var(--linha), 0 2px 6px #0003;--sombra-alca:var(--brilho), 0 0 0 .5px var(--linha), 0 4px 12px -8px #0000004d;--fundo-do-visor:#0c0c0c;--sobre-o-ruim:#fff;--veu:#0a080652;--veu-da-folha:#0a08064d;--veu-do-menu:#0a080638;--sombra-cartao-da-folha:0 0 0 .5px var(--linha), 0 -10px 34px -18px #0006;--sombra-menu:0 18px 44px -12px #00000073, 0 0 0 .5px var(--linha);--online:#30b455;--mola:cubic-bezier(.3, 1.1, .35, 1);--raio-painel:22px;--raio-botao:16px;--cartao:#ffffffb8;--ruim:#b3261e;--raio-controle:12px;--foto-texto:#fff;--foto-veu:#00000080;--foto-botao:#ffffffb8;--foto-botao-texto:#1d1d1f;--chave-botao:#fff;--chave-sombra:0 2px 6px #00000038;--fundo-da-foto:color-mix(in srgb, var(--tema-texto) 5%, var(--vidro-cheio));--halo-foco:0 0 0 3px color-mix(in srgb, var(--tema-texto) 12%, transparent)}:root[data-tema=escuro]{--vidro-cheio:color-mix(in srgb, var(--tema-fundo) 91%, white);--vidro:color-mix(in srgb, var(--vidro-cheio) 62%, transparent);--sombra-controle:inset 0 1px 0 #ffffff38, inset 0 0 0 .5px #ffffff1f, 0 8px 24px -10px #0009, 0 0 0 .5px #0006;--lente:#ffffff24;--texto-apagado:color-mix(in srgb, var(--tema-texto) 62%, var(--vidro-cheio));--cartao:#ffffff12;--ruim:#ff7a6e}:root[data-raio=reto]{--raio-painel:14px;--raio-botao:8px;--raio-controle:6px}:root[data-raio=redondo]{--raio-painel:30px;--raio-botao:20px;--raio-controle:23px}}@layer base{:root{color-scheme:normal;background:0 0}body{color:var(--tema-texto);font-family:var(--fonte-texto);-webkit-font-smoothing:antialiased;background:0 0;font-size:15px;line-height:1.38}h2{font-family:var(--tema-fonte);font-weight:var(--tema-peso)}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}input{background:0 0;border:0;outline:0;min-width:0}:focus-visible{outline:2px solid color-mix(in srgb, var(--tema-texto) 45%, transparent);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:0}}@layer layout{.quadro{color:var(--tema-texto);pointer-events:none;position:fixed;inset:0}.quadro>*{pointer-events:auto}.quadro__veu{background:var(--veu);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;position:absolute;inset:0}:root[data-janela=telefone] .quadro:not([data-state=closed]) .quadro__veu{opacity:1;visibility:visible}}@layer components{.icone{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.bolha{z-index:2;width:48px;height:48px;color:var(--tema-texto);transition-property:opacity,visibility,transform;transition-duration:.2s,.2s,.5s;transition-timing-function:ease, ease, var(--mola);border-radius:24px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:28px;right:28px}.bolha .icone{stroke-width:1.6px;width:21px;height:21px}:root[data-janela=telefone] .bolha{bottom:20px;right:16px}.quadro:not([data-state=closed]) .bolha{opacity:0;visibility:hidden}.quadro[data-stash][data-state=closed] .bolha{opacity:0;visibility:hidden;transform:translate(90px)}.bolha__ponto{background:var(--tema-acento);width:10px;height:10px;box-shadow:0 0 0 2px var(--vidro);border-radius:5px;position:absolute;top:9px;right:9px}.bolha__guardar{z-index:3;background:var(--vidro-cheio);width:22px;height:22px;color:var(--tema-texto);box-shadow:var(--sombra-guardar);opacity:0;border-radius:11px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:62px;right:20px}.bolha__guardar .icone{stroke-width:2.6px;width:10px;height:10px}.bolha:hover+.bolha__guardar,.bolha__guardar:hover,.bolha__guardar:focus-visible{opacity:1}:root[data-janela=telefone] .bolha__guardar,.quadro:not([data-state=closed]) .bolha__guardar,.quadro[data-stash] .bolha__guardar{display:none}.bolha__alca{z-index:2;background:var(--vidro);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);width:11px;height:34px;box-shadow:var(--sombra-alca);color:var(--tema-texto);opacity:0;visibility:hidden;transition:opacity .3s .15s, visibility .3s .15s, transform .45s var(--mola) .1s, width .2s;border-radius:9px 0 0 9px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:35px;right:0;transform:translate(100%)}.bolha__alca:after{content:"";position:absolute;inset:-12px 0 -12px -30px}.bolha__alca .icone{stroke-width:3px;opacity:.5;width:7px;height:7px}.bolha__alca:hover{width:22px;height:44px}.bolha__alca:hover .icone{opacity:1;width:11px;height:11px}:root[data-janela=telefone] .bolha__alca{bottom:27px}.quadro[data-stash][data-state=closed] .bolha__alca{opacity:.8;visibility:visible;transform:none}.quadro[data-stash][data-state=closed] .bolha__alca:hover{opacity:1}.painel{background:var(--vidro);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);width:48px;height:48px;box-shadow:var(--sombra-controle);transition-property:width,height,right,bottom,border-radius,box-shadow,opacity,visibility,transform;transition-duration:.5s;transition-timing-function:var(--mola);border-radius:24px;position:absolute;bottom:28px;right:28px;overflow:hidden}.quadro:not([data-state=closed]) .painel{border-radius:var(--raio-painel);background:var(--vidro-cheio);-webkit-backdrop-filter:none;backdrop-filter:none;width:400px;height:min(690px,100% - 52px);box-shadow:var(--sombra-painel)}@media (prefers-reduced-transparency:reduce),(prefers-reduced-motion:reduce){.painel{background:var(--vidro-cheio);-webkit-backdrop-filter:none;backdrop-filter:none}}.quadro[data-stash][data-state=closed] .painel{opacity:0;visibility:hidden;transform:translate(90px)}:root[data-janela=telefone] .painel{bottom:20px;right:16px}:root[data-janela=telefone] .quadro:not([data-state=closed]) .painel{border-radius:var(--raio-painel) var(--raio-painel) 0 0;width:100%;height:min(650px,100% - 48px);box-shadow:var(--sombra-folha-de-baixo);bottom:0;right:0}:root[data-janela=telefone] .quadro[data-h=tall]:not([data-state=closed]) .painel{height:min(780px,100% - 24px)}:root[data-janela=telefone] .quadro[data-arrasto]:not([data-state=closed]) .painel{height:clamp(160px, calc(min(650px, 100% - 48px) - var(--float-y,0px)), 100%);transition:none}:root[data-janela=telefone] .quadro[data-arrasto][data-h=tall]:not([data-state=closed]) .painel{height:clamp(160px, calc(min(780px, 100% - 24px) - var(--float-y,0px)), 100%)}.painel__interior{opacity:0;visibility:hidden;flex-direction:column;width:400px;height:100%;min-height:min(690px,100vh - 52px);transition:opacity .18s,visibility .18s;display:flex;position:absolute;bottom:0;right:0}:root[data-janela=telefone] .painel__interior{width:100vw;min-height:0}.quadro:not([data-state=closed]) .painel__interior{opacity:1;visibility:visible;transition:opacity .3s .16s,visibility}}@layer utilities{[hidden]:not([hidden=until-found]){display:none}.so-leitor{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quadro[data-instante],.quadro[data-instante] *{transition:none}@media (prefers-reduced-motion:reduce){.quadro *,.quadro :after{transition:none;animation:none}}}
