:root{--base-width:9.5rem;--icon-size:1.5rem}.nav-page{opacity:0;height:100vh;max-height:100vh;transition:all .4s;overflow-y:auto}.nav-page.active{opacity:1}.nav-page.overflow-y-hidden{overflow-y:hidden}.nav-component{z-index:9999;flex-direction:column;align-items:center;width:100%;height:fit-content;display:flex;position:fixed;bottom:1rem}.nav-component .viewingOptions{background-color:var(--background-alternate);opacity:0;border-radius:7px;flex-direction:column;gap:.25rem;min-width:11rem;margin:0;padding:.4rem .8rem;font-size:14px;font-weight:600;line-height:20px;transition:all .35s ease-out;display:flex;position:absolute;left:calc(100% + .5rem);transform:translate(-100%)}@media screen and (max-width:991px){.nav-component .viewingOptions{font-size:12px;line-height:18px}}.nav-component .viewingOptions h5{opacity:.6;margin:0!important;font-weight:400!important}.nav-component .viewingOptions .seperator{background:var(--background);border-radius:7px;width:100%;height:2.5px;margin-top:1.5px;margin-bottom:.5rem}.nav-component .viewingOptions.active{opacity:1;transform:translate(0%)}.nav-component .viewingOptions select{appearance:none;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;color:var(--text-primary);height:100%;padding-left:calc(.2rem + var(--icon-size));background:0 0;border:none;margin:0;position:absolute}.nav-component .viewingOptions .select{cursor:pointer;border-radius:.25em;align-items:center;width:100%;min-width:15ch;max-width:30ch;padding:.25rem 0;line-height:1.1;display:flex;position:relative}.nav-component .viewingOptions .select svg:first-of-type{color:var(--text-primary);font-size:1.5rem}.nav-component .viewingOptions .select svg:last-of-type{color:var(--background);opacity:.5;margin-left:auto}.nav-component .filterWrapper{background-color:var(--background-light);z-index:3;border-radius:7px;align-items:center;height:100%;padding:.5rem;display:flex;position:relative}.nav-component .filterWrapper .filterButton{width:9.5rem;color:var(--text-primary);cursor:pointer;z-index:5;background:0 0;border:none;outline:none;margin:0;padding:1rem 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:900;line-height:20px}@media screen and (max-width:991px){.nav-component .filterWrapper .filterButton{width:calc(var(--base-width)/1.5);font-size:12px;line-height:18px}}.nav-component .filterWrapper .tabIndicator{background:var(--background-secondary);z-index:4;border-radius:inherit;padding:1rem 3rem;font-family:Inter;font-style:normal;font-weight:600;transition:transform .55s;position:absolute}.nav-component .subFilterWrapper{background-color:var(--background-alternate);z-index:0;opacity:0;border-radius:7px;align-items:center;width:fit-content;height:fit-content;padding:.5rem;transition:transform .35s ease-out,opacity .35s ease-out;display:flex;position:absolute;transform:translateY(0)}.nav-component .subFilterWrapper.secondary.active{transform:translateY(265%)}.nav-component .subFilterWrapper.active{opacity:1;transform:translateY(160%)}.nav-component .subFilterWrapper.inactive{display:none}.nav-component .subFilterWrapper .filterButton{width:9.5rem;color:var(--text-primary);cursor:pointer;z-index:2;background:0 0;border:none;outline:none;margin:0;padding:.25rem 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px}@media screen and (max-width:991px){.nav-component .subFilterWrapper .filterButton{width:calc(var(--base-width)/1.5);font-size:12px;line-height:18px}}.nav-component .subFilterWrapper .tabIndicator{background:var(--background-secondary);z-index:1;border-radius:inherit;padding:1rem 3rem;font-family:Inter;font-style:normal;font-weight:600;transition:transform .55s;position:absolute}.tabIndicator{width:calc((100%/var(--tab-count)) - .5rem);height:calc(100% - 1rem);transform:translateX(calc((100%*var(--active-index)) + .25rem))}
.lightswitchWrapper{text-transform:capitalize;align-items:center;width:100%;font-weight:400;display:flex;overflow:hidden}.lightswitchWrapper input{position:absolute;left:-99em}.lightswitchWrapper .toggle{cursor:pointer;background-color:gray;border-radius:24px;width:30px;height:20px;margin-left:auto;transition:background-color .2s cubic-bezier(.445,.05,.55,.95);display:inline-block;position:relative}.lightswitchWrapper .toggle:before{content:"";font-size:18px;position:absolute;top:15px;left:-50px}.lightswitchWrapper .toggle:after{content:"";color:#749ed7;font-size:18px;position:absolute;top:15px;right:-48px}.lightswitchWrapper .toggle__handler{z-index:1;background-color:#f4f4f4;border-radius:20px;width:14px;height:14px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;position:relative;top:3px;left:3px;transform:rotate(-45deg);box-shadow:0 2px 6px #0000004d}.lightswitchWrapper input:checked+.toggle{background-color:#0b0}.lightswitchWrapper input:checked+.toggle:before{color:green}.lightswitchWrapper input:checked+.toggle:after{color:var(--color-white)}.lightswitchWrapper input:checked+.toggle .toggle__handler{background-color:#f4f4f4;transform:translate(10px)rotate(0)}