.postItem{position:relative}.postItem.firstPost{grid-column:1/-1}.postItem.firstPost article{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.postItem.firstPost img{flex:1;width:fit-content}.postItem.firstPost article .postInfo{color:#232323;flex:1;min-width:min(100%,300px)}.postItem.firstPost article .postInfo h2 a{padding:10px 0;font-size:2.2rem}.postItem.firstPost article .firstPostTop{display:flex}.postItem.firstPost article .firstPostTop .postTag{color:#000000cf;width:fit-content;transition:background-color var(--quickTransition);background:#1f5faf24;border-radius:18px;margin-left:6px;padding:4px 10px;font-size:.8rem;font-weight:600;line-height:1.3}.postItem.firstPost article .firstPostTop .postTag:hover{background:#1f5faf33}.postItem .NewPostTag{background:var(--spotlight-color);color:#fff;border-radius:18px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;line-height:1.3}.postItem:not(.firstPost) article .postInfo .postTag{color:#000000cf;width:fit-content;transition:background-color var(--quickTransition);background:#1f5faf12;border-radius:100vmax;font-size:.8rem;line-height:1;display:inline-block}.postItem:not(.firstPost) article .postInfo .postTag a{border-radius:100vmax;padding:3.5px 8px;display:block}.postItem:not(.firstPost) article .postInfo .postTag:has(a:is(:hover,:focus-visible)){background:#1f5faf33}.postItem.firstPost article .postBottom p{-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;color:#717171;-webkit-box-orient:vertical;margin-top:7px;font-weight:200;line-height:1.1;display:-webkit-box;overflow:hidden}.postItem :not(h2)>a{z-index:1;position:relative}.postItem h2 a{color:#000;word-break:break-word;text-wrap-style:pretty;padding:5px 0 4px;font-family:alpha-omega;font-size:1.3rem;line-height:1;text-decoration:none;display:block}.postItem h2 a:after{content:"";z-index:0;position:absolute;inset:0}.postItem img{-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10;background-color:var(--lighter-color);width:100%;max-width:100%;height:100%;max-height:300px}.postItem.noThumb img{padding:15px}#postList{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:20px;margin-bottom:1.5rem;padding:0 10px;display:grid}#postList #noResultsLine{text-align:center;grid-column:1/-1;margin:5rem auto;font-size:1.2rem}#postList #loaderLine{text-align:center;grid-column:1/-1;margin:clamp(0px,3vw,4rem) auto 3.5rem;font-size:1.2rem}.postItem article .postBottom{color:#000000cf}.postItem article .postBottom .dateTXT{margin-right:10px}.searchStatus{grid-column:1/-1;width:100%;margin-bottom:-20px;padding:3rem 0 0;font-family:alpha-omega;font-size:clamp(2.85rem,10vw,4rem);line-height:1.15;display:block;overflow:hidden}.searchArea{top:var(--nav-height);z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-inline:-10px;background-color:#ffffffb3;border-bottom:2px solid #0000003b;grid-column:1/-1;margin-bottom:-10px;padding:5px 10px 8px;display:block;position:sticky}.searchArea .searchInput input#searchBox{background-color:#0000;border-radius:9px;outline:none;flex:1;width:100%;padding:5px 6px 5px 38px;font-size:1rem;position:relative}.searchArea .searchInput{isolation:isolate;z-index:2;border:var(--light-color) 2px solid;transition:border var(--quickTransition), padding var(--quickTransition);background:#fff;border-radius:11px;padding-right:4px;display:flex;position:relative}.searchArea .searchInput.isLoading{background:linear-gradient(90deg,#fff,#fff,#9fc1e4,#fff,#fff) 0 0/400%;animation:3s infinite bg}@keyframes bg{0%{background-position-x:0%}to{background-position-x:100%}}.searchArea .searchInput:has(input#searchBox:focus){border:var(--spotlight-color) 2px solid}.searchArea .searchInput:before{content:"";color:var(--light-color);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;transition:color var(--quickTransition);font-family:tabler-icons;font-size:24px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.searchArea .searchInput:has(input:focus):before{color:var(--spotlight-color)}.searchArea .searchInput .filterBox{margin:4px 0;position:relative}.searchArea .searchInput .filterBox.hide{display:none}.searchArea .searchInput .filterBox .filterButton{background-color:var(--lighter-color);height:100%;transition:background-color calc(var(--quickTransition) / 2);border-radius:6px;align-items:center;display:flex}.searchArea .searchInput .filterBox .filterButton.open,.searchArea .searchInput .filterBox .filterButton:is(:hover,:focus-visible){background-color:var(--light-color);transition:background-color var(--quickTransition)}.searchArea .searchInput .filterBox .filterButton span{width:max-content;margin-left:5px;display:block}.searchArea .searchInput .filterBox .filterButton .collapsableText{opacity:1;transition:all var(--quickTransition);grid-template-columns:1fr;display:grid}.searchArea .searchInput .filterBox .filterButton .collapsableText>div{overflow:hidden}.searchArea .searchInput .filterBox .filterButton .collapsableText.hide{opacity:0;grid-template-columns:0fr}.searchArea .searchInput .filterBox .filterButton:hover .collapsableText,.searchArea .searchInput .filterBox .filterButton:focus-visible .collapsableText,.searchArea .searchInput .filterBox .filterButton:hover .collapsableText,.searchArea .searchInput .filterBox .filterButton.open .collapsableText{opacity:1;grid-template-columns:1fr}.searchArea .searchInput .filterBox .filterList{width:max-content;max-width:clamp(0px, calc(100vw - 30px), calc(var(--row-width) - 30px));background:var(--lighter-color);border:2px solid var(--light-color);pointer-events:none;visibility:hidden;opacity:0;transition:all var(--quickTransition);border-radius:10px;margin-top:3px;padding:3px 5px;position:absolute;top:100%;right:0;transform:translateY(-10%);box-shadow:0 2px 20px #00000017}.searchArea .searchInput .filterBox .filterList.show{pointer-events:all;visibility:visible;opacity:1;transform:translateY(0%)}.searchArea .searchInput .filterBox .filterList input{opacity:0;cursor:pointer;pointer-events:none;position:absolute}.searchArea .searchInput .filterBox .filterList label{cursor:pointer;flex-direction:row;align-items:center;padding:1.5px 0;line-height:1.3;display:flex}.searchArea .searchInput .filterBox .filterList>div label .selectmark{width:1rem;height:1rem;transition:all .2s, outline 0;background-color:#eee;border-radius:50%;margin-right:.35rem;display:inline-block;position:relative}.searchArea .searchInput .filterBox .filterList>div:has(input:focus-visible) label .selectmark{outline-offset:2px;outline:2px dashed #000}.searchArea .searchInput .filterBox .filterList>div label:hover .selectmark{background-color:#3b84d2}.searchArea .searchInput .filterBox .filterList>div:has(input:checked) label .selectmark{background-color:#3b84d2}.searchArea .searchInput .filterBox .filterList .selectmark:after{content:"";pointer-events:none;background:#fff;border-radius:50%;width:100%;height:100%;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.searchArea .searchInput .filterBox .filterList>div:has(input:checked) label .selectmark:after{width:6px;height:6px}.searchArea .searchInput .filterBox .filterList>div:has(input:not(:checked)) label:hover .selectmark:after{width:75%;height:75%}.searchArea .searchInput .filterBox .filterList>div:has(input:focus-visible:not(:checked)) label .selectmark:after{width:75%;height:75%}.searchArea .searchInput .filterBox .filterList>div:has(input:not(:checked)) label:active .selectmark{transform:scale(.85)}