.site-bar,.site-popup{--bar-text: var(--starter-text);--bar-background: color-mix(in srgb, var(--starter-link) 8%, var(--starter-background));--bar-line: var(--starter-link);--bar-link: var(--starter-link);--bar-focus: var(--starter-focus);--bar-important-text: var(--starter-background);--bar-important-background: var(--starter-text);--bar-important-focus: var(--starter-background);--popup-text: var(--starter-text);--popup-background: var(--starter-background);--popup-accent: var(--starter-link);--popup-accent-text: var(--starter-background);--popup-focus: var(--starter-focus);--popup-backdrop: color-mix(in srgb, var(--starter-text) 40%, transparent)}.site-bar{background:var(--bar-background);color:var(--bar-text);border-bottom:2px solid var(--bar-line)}.site-bar[hidden]{display:none}.site-bar--important{--bar-text: var(--bar-important-text);--bar-background: var(--bar-important-background);--bar-line: var(--bar-important-background);--bar-link: var(--bar-important-text);--bar-focus: var(--bar-important-focus)}.site-bar__inner{max-width:70rem;margin:0 auto;padding:.5rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.site-bar__text{flex:1 1 14rem;overflow-wrap:anywhere;margin:0;font-size:.9375rem}.site-bar__link{color:var(--bar-link);text-decoration:underline;font-weight:600;white-space:nowrap}.site-bar__close{min-width:2.75rem;min-height:2.75rem;padding:.25rem .75rem;border:2px solid currentColor;border-radius:.25rem;background:transparent;color:var(--bar-text);font:inherit;cursor:pointer}.site-bar__close[hidden]{display:none}.site-bar a:focus-visible,.site-bar__close:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--bar-focus);outline-offset:2px}.site-bar__hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-popup{box-sizing:border-box;width:90vw;max-width:90vw;max-height:60vh;margin:auto auto 0;padding:0;overflow-y:auto;border:0;border-radius:.5rem .5rem 0 0;background:var(--popup-background);color:var(--popup-text);box-shadow:0 -.25rem 1.5rem #0000004d}.site-popup::backdrop{background:var(--popup-backdrop)}.site-popup__inner{position:relative;padding:1rem 1rem 1.25rem}.site-popup__close{float:right;min-width:2.75rem;min-height:2.75rem;margin:0 0 .5rem .75rem;padding:.25rem .75rem;border:2px solid var(--popup-text);border-radius:.25rem;background:var(--popup-background);color:var(--popup-text);font:inherit;cursor:pointer}.site-popup__image{display:block;max-width:100%;max-height:10rem;height:auto;margin:0 0 .75rem}.site-popup__heading{margin:0 0 .5rem;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.3}.site-popup__text{margin:0 0 1rem;overflow-wrap:anywhere}.site-popup__actions{margin:0;clear:both}.site-popup__button{display:inline-block;min-height:2.75rem;padding:.6rem 1rem;border-radius:.25rem;background:var(--popup-accent);color:var(--popup-accent-text);font-weight:600;text-decoration:none}.site-popup__close:focus-visible,.site-popup__button:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--popup-focus);outline-offset:2px}@media(min-width:600px){.site-popup{width:30rem;max-width:90vw;margin:auto;border-radius:.5rem;box-shadow:0 .5rem 2rem #0000004d}.site-popup__inner{padding:1.25rem 1.5rem 1.5rem}}@media(prefers-reduced-motion:no-preference){.site-popup[open]{animation:site-popup-in .2s ease-out}@keyframes site-popup-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}}