.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);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);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:linear-gradient(to bottom,rgb(var(--background-rgb)) 0 var(--modal-solid-height,100vh),var(--translucent-color) var(--modal-solid-height,100vh) 100%);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);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);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);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}@media (max-width:425px){.post-page .post-navigation{display:none}}.custom-video-player{position:relative;display:flex;align-items:center;justify-content:center;background:rgb(var(--background-rgb));overflow:hidden;line-height:0}.custom-video-player,.custom-video-player video{width:100%;max-width:100%;border-radius:var(--corner-radius)}.custom-video-player video{display:block;height:auto;max-height:var(--media-max-height);outline:1px solid rgba(var(--media-border-color));outline-offset:-1px;cursor:pointer}.post-display .custom-video-player video{max-height:var(--media-max-height-detail)}.video-controls{position:absolute;left:1rem;right:1rem;bottom:.7rem;opacity:0;pointer-events:none;transition:opacity .2s ease-out;z-index:2}.custom-video-player.paused .video-controls,.custom-video-player.scrubbing .video-controls,.custom-video-player:hover .video-controls,.video-controls:has(:focus-visible){opacity:1;pointer-events:auto}.video-controls-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;pointer-events:none}.video-play-button.button{position:static;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px 4px 4px;gap:4px;font-family:Berkeley Mono Variable,ui-monospace,monospace;line-height:16px;pointer-events:auto}.video-button-icon{display:block;width:16px;height:16px;background-color:currentColor;mask:var(--video-icon) center /contain no-repeat;-webkit-mask:var(--video-icon) center /contain no-repeat;pointer-events:none}[data-icon=play]{--video-icon:url(/video-player-icons/play.svg)}[data-icon=pause]{--video-icon:url(/video-player-icons/pause.svg)}.video-time{font-family:Berkeley Mono Variable,ui-monospace,monospace;font-size:11px;font-weight:100;line-height:1.4;color:rgb(var(--foreground-rgb));white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.video-time-bubble,.video-time-duration{padding:4px 8px;width:var(--time-pill-width);box-sizing:border-box;text-align:center;border-radius:999px;position:absolute;bottom:24px;pointer-events:none;opacity:0;background:var(--translucent-color);backdrop-filter:var(--translucent-blur)}.video-progress{font-family:Berkeley Mono Variable,ui-monospace,monospace;font-size:11px;position:relative;width:100%;height:16px;display:flex;align-items:center;cursor:ew-resize;touch-action:none}.video-progress-track{position:relative;width:100%;height:5px;background:rgba(var(--foreground-rgb),.35);border-radius:2px;backdrop-filter:var(--translucent-blur);-webkit-backdrop-filter:var(--translucent-blur)}.video-progress-fill{position:absolute;height:100%;background:rgb(var(--foreground-rgb));border-radius:inherit;pointer-events:none}.video-time-bubble{position:absolute;bottom:24px;transform:translateX(-50%);pointer-events:none;opacity:0;z-index:3}.video-time-duration{right:0}.scrubbing .video-time-bubble,.scrubbing .video-time-duration{opacity:1}.scrubbing .video-play-button{visibility:hidden}.custom-video-player.loading video{opacity:0}.custom-video-player video::-webkit-media-controls,.custom-video-player video::-webkit-media-controls-enclosure,.custom-video-player video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}.video-controls{--foreground-rgb:255,255,255;--background-rgb:0,0,0;--translucent-color:rgba(178,178,178,0.175);--translucent-hover-color:rgba(255,255,255,0.7);color-scheme:dark}.video-controls[data-controls-theme=dark]{--foreground-rgb:0,0,0;--background-rgb:255,255,255;--translucent-color:rgba(150,150,150,0.175);--translucent-hover-color:rgba(0,0,0,0.7);color-scheme:light}.video-controls .video-play-button.button{font-weight:100}:root{--grid-item-width:calc(16.666vw - 2.333rem - (var(--scrollbar-width) / 6));--multi-select-height:30px;--tag-color:125,125,125,0.35;--tag-border-color:255,255,255,0.04;--multi-select-focus-color:255,255,255,0.3;--mobile-size:425px}@media (max-width:1440px){:root{--grid-item-width:calc(20vw - 2.4rem - (var(--scrollbar-width) / 5))}}@media (max-width:1024px){:root{--grid-item-width:calc(25vw - 2.5rem - (var(--scrollbar-width) / 4))}}@media (max-width:768px){:root{--grid-item-width:calc(33.333vw - 2.667rem - (var(--scrollbar-width) / 3))}}@media (max-width:425px){:root{--grid-item-width:calc(100vw - 4rem - (var(--scrollbar-width)))}}.search-page{margin:0 2rem;display:flex;flex-direction:column;align-items:flex-start;width:calc(100vw - 4rem - var(--scrollbar-width));min-height:calc(100vh - (7rem + var(--logo-height)))}.search-header{position:relative;width:100%;margin-bottom:2rem}.search-header .logo{position:relative;width:var(--logo-width);height:var(--logo-height);margin:2rem auto 4rem}.search-header .logo svg{width:var(--logo-width);fill:rgba(var(--foreground-rgb))}.search-header .nav-buttons{position:fixed;top:2rem;left:0;right:2rem;z-index:1000}.search-header .button.search{background:var(--translucent-hover-color);color:rgb(var(--background-rgb));cursor:default!important;right:0}.search-container{position:relative;width:50vw;margin:0 auto;height:var(--multi-select-height)}.search-container.scrolled-past{position:fixed;top:2rem;left:50%;transform:translateX(-50%);width:50vw;z-index:1000}.search-placeholder{height:0}.search-container.scrolled-past+.search-placeholder{height:var(--multi-select-height)}.tag-select{color:rgba(var(--foreground-rgb));position:relative;z-index:1500;width:100%;padding:0 1rem}.select__control{background-color:var(--translucent-color)!important;border:none!important;border-radius:var(--corner-radius)!important;backdrop-filter:var(--translucent-blur);min-height:var(--multi-select-height)!important;height:auto!important}.select__control:hover{border:none!important}.select__menu-list{width:100%!important}.select__menu{background-color:var(--translucent-color)!important;backdrop-filter:var(--translucent-blur);border-radius:var(--corner-radius)!important;box-shadow:0 4px 20px rgba(var(--shadow-color),.5)!important;width:calc(100% - 2rem)!important;position:absolute!important;left:1rem!important;right:1rem!important;margin:.5rem 0 0!important}.select__menu:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--shadow-color),.5);z-index:-1;border-radius:var(--corner-radius)}.select__option{background-color:transparent!important;color:rgba(var(--foreground-rgb))!important}.select__option--is-selected,.select__option:hover{background-color:var(--translucent-color)!important}.select__multi-value{background-color:rgba(var(--tag-color))!important;border-radius:var(--corner-radius)!important;margin:2px!important;height:20px!important;display:flex!important;align-items:center!important;border:1px solid rgba(var(--tag-border-color))!important}.select__multi-value__label{color:rgba(var(--foreground-rgb))!important;font-size:11px!important;padding:0 0 0 7px!important;line-height:18px!important}.select__multi-value__remove{color:rgba(var(--foreground-rgb))!important;padding:0 4px!important;margin-left:1px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.select__multi-value__remove:hover{background-color:transparent!important;color:rgba(var(--foreground-rgb))!important}.select__input-container{color:rgba(var(--foreground-rgb))!important;margin:0!important;padding:0 0 0 6px!important}.select__placeholder{color:rgba(var(--foreground-rgb))!important;padding-left:6px!important}.select__value-container{padding:2px 2px 2px 3px!important;margin:0!important;min-height:var(--multi-select-height)!important}.select__indicator{padding:0 6px!important;height:100%!important}.select__option{cursor:pointer!important;pointer-events:auto!important}.select__dropdown-indicator-icon{width:11px;height:11px;filter:invert(100%);opacity:.95}.select__clear-indicator-icon,.select__remove-tag-icon{width:10px;height:10px;filter:invert(100%);opacity:1}.select__clear-indicator:hover .select__clear-indicator-icon,.select__dropdown-indicator:hover .select__dropdown-indicator-icon{filter:invert(0)}@media (prefers-color-scheme:light){.select__clear-indicator-icon,.select__dropdown-indicator-icon,.select__remove-tag-icon{filter:invert(0)}.select__clear-indicator:hover .select__clear-indicator-icon,.select__dropdown-indicator:hover .select__dropdown-indicator-icon{filter:invert(100%)}}.select__multi-value__remove .select__remove-tag-icon{opacity:.5}.select__multi-value__remove:hover .select__remove-tag-icon{opacity:1!important}.select__indicator-separator{display:none}.select__indicators{height:var(--multi-select-height)!important;display:flex!important;align-items:center!important}.select__clear-indicator,.select__dropdown-indicator,.select__indicator{padding:0 8px!important;height:var(--multi-select-height)!important;display:flex!important;align-items:center!important}.select__clear-indicator,.select__dropdown-indicator{justify-content:center!important}.select__indicator:hover{color:rgba(var(--foreground-rgb))!important;background-color:var(--translucent-hover-color)!important;border-radius:var(--corner-radius)!important}.select-loading{padding:0 8px;display:flex;align-items:center}.select-loading img{width:16px;height:16px}@media (prefers-color-scheme:light){.select-loading img{filter:invert(100%)}}.select__control--is-focused{box-shadow:0 0 0 1px rgba(var(--multi-select-focus-color))!important;border-color:transparent!important}@media (max-width:425px){.search-container{display:none!important}}.posts-grid{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:start;margin:1rem 0 5rem;gap:2rem;min-height:200px;position:relative;padding:0}.posts-grid>div{margin:0}.post-thumbnail{width:var(--grid-item-width);aspect-ratio:1/1;border-radius:var(--corner-radius);margin:0}.post-thumbnail,.thumbnail-media-container{display:flex;justify-content:center;align-items:center}.thumbnail-media-container{line-height:0}.thumbnail-media-container img,.thumbnail-media-container video{-o-object-fit:contain;object-fit:contain;max-height:clamp(10vw,var(--grid-item-width),25vw);max-width:clamp(10vw,var(--grid-item-width),25vw);margin:0;outline:1px solid rgba(var(--media-border-color));outline-offset:-1px;border-radius:var(--corner-radius)}@media (max-width:768px){.thumbnail-media-container img,.thumbnail-media-container video{max-height:clamp(10vw,var(--grid-item-width),33.333vw);max-width:clamp(10vw,var(--grid-item-width),33.333vw)}}@media (max-width:425px){.thumbnail-media-container img,.thumbnail-media-container video{max-height:clamp(10vw,var(--grid-item-width),100vw);max-width:clamp(10vw,var(--grid-item-width),100vw)}.search-header{margin-bottom:0}.search-header>.logo{margin:2rem auto}.search-header .logo .logo{display:block;margin:0}.search-placeholder{display:none}.post-thumbnail,.posts-grid,.posts-grid>div,.thumbnail-media-container{width:100%}.post-thumbnail{aspect-ratio:auto}.posts-grid>.search-post-start{margin-top:2rem}.thumbnail-media-container img,.thumbnail-media-container video{width:100%;height:auto;max-width:100%;max-height:80vh}}