@layer quartz-base{.navbar{z-index:10;background-color:var(--light);width:100%;padding:15px 20px;position:fixed;top:0;left:0}.nav-links{justify-content:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{display:inline}.nav-links a{color:var(--darkgray);font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.nav-links a:hover{color:var(--secondary)}@media (max-width:800px){.navbar,.nav-links{display:none}}.floating-buttons{z-index:10;position:fixed;bottom:15px}.floating-right{right:15px}.floating-buttons .button-group{flex-direction:column;gap:8px;display:flex}.floating-button{background-color:var(--light);width:36px;height:36px;color:var(--dark);border:1px solid var(--gray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.floating-button:hover{background-color:var(--gray);box-shadow:0 2px 5px #00000026}.floating-button svg{stroke-width:2px;width:18px;height:18px}.floating-button-tooltip{visibility:hidden;opacity:0;background-color:var(--dark);color:var(--light);text-align:center;white-space:nowrap;z-index:11;border-radius:3px;padding:4px 6px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;top:50%;right:110%;transform:translateY(-50%)}.floating-button-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:transparent transparent transparent var(--dark);margin-top:-4px;position:absolute;top:50%;left:100%}.floating-button:hover .floating-button-tooltip{visibility:visible;opacity:1}}