@layer quartz-base{.reader-preferences{align-items:center;display:flex;position:relative}.reader-preferences-toggle{width:2rem;height:2rem;color:var(--darkgray);font-family:var(--codeFont);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:0;font-size:.88rem;font-weight:600}.reader-preferences-toggle:hover,.reader-preferences-toggle[aria-expanded=true]{color:var(--dark);border-color:var(--lightgray);background:var(--highlight)}.reader-preferences-panel{z-index:20;box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);border-radius:.6rem;width:13rem;padding:.9rem;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 14px 36px #161c1e24}.reader-preferences-panel[hidden]{display:none}.reader-preferences-title{color:var(--dark);margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.reader-preferences-row{grid-template-columns:3.2rem 1fr;align-items:center;gap:.55rem;display:grid}.reader-preferences-row+.reader-preferences-row{margin-top:.65rem}.reader-preferences-label{color:var(--gray);font-size:.75rem}.reader-preferences-options{gap:.3rem;display:flex}.reader-preferences-options button{border:1px solid var(--lightgray);min-height:1.85rem;color:var(--darkgray);font:inherit;cursor:pointer;background:0 0;border-radius:.35rem;flex:1;padding:.18rem .42rem;font-size:.75rem}.reader-preferences-options button:hover{border-color:var(--gray);color:var(--dark)}.reader-preferences-options button[aria-pressed=true]{border-color:var(--secondary);color:var(--light);background:var(--secondary)}@media (max-width:800px){.reader-preferences-panel{position:fixed;top:4.5rem;right:1rem}}}