.posts-search-bar{background:#000;border:1px solid #00f;width:100%;height:100%;display:flex}.posts-search-bar input{text-align:center;color:#00f;background-color:#000;width:100%;height:100%}
#posts-paginator{box-sizing:border-box;background:beige;border-top:2px solid #ff4500;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}#posts-paginator .side-paginator{aspect-ratio:1;color:beige;cursor:pointer;background:#000;justify-content:center;align-items:center;height:100%;transition:all .1s ease-in;display:flex}#posts-paginator .side-paginator:hover{color:#000;background-color:beige;border:2px solid #000}@media only screen and (max-width:768px){#posts-paginator .side-paginator{aspect-ratio:.75}}#posts-paginator .page-indexes{box-sizing:border-box;justify-content:center;align-items:center;gap:3px;height:100%;display:flex}#posts-paginator .page-indexes .page-index{aspect-ratio:1;color:#000;text-align:center;cursor:pointer;border:1px solid #000;border-radius:100%;justify-content:center;align-items:center;height:50%;margin:0 5px;padding:5px;transition:all .1s ease-in;display:flex}#posts-paginator .page-indexes .page-index:hover{color:beige;background:#000;border:none}#posts-paginator .page-indexes .page-index.page-index-active{height:75%}@media only screen and (max-width:768px){#posts-paginator .page-indexes .page-index{height:35%;font-size:9px}#posts-paginator .page-indexes .page-index.page-index-active{height:50%;font-size:16px}}#posts-paginator .page-indexes .in-between-indicator{letter-spacing:3px;color:#000;justify-content:center;align-items:center;height:100%;padding:3px;font-weight:900;display:none}#posts-paginator .posts-paginator-blocker{background:#00000080;width:100%;height:100%;position:absolute}
.post-view{box-sizing:border-box;color:beige;background-color:#000;border:2px solid #00f;border-radius:5px 25px 25px 5px;justify-content:center;align-items:center;width:calc(100% - 20px);height:350px;margin:5px 0;display:flex;box-shadow:0 0 5px #0ff}.post-view.flip{color:#000;background-color:beige;border-radius:25px 5px 5px 25px}@media only screen and (max-width:1000px){.post-view{flex-direction:column;height:auto}.post-view.flip{flex-direction:column-reverse}}.post-view .post-image-container{box-sizing:border-box;object-fit:contain;justify-content:center;align-items:center;width:330px;height:calc(100% - 20px);display:flex}@media only screen and (max-width:1000px){.post-view .post-image-container{display:none}}.post-view .post-image-container .post-image-link{box-sizing:border-box;object-fit:contain;background-color:#000;border:3px solid #ff4500;border-radius:5px 25px 25px 5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 10px gray}.post-view .post-image-container .post-image-link.flip{color:#000;background-color:beige;border-radius:25px 5px 5px 25px}@media only screen and (max-width:1000px){.post-view .post-image-container .post-image-link{border-width:0;border-top-right-radius:5px;border-bottom-right-radius:5px;width:auto}.post-view .post-image-container .post-image-link.flip{border-top-left-radius:5px;border-bottom-left-radius:5px}}.post-view .post-details-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;width:calc(100% - 350px);padding:30px 15px;display:flex}@media only screen and (max-width:1000px){.post-view .post-details-container{width:100%}}.post-view .post-details-container .post-title{box-sizing:border-box;font-size:20px;display:flex}@media only screen and (max-width:1000px){.post-view .post-details-container .post-title{text-align:center;letter-spacing:1px}}.post-view .post-details-container .post-image-container{display:none}@media only screen and (max-width:1000px){.post-view .post-details-container .post-image-container{background:#000;border:3px solid #ff4500;border-radius:5px;width:100%;height:350px;margin:10px 0 0;display:flex;overflow:hidden;box-shadow:0 0 10px gray}.post-view .post-details-container .post-image-container.flip{color:#000;background-color:beige}}.post-view .post-details-container .post-excerpt{box-sizing:border-box;letter-spacing:3px;padding:0 25px;font-size:15px;font-weight:500;line-height:30px;display:flex}@media only screen and (max-width:1000px){.post-view .post-details-container .post-excerpt{padding:0 15px}}.post-view .post-details-container .post-excerpt p{text-align:center}.post-view .post-details-container .post-date{box-sizing:border-box;font-size:12px;font-style:italic;display:flex}
#main-posts-display{box-sizing:border-box;background:#000;border:2px solid #cd5c5c;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}#main-posts-display #main-posts-list-actions{width:100%;height:15%}#main-posts-display #main-posts-list-actions .main-posts-list-search-bar{width:100%;height:33.5%}#main-posts-display #main-posts-list-actions .main-posts-list-paginator{width:100%;height:66.5%}#main-posts-display #main-posts-list-view{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:85%;display:flex;overflow:hidden auto}#main-posts-display #main-posts-list-view::-webkit-scrollbar{width:12px;height:12px}#main-posts-display #main-posts-list-view::-webkit-scrollbar-track{background:#ff4500;border-radius:6px;margin-top:3px;margin-bottom:3px;box-shadow:inset 0 0 5px #0000001a}#main-posts-display #main-posts-list-view::-webkit-scrollbar-thumb{background:#00000080;border:2px solid #0ff;border-radius:6px}#main-posts-display #main-posts-list-view::-webkit-scrollbar-thumb:hover{background:#555}#main-posts-display #main-posts-list-view::-webkit-scrollbar-corner{background:#ff4500}@media only screen and (max-width:768px){#main-posts-display #main-posts-list-view{height:90%}}#main-posts-display #main-posts-list-view .posts-loading-screen{box-sizing:border-box;background:#000;border:2px solid #ff69b4;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#main-posts-display #main-posts-list-view .posts-loading-screen .no-posts-found{color:#ff69b4;letter-spacing:1px;font-weight:700}#main-posts-display #main-posts-list-view .posts-loading-screen .loading-icon{border:5px solid #0000;border-top-color:#ff69b4;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
#route-component-weblog-modern{box-sizing:border-box;border:2px solid #ff4500;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;overflow-y:hidden}