/* Zfolio theme for the shared app pages. Fonts: add to each app page : */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Newsreader:opsz,wght@6..72,300;6..72,400&display=swap'); :root{ --pad-bg:#ffffff; --pad-surface:#e9edef; --pad-ink:#262933; --pad-ink-dim:rgba(38,41,51,.55); --pad-rule:rgba(0,0,0,.15); --pad-accent:#911a46; --pad-accent-ink:#ffffff; --pad-good:#2f6f4f; --pad-bad:#911a46; --pad-font:"Inter Tight",Verdana,sans-serif; --pad-font-display:"Newsreader",Georgia,serif; --pad-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --pad-radius:0px; --pad-max-width:1180px; } body{background:var(--pad-bg);color:var(--pad-ink);font-family:var(--pad-font);-webkit-font-smoothing:antialiased;letter-spacing:.02em} h1,h2,h3{font-family:var(--pad-font-display);font-weight:300;letter-spacing:-.02em;line-height:1} .bp-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-bottom:1px solid var(--pad-rule);max-width:none} .bp-logo{display:block;color:var(--pad-ink);line-height:0} .bp-nav{display:flex;border:1px solid var(--pad-ink);border-top:0} .bp-link{position:relative;z-index:0;padding:6px 10px;font-size:10px;line-height:1.5;letter-spacing:.01em;text-transform:uppercase;color:var(--pad-ink);text-decoration:none;border-right:1px solid var(--pad-ink);transition:color .4s} .bp-link:last-child{border-right:0} .bp-link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#000;z-index:-1;transition:height .6s cubic-bezier(.86,0,.27,.98)} .bp-link:hover{color:#fff}.bp-link:hover::after{height:100%} .bp-footer{margin-top:96px;padding:20px 28px 28px;border-top:1px solid var(--pad-rule)} .bp-foot-row{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:10px;letter-spacing:.01em;text-transform:uppercase} .bp-foot-row a{color:var(--pad-ink);text-decoration:none}.bp-foot-row a:hover{opacity:.45}.bp-foot-row span{color:var(--pad-ink-dim)}.bp-foot-note{margin-left:auto} .bp-foot-word{margin-top:20px;color:var(--pad-ink);opacity:.1;line-height:0}.bp-foot-word svg{width:100%;height:auto} @media (max-width:760px){.bp-header{flex-direction:column;align-items:flex-start;padding:18px 16px}.bp-nav{flex-wrap:wrap;border-top:1px solid var(--pad-ink)}.bp-footer{padding:16px}.bp-foot-note{margin-left:0}}