.page-banner[data-v-bfbcc2ad]{background-position:50%;background-size:cover;border-radius:8px;margin:1rem;max-height:320px;min-height:256px;overflow:hidden;position:relative}.page-banner .banner-content[data-v-bfbcc2ad]{color:#eee;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:1rem;position:absolute;text-shadow:0 4px 5px rgba(0,0,0,.5)}.page-banner .banner-content h1[data-v-bfbcc2ad]{font-size:2rem}.page-banner .banner-content p[data-v-bfbcc2ad]{font-size:1rem;opacity:.9}.page-banner .banner-extra[data-v-bfbcc2ad]{align-items:flex-end;display:flex;gap:.5rem;inset:0;justify-content:flex-end;margin:1rem;position:absolute}.page-banner .banner-meta[data-v-bfbcc2ad]{align-items:flex-end;color:#eee;display:flex;flex-direction:column;font-family:var(--font-monospace);font-size:.7rem;gap:.1rem;opacity:.7;text-shadow:0 4px 5px rgba(0,0,0,.5)}.page-banner .banner-meta-line[data-v-bfbcc2ad]{opacity:.9}.page-banner .banner-more[data-v-bfbcc2ad]{align-items:center;color:inherit;display:flex;font-size:.8rem;gap:4px;opacity:.8;transition:opacity .2s}.page-banner .banner-more[data-v-bfbcc2ad]:hover{color:#fff;opacity:1}.page-banner .banner-more .icon[data-v-bfbcc2ad]{font-size:1rem}.page-banner .banner-btn[data-v-bfbcc2ad]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:20px;color:#eee;display:flex;font-size:.9rem;gap:.1rem;opacity:.8;padding:.5rem .8rem;transition:all .3s}.page-banner .banner-btn[data-v-bfbcc2ad]:hover{background:#0003}.page-banner .banner-btn .icon[data-v-bfbcc2ad]{font-size:1.2rem}