/* AVAXPAD — the few pieces the base utility sheet does not cover */ /* tronpad sets these on through next/font classes — define them globally instead */ :root { --font-orbitron: "Orbitron", "Orbitron Fallback"; --font-body: "Rajdhani", "Rajdhani Fallback"; } html, body { overflow-x: hidden; } body { background: var(--background); } svg[hidden] { display: none; } /* wallet button: balance chip before the address */ .ap-wbal { color: var(--muted-foreground); margin-right: 8px; letter-spacing: .06em; } .ap-wbal:empty { display: none; } .ap-addr { text-transform: none; letter-spacing: .04em; } @media (max-width: 640px) { .ap-wbal { display: none; } } /* mobile menu */ .ap-mnav { display: flex; flex-direction: column; border-top: 1px solid var(--border); background: var(--background); padding: 8px 16px 14px; } .ap-mnav[hidden] { display: none; } .ap-mnav-link { font-family: var(--font-orbitron), system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); padding: 12px 4px; border-bottom: 1px solid #e841421f; } .ap-mnav-link.is-active { color: var(--foreground); box-shadow: inset 2px 0 0 var(--neon); padding-left: 12px; } /* toasts */ #ap-toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 90; display: flex; flex-direction: column; gap: 8px; pointer-events: none; } .ap-toast { background: var(--popover); border: 1px solid var(--border); box-shadow: 0 0 24px #e8414233; color: var(--foreground); font-size: 14px; padding: 10px 14px; border-radius: 6px; transition: opacity .4s, transform .4s; } .ap-toast.out { opacity: 0; transform: translateY(6px); } .ap-copied { color: var(--success) !important; } /* wallet modal */ .ap-modal { position: fixed; inset: 0; z-index: 80; background: #000000b3; display: grid; place-items: center; padding: 16px; } .ap-modal-card { width: min(400px, 100%); display: flex; flex-direction: column; gap: 12px; background: var(--popover); border: 1px solid var(--border); border-radius: 10px; padding: 20px; box-shadow: 0 0 60px #e8414233; } .ap-wallet-row { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 12px; border-radius: 6px; border: 1px solid var(--border); font-size: 16px; color: var(--foreground); background: transparent; } .ap-wallet-row:hover { background: #e841421f; border-color: #e8414299; } .ap-x { color: var(--muted-foreground); padding: 6px; border-radius: 4px; } .ap-x:hover { color: var(--foreground); background: var(--accent); } /* token page chart */ .ap-chart { position: relative; height: 320px; width: 100%; } @media (min-width: 640px) { .ap-chart { height: 380px; } } .ap-chart-empty { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted-foreground); font-size: 14px; pointer-events: none; } /* quote box rows */ .ap-q { display: flex; justify-content: space-between; gap: 12px; } .ap-q span:first-child { color: var(--muted-foreground); } .ap-q b { font-weight: 600; font-variant-numeric: tabular-nums; } /* launch form image preview */ .ap-drop.has-img { border-style: solid; } .ap-drop img.ap-preview { width: 128px; height: 128px; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); } .ap-drop.dragging { border-color: var(--neon); background: #e8414214; } /* bonding progress bar used on cards and panels */ .ap-bar { position: relative; width: 100%; overflow: hidden; border-radius: 999px; background: color-mix(in oklab, var(--neon-deep) 35%, transparent); height: 4px; } .ap-bar > i { display: block; height: 100%; background: linear-gradient(90deg, var(--neon-deep), var(--neon), var(--neon-hot)); box-shadow: 0 0 10px #e8414280; transition: width .5s; } /* fee split bar on docs */ .ap-split { display: flex; height: 10px; border-radius: 2px; overflow: hidden; gap: 2px; } .ap-split i { display: block; height: 100%; } .ap-dot { display: inline-block; width: 8px; height: 8px; border-radius: 2px; } /* utilities the base sheet did not ship */ .bg-destructive\/15 { background-color: #ff5c5c26; } .shadow-\[inset_0_-2px_0_var\(--destructive\)\] { box-shadow: inset 0 -2px 0 var(--destructive); } .gap-x-6 { column-gap: 1.5rem; } .gap-y-2 { row-gap: .5rem; } .h-6 { height: 1.5rem; } .p-6 { padding: 1.5rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .size-14 { width: 3.5rem; height: 3.5rem; } .w-32 { width: 8rem; } @media (min-width: 40rem) { .sm\:gap-4 { gap: 1rem; } } /* signed-launch receipt */ .ap-sig { word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: var(--muted-foreground); }