.project-navigation.portfolio-note,.project-navigation.demo-callout{display:flex;align-items:center;justify-content:center;gap:1rem;position:fixed;left:50%;right:auto;bottom:1rem;transform:translateX(-50%);margin:0;padding:.65rem 1rem;max-width:calc(100% - 2rem);width:max-content;z-index:40;white-space:nowrap;font-size:.75rem;line-height:1.5}
.project-navigation .portfolio-tools{display:flex;align-items:center;gap:1rem;border-right:1px solid #88958a55;padding-right:1rem}
.project-navigation .portfolio-tools a{display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;margin:0;padding:0;font:inherit;white-space:nowrap;color:inherit;text-decoration:none;border:0;opacity:.8}
.project-navigation .portfolio-tools a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.project-navigation .portfolio-contact{display:inline-flex!important;align-items:center;gap:.65rem;min-height:2rem;margin:0;font-size:inherit;white-space:nowrap}
.project-navigation>button{display:grid;place-items:center;flex:none;min-width:2rem;min-height:2rem;margin:0;padding:0;background:none;border:0;cursor:pointer;font-size:1.25rem}
.project-navigation a:focus-visible,.project-navigation>button:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:.25rem}
@media(max-width:900px){.project-navigation.portfolio-note>span,.project-navigation.demo-callout>span{display:none}}
@media(max-width:575.98px){
 .project-navigation.portfolio-note,.project-navigation.demo-callout{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;width:min(24rem,calc(100% - 1.5rem));max-width:none;bottom:.75rem;padding:.5rem .875rem;border-radius:1rem;font-size:.75rem}
 .project-navigation .portfolio-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr;gap:.75rem;border-right:0;border-bottom:1px solid #88958a44;padding:0 0 .25rem}
 .project-navigation .portfolio-tools a{min-height:2.75rem;justify-content:start;font-size:.75rem}
 .project-navigation .portfolio-contact{grid-column:1;justify-content:start;min-height:2.75rem;font-size:.75rem}
 .project-navigation>button{grid-column:2;min-width:2.75rem;min-height:2.75rem}
}
@media(max-width:359.98px){.project-navigation .portfolio-tools a{font-size:.6875rem}.project-navigation.portfolio-note,.project-navigation.demo-callout{padding-inline:.75rem}}