nav{background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--background-color-primary);border-radius:var(--radius-out);z-index:100;width:fit-content;height:fit-content;padding:40px auto;transition:all .5s ease-in-out;position:fixed;top:50vh;left:1em;transform:translateY(-50%)}nav ul{justify-content:space-between;align-items:center;margin:.1em;padding:0;list-style:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s}nav ul li{margin:.25em;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s}nav ul li a{width:3em;height:3em;color:var(--text-color);border-radius:var(--radius-in);text-align:center;opacity:.4;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:.75rem;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;display:flex}nav ul li a .caption{height:0;transition:all .5s ease-in-out;scale:0}@media screen and (min-width:500px){nav ul li a:hover{opacity:1}nav ul li a:hover .caption{height:100%;scale:1}}nav ul li a i{padding:.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;scale:1.75}@media screen and (max-width:750px){nav ul{display:flex}}nav .active{background-color:var(--primary-color);color:var(--background-color-secondary);opacity:1}nav .active .caption{height:100%;scale:1}nav.mini{border-radius:10em}nav.mini a{border-radius:10em;width:1em!important;height:1em!important}nav.mini a .caption{display:none}nav.mini a i{scale:1!important}@media screen and (max-width:750px){nav{flex-direction:column;display:flex;top:auto;left:50%;transform:translate(-50%);bottom:1em!important}}@media screen and (max-width:500px){nav a{width:2em!important;height:2em!important}nav a span{display:none}nav a i{scale:1.5!important}}
#logo{background-color:var(--primary-color);border-radius:var(--radius-out);transform-origin:top;z-index:100;background-position:50%;background-repeat:no-repeat;background-size:cover;width:250px;height:250px;margin:10px 0;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:fixed;top:4em;left:50%;translate:-50%;scale:1}@media screen and (max-height:850px){#logo{width:150px;height:150px}}@media screen and (max-width:600px){#logo{border-radius:var(--radius-in);width:clamp(110px,30vw,150px);height:clamp(110px,30vw,150px);margin:0;top:1.25em}}#logo.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos.png)}#logo.home-logo{background-image:url(/assets/img/notion.png)}#logo.dslabs-logo{background-image:url(/assets/img/project-logos/ds-labs-badge.svg)}#logo.pixel-logo{background-image:url(/assets/img/articles/pixel/article-icon-pixel.png)}#logo.zen-logo{background-image:url(/assets/img/articles/zen/article-icon-zen.png)}#logo.helium-logo{background-image:url(/assets/img/articles/helium/article-icon-helium-light.png)}@media (prefers-color-scheme:dark){#logo.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos-dark.png)}#logo.pixel-logo{background-image:url(/assets/img/articles/pixel/article-icon-pixel-dark.png)}#logo.zen-logo{background-image:url(/assets/img/articles/zen/article-icon-zen-dark.png)}#logo.helium-logo{background-image:url(/assets/img/articles/helium/article-icon-helium-dark.png)}}#logo.scrolled{z-index:100;border-radius:50%;margin:20px 0;position:fixed;top:0;left:50%;translate:-50%;scale:.25;box-shadow:0 4px 15px #0003}@media screen and (max-width:600px){#logo.scrolled{margin:10px 0;top:-10px;scale:.32}}
.love-tab{z-index:1000;background:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:var(--radius-out)0 0 var(--radius-out);max-width:50px;transition:all .3s ease-in-out;position:fixed;top:50%;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:-2px 0 10px #0000001a}.love-tab:hover{max-width:200px;box-shadow:-4px 0 20px #0003}.love-tab a{color:var(--text-color);white-space:nowrap;justify-content:flex-start;align-items:center;min-width:50px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.love-icon{min-width:24px;color:var(--primary-color);justify-content:center;align-items:center;margin-right:8px;font-size:1.5rem;animation:2s ease-in-out infinite heartbeat;display:flex}.love-text{opacity:0;font-size:.9rem;transition:all .3s;transform:translate(-10px)}.love-tab:hover .love-text{opacity:1;transform:translate(0)}.love-tab:hover .love-icon{animation:.8s ease-in-out infinite heartbeat-faster}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%{transform:scale(1.1)}}@keyframes heartbeat-faster{0%,50%,to{transform:scale(1)}25%{transform:scale(1.2)}}@media screen and (max-width:768px){.love-tab{border-radius:var(--radius-out)0 0 var(--radius-out);opacity:.88;width:40px;max-width:40px;top:25%;left:auto;right:0;box-shadow:-2px 0 12px #00000026}.love-tab:hover,.love-tab:active{opacity:1;width:40px;max-width:40px;box-shadow:-2px 0 15px #0003}.love-tab a{justify-content:center;min-width:44px;padding:8px}.love-icon{margin-right:0;font-size:1.35rem}.love-text{display:none}}