.post-page{margin:calc(7rem + var(--logo-height)) 1rem 0 1rem;display:flex;flex-direction:column;align-items:center;width:calc(100vw - 2rem - var(--scrollbar-width));min-height:calc(100vh - (7rem + var(--logo-height)))}.post-page .media-container{max-height:1200px;max-width:2000px}.post-navigation{width:calc(100% - 2rem);display:flex;justify-content:space-between;margin:0 1rem 4rem}.nav-button{position:relative!important;left:auto!important;right:auto!important;cursor:pointer!important;pointer-events:auto!important}.nav-button.newer{margin-right:auto}.nav-button.older{margin-left:auto}.post-info{display:flex;flex-direction:column;width:100%;margin-bottom:2rem}.post-info>div{display:flex;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--translucent-color)}.post-info>div:last-child{border-bottom:none}.post-info .label{width:7rem;flex-shrink:0}.post-info .date .label,.post-info .tags .label{padding:.25rem 0}.post-info .date,.post-info .description,.post-info .posted,.post-info .source,.post-info .tags{display:flex;align-items:flex-start;gap:.5rem;margin:0 1rem}.post-info .posted .label,.post-info .posted span:not(.label){opacity:.25}.post-info a{color:rgba(var(--foreground-rgb));text-decoration:none}.post-info a:hover{text-decoration:underline}.post-info .source-item a,.source a{display:inline-flex;align-items:center;gap:4px}.post-info .tag{background:var(--translucent-color);padding:.25rem .5rem;border-radius:var(--corner-radius);-webkit-backdrop-filter:var(--translucent-blur);backdrop-filter:var(--translucent-blur)}.post-info .tag:hover{background:var(--translucent-hover-color);color:rgb(var(--background-rgb));text-decoration:none}.post-info .tag.disabled{cursor:help;position:relative}.post-info .tag.disabled,.post-info .tag.disabled:hover{background:var(--translucent-color-light);color:rgba(var(--foreground-rgb),.35)!important}.post-info .tag-list{flex-wrap:wrap;flex:1}.post-info .date .tag-list,.post-info .tag-list{display:flex;gap:.5rem}.post-info .source-list{display:flex;flex-direction:column;flex:1}.post-info .source-item{display:flex;align-items:center;padding:0 0 1rem;margin-top:1rem;border-bottom:1px solid var(--translucent-color)}.post-info .source-item:first-child{margin-top:0}.post-info .source-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.modal-post .post-navigation{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--translucent-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2500;display:flex;align-items:flex-start;justify-content:center;pointer-events:auto;opacity:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-overlay.loaded{opacity:1}.modal-content{position:relative;width:100%;overflow-y:auto;padding:0;background:transparent;pointer-events:auto}.modal-close{position:fixed;top:2rem;right:calc(2rem + var(--scrollbar-width));background:var(--translucent-color);border:none;width:29px;height:29px;border-radius:var(--corner-radius);-webkit-backdrop-filter:var(--translucent-blur);backdrop-filter:var(--translucent-blur);cursor:pointer;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;visibility:hidden}.modal-wrapper:has(.modal-overlay.loaded) .modal-close{opacity:1;visibility:visible}.modal-close:hover{background:var(--translucent-hover-color)}.modal-close-icon{width:10px;height:10px;filter:invert(100%)}.modal-close:hover .modal-close-icon{filter:invert(0)}@media (prefers-color-scheme:light){.modal-close-icon{filter:invert(0)}.modal-close:hover .modal-close-icon{filter:invert(100%)}}.modal-post{padding:5rem 1rem 1rem;background:rgb(var(--background-rgb));pointer-events:auto;box-shadow:0 5px 15px 8px rgba(0,0,0,.5);opacity:0;min-height:100%}@media (prefers-color-scheme:light){.modal-post{box-shadow:0 5px 15px 8px rgba(0,0,0,.25)}}.modal-post.loaded{opacity:1}.modal-post .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;padding:0}.modal-post .loading-initial{opacity:0}.modal-post.loaded .loading-initial{opacity:1}.modal-back{width:100%;height:10rem;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-back .button{position:relative;left:auto;right:auto;background:var(--translucent-color);border:none;color:rgba(var(--foreground-rgb));font-family:Berkeley Mono Variable,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-weight:100;font-size:11px;padding:8px;border-radius:var(--corner-radius);-webkit-backdrop-filter:var(--translucent-blur);backdrop-filter:var(--translucent-blur);cursor:pointer;text-decoration:none;box-shadow:0 0 40px 10px rgba(var(--shadow-color),.25)}.modal-back .button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--shadow-color),.1);border-radius:var(--corner-radius);z-index:-1}.modal-back .button:hover{background:var(--translucent-hover-color);color:rgb(var(--background-rgb))}@media (prefers-color-scheme:light){.modal-back .button{font-weight:400}}.tooltip-container{backdrop-filter:var(--translucent-blur);-webkit-backdrop-filter:var(--translucent-blur);position:fixed;pointer-events:none;z-index:3000;background:var(--translucent-color);color:rgba(var(--foreground-rgb));padding:.25rem .5rem;border-radius:var(--corner-radius);font-size:11px;white-space:nowrap;opacity:0}.tooltip-container.visible{opacity:1}.tooltip{position:fixed;background:var(--translucent-color);color:rgba(var(--foreground-rgb));padding:8px;border-radius:var(--corner-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:300px;font-size:11px;pointer-events:none;z-index:1000;transform:translate(10px,10px)}.tooltip.visible{opacity:1}.modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.index-page{margin-top:calc(4rem + var(--logo-height));margin-left:1rem;display:flex;flex-direction:column;align-items:center;width:calc(100vw - 2rem - var(--scrollbar-width));min-height:calc(100vh - (7rem + var(--logo-height)))}.index-page .media-container{max-height:800px;max-width:1200px}