.PostContainer{position:absolute;top:0;left:50%;width:100%;max-width:1137px;height:100vh;padding-top:88px;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-transition:-webkit-transform 1s var(--easeInOutExpo);transition:-webkit-transform 1s var(--easeInOutExpo);transition:transform 1s var(--easeInOutExpo);transition:transform 1s var(--easeInOutExpo),-webkit-transform 1s var(--easeInOutExpo);overflow:auto;z-index:100}@media (min-width: 62em){.PostContainer{padding-top:150px}}.PostContainer.open{-webkit-transform:translate(-50%,0%);transform:translate(-50%)}.PostContainer .PostContent{position:relative;border-radius:20px 20px 0 0;overflow:clip;background:#7b7b7b1a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);min-height:90vh}:is(.PostContainer .PostContent) .closeButton{position:absolute;top:10px;right:10px;background-color:var(--white);color:var(--black);z-index:10}:is(:is(.PostContainer .PostContent) .closeButton):focus{background-color:var(--black);color:var(--white)}:is(:is(.PostContainer .PostContent) .closeButton):focus-visible{mix-blend-mode:normal;background-color:var(--black);color:var(--white)}@media (hover: hover){:is(:is(.PostContainer .PostContent) .closeButton):hover{mix-blend-mode:normal;background-color:var(--black);color:var(--white)}}.PostContainer .postHeader{position:relative;z-index:1;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (max-width: 48em){.PostContainer .postHeader{height:150px}}:is(.PostContainer .postHeader) .header-title{font-weight:900;text-transform:uppercase}@media (max-width: 48em){:is(.PostContainer .postHeader) .header-title{font-size:1.25rem;margin:0 0 25px 25px}}:is(.PostContainer .postHeader) img{position:absolute;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:is(.PostContainer .postHeader) p{margin:0 0 40px 60px}.PostContainer .background{position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(30px);filter:blur(30px);opacity:.3;z-index:-1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.PostBackdrop{position:fixed;inset:0;background-color:var(--black);opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.PostBackdrop.open{opacity:.8}.PostBody{padding-top:50px;padding-inline:58px;--post-padding: 84px }@media (max-width: 48em){.PostBody{padding-top:28px;--post-padding: 0px;padding-inline:0}}.PostBody header{grid-column:2 / -2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px}@media (max-width: 48em){.PostBody header{gap:16px}}.PostBody .profile-picture{width:52px;height:52px;border-radius:50%;overflow:clip;grid-column:2 / 3}:is(.PostBody .profile-picture) img{width:100%;height:100%}.PostBody .username-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}:is(.PostBody .username-container) svg{width:25px;height:25px}:is(.PostBody .user-info) p{margin:0}.username:is(:is(.PostBody .user-info) p){font-weight:600;text-transform:uppercase}:is(.PostBody .user-info) .handle{margin-top:2px;color:#ffffff80}.PostBody:has(.embla__slide) .post-body-text{margin-bottom:40px}.PostBody .post-body-text{grid-column:2 / -2;color:#ffffffb3;padding-inline:var(--post-padding);white-space:pre-wrap;word-wrap:break-word;margin-top:30px}@media (max-width: 48em){.PostBody .post-body-text{margin-top:20px}}:is(.PostBody .post-body-text) a{color:currentColor;text-decoration:underline}:is(.PostBody .post-body-text) p{margin:0}.PostBody .content{--paddingStart: calc(var(--padding) + var(--post-padding));--paddingEnd: calc( var(--padding) + var(--post-padding) + var(--extraPadding) );--extraPadding: 240px}@media (max-width: 48em){.PostBody .content{--extraPadding: 0px}}.PostBody .content{grid-column:1 / -1;padding-inline:var(--paddingStart) var(--paddingEnd);position:relative;margin-bottom:30px}.PostBody .embla{position:relative}.PostBody .embla__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}@media (max-width: 48em){.PostBody .embla__container{gap:var(--gap)}}.PostBody .embla__slide{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;min-width:0}:is(:is(.PostBody .embla__slide) .audio) .image-preview .image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}:is(.PostBody .embla__slide) .lightbox-button{position:absolute;inset:0;opacity:0;z-index:1}@media (max-width: 48em){.PostBody .embla__slide{width:100%;max-width:calc(var(--grid-col-width) * 4 + var(--gap) * 3)}}:is(.PostBody .embla__slide) .slide-content{width:100%;height:100%;aspect-ratio:16/9;border-radius:16px;overflow:clip;position:relative}:is(:is(.PostBody .embla__slide) .slide-content) media-controller:has(video){height:100%}:is(:is(.PostBody .embla__slide) .slide-content) img,:is(:is(.PostBody .embla__slide) .slide-content) audio,:is(:is(.PostBody .embla__slide) .slide-content) video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.PostBody .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;inset:50% 0 0;pointer-events:none;position:absolute;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:is(.PostBody .controls) .round{padding:0}:is(.PostBody .controls) .round.filled{--size: 25px}@media (min-width: 48em){:is(.PostBody .controls) .round.filled{--size: 40px}}:is(.PostBody .controls) .round.filled{background-color:var(--white);color:var(--black);position:absolute;pointer-events:initial;min-width:var(--size);min-height:var(--size)}:is(:is(.PostBody .controls) .round.filled) svg{width:8px;height:8px}:is(.PostBody .controls) .round.filled.next{right:calc((var(--size) / 2) - var(--gap) / 2)}@media (min-width: 48em){:is(.PostBody .controls) .round.filled.next{right:calc(var(--paddingEnd) - var(--size) / 2)}}:is(.PostBody .controls) .round.filled.prev{left:calc((var(--size) / 2) - var(--gap) / 2)}@media (min-width: 48em){:is(.PostBody .controls) .round.filled.prev{left:calc(var(--paddingStart) - var(--size) / 2)}}:is(:is(.PostBody .controls) .round.filled.prev) svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.PostActionBar{padding-bottom:30px;grid-column:2 / -2;margin-inline:var(--post-padding)}.PostActionBar .action-bar{list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:is(.PostActionBar .action-bar) .clear,:is(.PostActionBar .action-bar) .round{-webkit-transition:scale 50ms ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:scale 50ms ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,scale 50ms ease-out,color .15s ease-out;transition:transform .15s ease-out,scale 50ms ease-out,color .15s ease-out,-webkit-transform .15s ease-out}:is(:is(.PostActionBar .action-bar) .clear,:is(.PostActionBar .action-bar) .round):active{scale:.9}:is(.PostActionBar .action-bar) li:has(.date){margin-left:auto}:is(.PostActionBar .action-bar) .date{display:block;position:relative;top:-2px;color:#7d7d7d}:is(.PostActionBar .action-bar) .clear{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;text-decoration:none}:is(:is(.PostActionBar .action-bar) .clear) svg{color:#ffffff80;-webkit-transition:color .25s ease-out;transition:color .25s ease-out}.options:is(:is(.PostActionBar .action-bar) .clear) svg{width:16px}:is(:is(.PostActionBar .action-bar) .clear):focus-visible{cursor:pointer}:is(:is(.PostActionBar .action-bar) .clear):focus-visible svg{color:#fff}@media (hover: hover){:is(:is(.PostActionBar .action-bar) .clear):hover{cursor:pointer}:is(:is(.PostActionBar .action-bar) .clear):hover svg{color:#fff}}:is(.PostActionBar .action-bar) .round{padding:8px 12px;min-height:unset;color:var(--white);text-decoration:none}:is(:is(.PostActionBar .action-bar) .liked) svg{color:var(--primary)}:is(.PostActionBar .action-bar) svg{height:13px}.Lightbox{position:fixed;z-index:101;inset:0;border:none;width:100%;height:100%;background-color:var(--black);color:var(--white);padding:0;-webkit-transition:display .15s allow-discrete,overlay .15s allow-discrete;transition:display .15s allow-discrete,overlay .15s allow-discrete;-webkit-animation:closeLightbox .15s ease-out forwards;animation:closeLightbox .15s ease-out forwards}.Lightbox[open]{-webkit-animation:openLightbox .15s ease-out forwards;animation:openLightbox .15s ease-out forwards}.Lightbox .close{position:fixed;top:42px;right:50px;z-index:10;aspect-ratio:1 / 1;max-width:36px;max-height:36px;padding:0}@media (max-width: 48em){.Lightbox .close{top:17px;right:25px}}.Lightbox .embla{position:relative;height:100%}.Lightbox .embla__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}@media (max-width: 48em){.Lightbox .embla__container{gap:var(--gap)}}.Lightbox .embla__slide{-webkit-box-flex:0;-ms-flex:0 0 100vw;flex:0 0 100vw;height:auto;overflow:clip;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:is(:is(.Lightbox .embla__slide) .audio) .image-preview .image{width:100px;height:100px;-o-object-fit:cover;object-fit:cover}@media (min-width: 48em){:is(:is(.Lightbox .embla__slide) .audio) .image-preview .image{width:224px;height:224px}}.Lightbox .slide-content{max-width:85vw;max-height:85svh;aspect-ratio:auto;border-radius:16px;overflow:clip;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48em){.Lightbox .slide-content{max-width:calc(100% - 276px)}}:is(.Lightbox .slide-content) img,:is(.Lightbox .slide-content) audio,:is(.Lightbox .slide-content) video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.Lightbox .dots{position:absolute;bottom:3.75svh;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}@media (min-width: 48em){.Lightbox .dots{display:none}}:is(:is(.Lightbox .dots) .dot.active) button{background-color:var(--white)}:is(.Lightbox .dots) .dot button{padding:0;border:none;--size: 6px;width:var(--size);height:var(--size);border-radius:50%;background-color:#fff3;-webkit-transition:.15s ease-out background-color;transition:.15s ease-out background-color}.Lightbox .controls{position:absolute;inset:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}@media (max-width: 48em){.Lightbox .controls{display:none}}:is(.Lightbox .controls) .round.filled.prev,:is(.Lightbox .controls) .round.filled.next{pointer-events:initial;background-color:var(--black);border:2px solid;border-color:#ffffff1a;-webkit-transition:.2s ease-out opacity;transition:.2s ease-out opacity}[aria-hidden=true]:is(:is(.Lightbox .controls) .round.filled.prev,:is(.Lightbox .controls) .round.filled.next){opacity:0;pointer-events:none}:is(:is(.Lightbox .controls) .round.filled.prev) svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes openLightbox{0%{opacity:0}to{opacity:1}}@keyframes openLightbox{0%{opacity:0}to{opacity:1}}@-webkit-keyframes closeLightbox{0%{opacity:1}to{opacity:0}}@keyframes closeLightbox{0%{opacity:1}to{opacity:0}}