.content-with-nav-container{width:100%;height:100%;margin:0 auto;top:0;padding:0;display:inline-flex;flex-flow:row;align-items:flex-start;justify-content:flex-start;gap:0;overflow:hidden}.content-with-nav-container .content-with-nav-content{width:100%;height:100%;margin:0;padding:1.5rem;display:inline-flex;flex-grow:3;flex-flow:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto}.content-with-nav-container .content-with-nav-content .container{max-width:720px;width:100%;margin:0 auto;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.content-with-nav-container .content-with-nav-content .container article,.content-with-nav-container .content-with-nav-content .container .container{width:100%;margin-block:1rem 2rem;margin-inline:0;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.content-with-nav-container .content-with-nav-content .container article h3,.content-with-nav-container .content-with-nav-content .container .container h3{width:max-content;margin:0;padding:.25rem 0rem;color:var(--fg);font-size:2rem}.content-with-nav-container .content-with-nav-content .container article h4,.content-with-nav-container .content-with-nav-content .container .container h4{width:max-content;margin:0;padding-block:1.25rem .25rem;font-size:1.5rem;font-weight:600}.content-with-nav-container .content-with-nav-content .container article p,.content-with-nav-container .content-with-nav-content .container .container p{margin-block:.25rem}.content-with-nav-container img{max-width:100%;margin-inline:auto;box-shadow:0 4px 8px #00000040;border-radius:var(--border-radius);-webkit-user-drag:none}.content-with-nav-container ul{margin:0;padding-inline:2rem 0rem}.content-with-nav-container .toolbar,.content-with-nav-container .select-menu,.content-with-nav-container .guide-selector-list{min-width:200px;width:300px;margin-block:1rem 2rem;margin-inline:auto;background:var(--bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 8px #00000040;pointer-events:none;-webkit-user-select:none;user-select:none}.content-with-nav-container .guide-selector-list ul{margin:0;padding:0}.content-with-nav-container .toolbar button:focus{outline:none}.content-with-nav-container .select-menu{padding:1rem .5rem}.content-with-nav-container .select-menu ul{list-style:none;width:100%;margin:0;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:0}.content-with-nav-container .select-menu ul ul{margin-inline:1.5rem 0rem}.content-with-nav-container .select-menu ul li{width:100%;margin:0;padding:.25rem .75rem;display:inline-flex;flex-flow:row;align-items:center;justify-content:flex-start}.content-with-nav-container .select-menu ul li.optgroup{color:var(--fg-secondary)}.content-with-nav-container .filter-container{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:column-reverse;align-items:center;justify-content:center;gap:.5rem}.content-with-nav-container .filter-container label{color:var(--fg-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;user-select:none;-webkit-user-select:none}.content-with-nav-container .tab-search-container{padding-top:0;margin-bottom:-1.25rem}.content-with-nav-container .toggle-container{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:row;align-items:center;justify-content:space-between}.content-with-nav-container .toggle-container button{width:min-content;padding:.5rem;display:inline-flex;flex-flow:row;align-items:center;justify-content:center;color:var(--fg-secondary);background:none;border:none;border-radius:0;transition:var(--transition)}.content-with-nav-container .toggle-container button:hover{color:var(--fg);outline:none;transition:var(--transition)}.content-with-nav-container .toggle-container button:focus{outline:none;transition:var(--transition)}.content-with-nav-container .tab-actions{visibility:visible;right:.75rem;float:right}.content-with-nav-container .audio-actions{visibility:visible;left:.75rem;float:left}.content-with-nav-header{width:100%;margin:0;padding:1rem 1.5rem;display:inline-flex;flex-flow:row;align-items:center;justify-content:flex-start;gap:1.25rem;background:rgba(var(--rgb-bg),.5);border-bottom:1px solid var(--border-color)}.content-with-nav-header .content-with-nav-header-title{width:100%;margin:0;padding:.25rem 0rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}.content-with-nav-header .content-with-nav-header-title .content-nav-subtitle{color:var(--fg-secondary);font-size:90%;font-weight:600}.content-with-nav-header .content-with-nav-header-title h2{width:min-content;margin:0;padding:0;font-size:2rem;text-align:left;line-height:1;white-space:nowrap}.content-with-nav-header button{width:42px;height:42px;margin:-.5rem;padding:.5rem;border:none;border-radius:64px}.content-with-nav-header button:focus{outline:none}.content-with-nav-header button svg{width:100%;height:100%}@media(max-width:640px){.content-with-nav-container{height:max-content;flex-flow:column;align-items:flex-start;justify-content:flex-start;overflow-y:unset}.content-with-nav-container .content-with-nav-content{width:100%;height:max-content;overflow-y:unset}}.content-with-nav-sidebar{min-width:240px;width:max-content;height:100%;margin:0;top:0;padding:.5rem 1.5rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;border-right:1px solid var(--border-color);white-space:nowrap;overflow-y:auto;overflow-x:hidden}.content-with-nav-sidebar.minimized{max-width:64px;opacity:.5!important;overflow:hidden}.content-with-nav-sidebar.minimized:after{content:"";width:100%;height:100%;margin:0;top:0;left:0;position:absolute;display:inline-block;background:linear-gradient(to right,rgba(var(--rgb-bg),.5),var(--bg));-webkit-mask-image:linear-gradient(to right,transparent 10%,black 80%);mask-image:linear-gradient(to right,transparent 10%,black 80%)}.content-with-nav-sidebar .group-title{padding-top:1rem;display:inline-block;color:var(--fg-secondary);font-weight:700;font-size:.9rem;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.content-with-nav-sidebar .group-title.group-title-nav{pointer-events:all;cursor:pointer}.content-with-nav-sidebar .group-title.group-title-nav:hover{text-decoration:underline}.content-with-nav-sidebar ul{list-style:none;width:100%;margin:0;padding:.75rem 0rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.content-with-nav-sidebar ul li{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:row;align-items:flex-start;justify-content:center}.content-with-nav-sidebar ul li a{width:100%;margin:0;color:var(--accent);border-radius:var(--border-radius);text-decoration:none;line-height:1.2;line-break:auto;white-space:wrap}.content-with-nav-sidebar ul li a:hover{text-decoration:underline}.content-with-nav-sidebar ul li a:active{color:var(--fg)}.content-with-nav-sidebar ul li a.active{color:var(--fg);text-decoration:underline}@media(max-width:640px){.content-with-nav-sidebar{width:100%;height:max-content;border-right:none;overflow-y:unset}}