.DynamicHeightImage_container__ohUPC{width:100%;display:flex;justify-content:center;align-items:center;margin:40px 0}.DynamicHeightImage_image__AMtDS{position:relative;max-width:100%;>img{position:static!important;height:100%;max-height:700px;width:100%;object-fit:contain;border-radius:10px}}.Post_container___bLju{width:100vw;min-height:100vh;min-height:100svh;display:flex;--side-bar-width:300px;--content-width:700px;&.Post_postsContainer__xMXLK{justify-content:center}&:before{height:100vh;background:linear-gradient(-105deg,rgb(26,35,56) 1%,black);background-size:600% 600%;background-position:0 0;transition:background-position .5s}&:after,&:before{content:"";position:fixed;top:0;left:0;width:100vw;z-index:-100}&:after{height:100dvh;background:linear-gradient(black 1%,transparent,transparent,transparent,black 99%)}&.Post_entering__TY8fi,&.Post_exited__PBZHN,&.Post_exiting__lc9UZ{.Post_sidebar__y1VnX{opacity:0}.Post_reader__4ixgC{opacity:0;transform:translateX(100px)}.Post_overview__r0Yau{opacity:0;transform:translateY(100px)}}&.Post_entered__Wj89S{&:before{background-position:50% 50%}.Post_sidebar__y1VnX{opacity:1}.Post_reader__4ixgC{transform:translateX(0);opacity:1}.Post_overview__r0Yau{opacity:1;transform:translateY(0)}}}.Post_overview__r0Yau{display:flex;flex-direction:column;align-items:center;gap:40px;transition-property:transform,opacity,left,-webkit-backdrop-filter;transition-property:transform,opacity,left,backdrop-filter;transition-property:transform,opacity,left,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:ease;>h2{margin-top:50px}.Post_searchbar__ME_PI{width:300px}}.Post_projectCards__At53p{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,300px));grid-gap:20px;gap:20px;padding:0 20px;max-width:100vw}.Post_sidebar__y1VnX{flex-shrink:0;flex-direction:column;width:var(--side-bar-width);height:100vh;display:flex;position:fixed;padding:20px 5px 0;gap:20px;align-items:center;transition-property:transform,opacity,left,-webkit-backdrop-filter;transition-property:transform,opacity,left,backdrop-filter;transition-property:transform,opacity,left,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:ease}.Post_cards__GWPZP{flex:1 1;padding:10px 15px 0;width:100%;display:flex;flex-direction:column;gap:10px;overflow:scroll}.Post_searchbar__ME_PI{flex-shrink:0;width:100%;height:30px;padding:0 15px;input{width:100%;height:100%;padding:8px 12px;margin:0;border:none;border-bottom:1px solid white;background:none;outline:none;color:white;font-family:var(--font-mulmaru)}}.Post_sidebarHeader__yhJAA{width:100%;padding:0 15px;position:relative;display:flex;align-items:center;gap:10px;--button-size:30px}.Post_pageName__k55Y0{margin-left:var(--button-size);padding-left:10px}.Post_back__qYnfz{position:absolute;height:var(--button-size);width:var(--button-size);border-radius:8px;display:flex;justify-content:flex-start;align-items:center;text-align:left;padding:10px;transition:box-shadow .3s,width .3s;&:hover{width:calc(100% - 30px)}a{overflow:hidden;white-space:nowrap}}.Post_reader__4ixgC{flex:1 1;margin-left:var(--side-bar-width);padding:80px 20px;display:flex;justify-content:center;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:ease}.Post_article__5iiz3{display:flex;flex-direction:column;width:var(--content-width);@media (max-width:1000px){width:calc(var(--content-width) - 100px)}@media (max-width:900px){width:100%;max-width:var(--content-width)}.Post_content__pZuk2>ol,.Post_content__pZuk2>ul,h2,h3,p{margin-bottom:40px}h2{margin-top:80px}ol,ul{padding-left:40px}li{font-size:14px;line-height:25px}strong{background:none;font-weight:100;padding:0;font-style:italic;filter:drop-shadow(0 2px 3px white)}code{border:1px solid black;background-color:rgba(0,0,0,.5);border-radius:4px;padding:2px 4px}}.Post_title__bdVGX{margin-bottom:20px}.Post_coverImg__eavEd{position:relative;height:300px;width:100%;border-radius:8px;overflow:hidden;margin-bottom:40px;img{object-fit:cover}}.Post_tags__dhvpZ{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-bottom:20px}.Post_date__eR6Kx{margin-bottom:20px;color:rgba(255,255,255,.5)}.Post_content__pZuk2{margin-top:50px;width:100%;>:last-child{margin-bottom:100px}}.Post_repository__k2iwR{display:flex;align-items:center;width:min-content;padding:8px 10px;gap:10px;border-radius:8px;svg{flex-shrink:0;height:30px;width:30px}span{min-width:130px}}.Post_nextPost__DLefb{display:flex;flex-direction:column;gap:10px;>p{margin-bottom:0}>a{padding:20px;border-radius:8px;max-width:100%}}.Post_endSpace__0o1KR{height:20vh}.Post_sidebarButton__Qde9g{display:none}@media (hover:none) or (max-width:900px){.Post_container___bLju{&.Post_showSidebar__wKDrX{.Post_sidebar__y1VnX{width:100vw;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Post_back__qYnfz:hover{width:calc(100% - 30px - 30px - 10px)}.Post_sidebarButton__Qde9g{right:15px}.Post_menuIcon__Z1jGo{background-color:transparent;&:after{transform:translate(0) rotate(45deg)}&:before{transform:translate(0) rotate(315deg)}}}}.Post_reader__4ixgC{margin-left:0}.Post_sidebar__y1VnX{width:100vw;height:100svh;z-index:1;left:-100vw;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);&:after{content:"";position:absolute;bottom:0;width:100vw;height:50px;background:linear-gradient(transparent,black);pointer-events:none}}.Post_sidebarButton__Qde9g{position:absolute;height:var(--button-size);width:var(--button-size);border-radius:8px;right:calc(-30px - 20px);display:flex;justify-content:flex-end;align-items:center;text-align:right;padding:10px;transition:box-shadow .3s,right .3s}.Post_menuIcon__Z1jGo{height:1px;width:100%;background-color:var(--foreground);position:relative;transition:background-color .3s ease;&:after,&:before{content:"";position:absolute;height:inherit;width:inherit;transform:translateY(3px);left:0;background-color:var(--foreground);transition:transform 1s ease}&:after{transform:translateY(-3px)}}}@media (max-width:500px){.Post_overview__r0Yau{width:100%;.Post_searchbar__ME_PI{width:100%;padding:0 20px}.Post_projectCards__At53p{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}}.PostCard_sidebarItem__hfkph{position:relative;height:250px;width:100%;flex-shrink:0;border-radius:8px;padding:10px;background-color:black;display:flex;flex-direction:column;gap:10px;&:last-child{margin-bottom:25vh}h4{height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.PostCard_thumbnail__Eyvko{flex:1 1;position:relative;border-radius:6px;overflow:hidden;>img{object-fit:cover}}.PostCard_tags__qLsHv{display:flex;flex-wrap:wrap;gap:4px;width:100%;overflow:hidden;padding:4px;height:calc(16px * 2 + 4px + 6px);>div{height:16px;font-size:10px;padding:4px}}.SmartLink_video__xsp_y{width:100%;border:none;overflow:hidden;border-radius:8px;background-color:black}.SmartLink_link__ehz3s{display:inline-flex;align-items:baseline;gap:4px;border-radius:4px;padding:0 4px;box-shadow:inset 0 0 0 0 transparent,0 0 5px 2px rgba(255,255,255,.1);transition:box-shadow .3s;&:hover{box-shadow:inset 0 0 5px 2px white,0 0 4px 2px white}>svg{align-self:center}}