.navigation{height:100%;width:22rem;position:fixed;z-index:500;top:0;left:0;background-color:var(--color-sidebar);overflow-x:hidden;transition:left .5s;display:flex;flex-direction:column;row-gap:var(--bento-gap-y);padding:2rem;overscroll-behavior:contain;transition-duration:var(--transition-duration);transition-property:background-color,color,left}.navigation #nav-header{display:flex;flex-direction:column;padding:1rem;row-gap:.5rem;margin-bottom:1.5rem}.navigation .nav-step{transition:color .5s;padding:.9rem .2rem}.navigation .nav-icon{height:auto;width:8%;max-width:1.5rem}.navigation #nav-bde-button{font-size:1.8rem}.navigation #nav-bde-button img,.navigation #nav-bde-button:hover img{transition:background-color .5s}.navigation a:hover{transition:color .4s;color:var(--text-color-white);background-color:var(--color-background)}.navigation img{max-width:100%}.navigation #nav-socials{display:flex;column-gap:var(--bento-gap-y)}.navigation #nav-socials img{width:2rem;border-radius:calc(var(--bento-radius) - .3rem)}.navigation .hamburger-menu{display:flex;flex-flow:column;justify-content:space-between;height:2.5rem;width:2.5rem;cursor:pointer;padding:.2rem}.navigation .hamburger-menu .bar{height:5px;background:var(--color-bde);border-radius:5px;margin:3px 0}.bde-color-scheme-selector{display:flex;justify-content:space-between;align-items:center}.bde-color-scheme-selector .bde-color-scheme-selector-container{display:flex;justify-content:space-between;align-items:center;border-radius:2rem;border:2px solid var(--color-bde);gap:.1rem}.bde-color-scheme-selector .bde-color-scheme-selector-container .bde-color-scheme-variant{width:1.5rem;height:1.5rem}.bde-color-scheme-selector .bde-color-scheme-selector-container .bde-color-scheme-variant svg{fill:var(--color-bde);width:1.5rem;height:1.5rem}.bde-color-scheme-selector .bde-color-scheme-selector-container .bde-color-scheme-variant:not(.bde-color-scheme-active):hover svg{fill:var(--text-color-white);cursor:pointer}.bde-color-scheme-selector .bde-color-scheme-selector-container .bde-color-scheme-active svg{fill:var(--text-color-white);border-radius:.75rem;border:thin solid var(--color-bde)}.bde-speech-bubble{background:var(--color-software);border-radius:.4em;color:var(--color-white);height:fit-content;padding:1rem 5rem 1rem 1rem;transition:transform .5s,opacity .5s,top .5s,bottom .5s,right .5s,left .5s;z-index:100;visibility:hidden;opacity:0}#bde-color-scheme-hint{position:fixed;left:19rem;top:2.1rem;margin-right:1rem}#bde-color-scheme-hint.bde-speech-bubble:after{top:1.25rem!important}body.close #bde-color-scheme-hint{left:5rem;top:1rem}@media only screen and (max-width: 1500px){body:not(.open) #bde-color-scheme-hint{left:5rem;top:1rem}}.bde-speech-bubble .bde-speech-bubble-dismiss:before{content:"×";position:absolute;top:7.5px;right:15px;color:var(--color-white);font-size:25px;font-weight:700;transition:.3s;cursor:pointer}.bde-speech-bubble:after{background:var(--color-software);content:"";position:absolute;top:calc(50% - 1rem);left:-1rem;width:1rem!important;height:2rem!important;clip-path:polygon(0 50%,100% 12.5%,100% 87.5%)}.bde-speech-bubble.bde-speech-bubble-hide{opacity:0;visibility:visible;pointer-events:none}.bde-speech-bubble.bde-speech-bubble-show{visibility:visible;opacity:1}.nav-button-sidebar{display:flex;justify-content:space-between}.nav-button-sidebar button{background-color:var(--color-bento-background);display:flex;padding:.15rem}.nav-button-sidebar button img{width:2rem;height:2rem}.nav-button-sidebar div{display:inline-grid}.nav-button-sidebar div img{grid-row-start:1;grid-column-start:1;width:2rem;height:2rem}.nav-button-sidebar div .color-scheme-divider{display:block;z-index:10}.nav-button-sidebar div .color-scheme-dark{display:block;z-index:5;animation:schemeToggleDown 1s linear forwards}.nav-button-sidebar div .color-scheme-white{z-index:5;animation:schemeToggleDown 1s linear forwards}.nav-button-sidebar div .color-scheme-system{z-index:4;animation:schemeToggle 1s linear forwards}:root[data-color=dark] #nav-button-sidebar .color-scheme-dark{animation:schemeToggle 1s linear forwards}:root[data-color=dark] #nav-button-sidebar .color-scheme-white,:root[data-color=dark] #nav-button-sidebar .color-scheme-system{display:block;animation:schemeToggleDown 1s linear forwards}:root[data-color=light] #nav-button-sidebar .color-scheme-dark{animation:schemeToggleDown 1s linear forwards}:root[data-color=light] #nav-button-sidebar .color-scheme-white{display:block;animation:schemeToggle 1s linear forwards}:root[data-color=light] #nav-button-sidebar .color-scheme-system{display:block;animation:schemeToggleDown 1s linear forwards}#nav-button{top:2rem;position:fixed;transition:left .5s,opacity .5s;left:22.5em;opacity:0;z-index:600}#nav-button button{background-color:var(--color-bento-background);cursor:pointer;display:flex;padding:.15rem}#nav-button img{width:2rem;height:2rem}.open .navigation{left:0}.open #nav-button{left:22.5em;opacity:0;transition:left .5s,opacity .5s}.open #main{margin-left:22em}.close .speech-bubble{transform:translate(26rem) translateY(-1rem)}.close .navigation{left:-23em}.close #nav-button{left:1em;opacity:1;transition:left .5s,opacity .5s}.close #main{margin-left:0}@media only screen and (max-width: 1500px){.navigation{left:-22rem;width:22rem}#main{margin-left:0}#nav-button{left:1em;opacity:1;transition:left .5s,opacity .5s}.open .navigation{width:22rem}.open #main{margin-left:0}.open .speech-bubble{transform:translate(18rem)}.close .navigation{left:-22rem}.close #main{margin-left:0}}@media only screen and (max-width: 1000px){body.open #bde-color-scheme-hint{right:2.45rem;top:6rem;left:unset;margin-left:1rem;margin-right:unset!important}body.open #bde-color-scheme-hint.bde-speech-bubble:after{content:"";position:absolute;top:-.98rem!important;right:2.1rem!important;left:unset!important;width:2rem!important;height:1rem!important;clip-path:polygon(12.5% 100%,50% 0,87.5% 100%)}.navigation{left:-100%;width:100%}#nav-button{left:1em;opacity:1;transition:left .5s,opacity .5s}#main{margin-left:0}.open .navigation{width:100%;left:0;transition:left .5s}.open #nav-button{opacity:0;transition:left .5s,opacity .5s}.open #main{margin-left:0}.close .navigation{left:-100%}.close #nav-button{transition:left .5s,opacity .5s;opacity:1}.close #main{transition:margin-left .5s;margin-left:0}}.hide-on-dark-mode{display:none}.hide-on-light-mode{display:block}:root[data-color=light]{--color-background: var(--color-background-light);--color-sidebar: var(--color-sidebar-light);--color-bento-background: var(--color-bento-background-light);--polygon-bde-left: var(--polygon-bde-left-white);--polygon-bde-right: var(--polygon-bde-right-white);--polygon-software-left: var(--polygon-software-left-white);--polygon-software-right: var(--polygon-software-right-white);--text-color-white: rgb(var(--color-black));--text-color-black: var(--color-white);--filter-brightness: var(--filter-brightness-dark);--color-modalImage-background: var(--color-modalImage-background-light);--color-grey-accent: var(--color-bento-background-light);--text-color-grey-accent: var(--color-support)}:root[data-color=light] .hide-on-dark-mode{display:block}:root[data-color=light] .hide-on-light-mode{display:none}@media (prefers-color-scheme: light){:root:not([data-color=dark]){--color-background: var(--color-background-light);--color-sidebar: var(--color-sidebar-light);--color-bento-background: var(--color-bento-background-light);--polygon-bde-left: var(--polygon-bde-left-white);--polygon-bde-right: var(--polygon-bde-right-white);--polygon-software-left: var(--polygon-software-left-white);--polygon-software-right: var(--polygon-software-right-white);--text-color-white: rgb(var(--color-black));--text-color-black: var(--color-white);--filter-brightness: var(--filter-brightness-dark);--color-modalImage-background: var(--color-modalImage-background-light);--color-grey-accent: var(--color-bento-background-light);--text-color-grey-accent: var(--color-support)}:root:not([data-color=dark]) .hide-on-dark-mode{display:block}:root:not([data-color=dark]) .hide-on-light-mode{display:none}}