@layer theme,base;@layer components{.fg-casca{--fg-fundo:#dfe2e7;--fg-tinta:#0d1220;--fg-tinta-2:#3d4454;--fg-tinta-3:#5d6475;--fg-azul:#0a84ff;--fg-azul-escuro:#0060df;--fg-verde:#34c759;--fg-verde-texto:#1d7a34;--fg-rosa:#ff3d8b;--fg-vermelho:#d70015;--fg-vidro:#ffffff6b;--fg-vidro-forte:#ffffffb3;--fg-linha:#8a94a82e;--fg-mola:cubic-bezier(.34, 1.36, .64, 1);--fg-saida:cubic-bezier(.23, 1, .32, 1);isolation:isolate;background:radial-gradient(120% 80% at 50% 0%,#e9ebef 0%,var(--fg-fundo) 60%,#d8dce3 100%);min-height:100dvh;color:var(--fg-tinta);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;position:relative}.fg-casca :where(h1,h2,h3){letter-spacing:-.025em;font-family:inherit}.fg-vidro{background:var(--fg-vidro);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border:1.5px solid #ffffff8c;position:relative;box-shadow:inset 0 1.5px #ffffffe6,inset 0 -10px 24px #ffffff40,0 1px 2px #242e420f,0 14px 40px -12px #2d395338}.fg-vidro:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from 210deg,#fffffff2,#66bfffd9 12%,#ffffffe6 26%,#ff80d4cc 44%,#ffffffe6 58%,#4cf083cc 74%,#ffd24cb3 86%,#fffffff2);padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fg-vidro-forte{background:var(--fg-vidro-forte)}.fg-capsula{border-radius:9999px}.fg-cartao{border-radius:36px}.fg-botao{white-space:nowrap;cursor:pointer;min-height:3rem;transition:transform .16s var(--fg-saida),box-shadow .2s var(--fg-saida),opacity .16s;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:1.0625rem;font-weight:600;display:inline-flex;position:relative}.fg-botao:active:not(:disabled){transform:scale(.97)}.fg-botao:disabled{opacity:.55;cursor:default}.fg-botao-primario{color:#fff;background:linear-gradient(180deg,#ffffff59,#fff0 55%),linear-gradient(180deg,#3d9bff,var(--fg-azul) 60%,var(--fg-azul-escuro));border:1.5px solid #ffffff8c;box-shadow:inset 0 1.5px #ffffffa6,inset 0 -6px 14px #00409940,0 10px 26px -8px #0077ff8c}.fg-botao-primario:hover:not(:disabled){box-shadow:inset 0 1.5px #ffffffa6,inset 0 -6px 14px #00409940,0 14px 32px -8px #0077ffa6}.fg-botao-vidro{color:var(--fg-tinta)}.fg-botao-vidro:hover:not(:disabled){background:#fff9}.fg-pequeno{min-height:2.75rem;padding:0 1.1rem;font-size:.9375rem}.fg-casca :is(a,button,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #0077ffb3}.fg-selo{color:var(--fg-tinta-2);background:#ffffff80;border:1px solid #fffc;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.9375rem;display:inline-flex;box-shadow:0 1px 2px #242e420f}.fg-trilho{background:linear-gradient(90deg,#2f8cff,#5b6cff 18%,#b04cff,#ff3d9a 50%,#ff8a2a,#ffd23a 78%,#b8e93a 88%,#34c759);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -3px 6px #0000001f}.fg-trilho-v{background:linear-gradient(#2f8cff,#b04cff 30%,#ff3d9a 50%,#ff8a2a,#ffd23a 82%,#34c759)}@keyframes fg-aceno{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}}@keyframes fg-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@media(prefers-reduced-motion:no-preference){.fg-acena{transform-origin:50% 90%;animation:3.2s ease-in-out infinite fg-aceno}.fg-halo{animation:2.4s ease-in-out infinite fg-halo}}}@layer utilities;
