.Drawer.FilterDrawer{-webkit-animation:closeY var(--timing) forwards var(--easeInOutExpo) var(--delay);animation:closeY var(--timing) forwards var(--easeInOutExpo) var(--delay);-webkit-transform-origin:top;transform-origin:top;max-width:unset;max-height:533px;min-height:auto;height:100%;background-color:#7b7b7b1a;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.Drawer.FilterDrawer[open]{-webkit-animation:openY var(--timing) forwards var(--easeInOutExpo);animation:openY var(--timing) forwards var(--easeInOutExpo)}.Drawer.FilterDrawer .close{right:50%;-webkit-transform:translateX(50%);transform:translate(50%);background-color:var(--white);color:var(--black);border-color:var(--white)}:is(.Drawer.FilterDrawer .close) svg{color:inherit}:is(.Drawer.FilterDrawer .close):focus-visible{background-color:var(--black);color:var(--white);border-color:var(--black)}@media (hover: hover){:is(.Drawer.FilterDrawer .close):hover{background-color:var(--black);color:var(--white);border-color:var(--black)}}.Drawer.FilterDrawer section{max-width:1136px;width:100%;justify-self:center}.Drawer.FilterDrawer nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:70px}:is(.Drawer.FilterDrawer nav) menu{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}.Drawer.FilterDrawer .input-container{display:grid;width:100%;overflow-y:hidden}:is(.Drawer.FilterDrawer .input-container)>input{grid-area:1 / -1}.Drawer.FilterDrawer label{border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;color:#ffffff4d;margin-bottom:40px}:is(.Drawer.FilterDrawer label) svg{position:absolute;right:0;top:0;-webkit-transform:translateY(.4lh);transform:translateY(.4lh);width:24px;color:inherit;-webkit-transition:fill .25s ease-out,color .25s ease-out;transition:fill .25s ease-out,color .25s ease-out}.Drawer.FilterDrawer input[type=search]{background:transparent;border:0;width:100%;color:#fffc;padding-bottom:32px}:is(.Drawer.FilterDrawer input[type=search])::-moz-placeholder{color:#ffffff4d}:is(.Drawer.FilterDrawer input[type=search])::-webkit-input-placeholder{color:#ffffff4d}:is(.Drawer.FilterDrawer input[type=search]):-ms-input-placeholder{color:#ffffff4d}:is(.Drawer.FilterDrawer input[type=search])::-ms-input-placeholder{color:#ffffff4d}:is(.Drawer.FilterDrawer input[type=search])::placeholder{color:#ffffff4d}:is(.Drawer.FilterDrawer input[type=search]) #search-clear{display:none!important}:is(.Drawer.FilterDrawer input[type=search])::-webkit-search-cancel-button{-webkit-appearance:none;display:none!important}.Drawer.FilterDrawer .suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:56px}:is(.Drawer.FilterDrawer .suggestions) p{font-weight:500;color:#ffffff80}:is(.Drawer.FilterDrawer .suggestions) ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding-inline:var(--fade);margin-inline:calc(-1 * var(--fade));--fade: 30px;--gradient: linear-gradient( to right, transparent 0px, white var(--fade), white calc(100% - var(--fade)), transparent );max-width:100%;overflow-x:auto;-webkit-mask-image:var(--gradient);mask-image:var(--gradient)}:is(:is(.Drawer.FilterDrawer .suggestions) ul) li{white-space:nowrap}:is(:is(:is(.Drawer.FilterDrawer .suggestions) ul) li) button{color:#ffffff80;padding:10px 12px;text-transform:lowercase}:is(.Drawer.FilterDrawer .suggestions) .dragging a{pointer-events:none}@media (min-width: 62em){.Drawer.FilterDrawer{margin-left:0;margin-left:initial}.Drawer.FilterDrawer .container{padding:164px 40px}}@media (max-width: 62em){.Drawer.FilterDrawer{background-color:#7b7b7b0d}.Drawer.FilterDrawer .container{padding:164px 0 64px 25px}:is(.Drawer.FilterDrawer .container) form{margin-right:25px}.Drawer.FilterDrawer nav{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:30px;overflow-x:auto;overflow-y:clip;width:100%}:is(.Drawer.FilterDrawer nav) li{white-space:nowrap}:is(.Drawer.FilterDrawer nav)::-webkit-scrollbar{display:none}.Drawer.FilterDrawer .suggestions{overflow-x:auto;overflow-y:clip;width:100%}}button.FilterDrawer-open{position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);border-color:#ffffff1a;background:var(--black);color:var(--white)}@media (min-width: 62em){button.FilterDrawer-open{bottom:auto;bottom:initial;top:55px}}button.FilterDrawer-open:focus-visible{color:var(--black);background-color:var(--white);border-color:var(--white);mix-blend-mode:normal}@media (hover: hover){button.FilterDrawer-open:hover{color:var(--black);background-color:var(--white);border-color:var(--white);mix-blend-mode:normal}}:is(button.FilterDrawer-open svg) line,:is(button.FilterDrawer-open svg) path{fill:none;stroke:currentColor}@-webkit-keyframes openY{0%{opacity:0;-webkit-transform:scaleY(.8) translateY(-20%);transform:scaleY(.8) translateY(-20%)}to{opacity:1;-webkit-transform:scaleY(1) translateY(0%);transform:scaleY(1) translateY(0)}}@keyframes openY{0%{opacity:0;-webkit-transform:scaleY(.8) translateY(-20%);transform:scaleY(.8) translateY(-20%)}to{opacity:1;-webkit-transform:scaleY(1) translateY(0%);transform:scaleY(1) translateY(0)}}@-webkit-keyframes closeY{0%{opacity:1;-webkit-transform:scaleY(1) translateY(0%);transform:scaleY(1) translateY(0)}to{opacity:0;-webkit-transform:scaleY(.8) translateY(-20%);transform:scaleY(.8) translateY(-20%)}}@keyframes closeY{0%{opacity:1;-webkit-transform:scaleY(1) translateY(0%);transform:scaleY(1) translateY(0)}to{opacity:0;-webkit-transform:scaleY(.8) translateY(-20%);transform:scaleY(.8) translateY(-20%)}}.Drawer.PostDrawer{-webkit-animation:closeScaleY var(--timing) forwards var(--easeOutExpo) var(--delay);animation:closeScaleY var(--timing) forwards var(--easeOutExpo) var(--delay);-webkit-transform-origin:center calc(100% - 110px);transform-origin:center calc(100% - 110px);max-width:1021px;max-height:unset;min-height:50svh;height:auto;background-color:#7b7b7b1a;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);bottom:54px;top:auto;left:0;align-self:center;margin-inline:auto!important;mix-blend-mode:normal;grid-template-rows:0fr 1fr;display:none;-webkit-transition:height .3s ease-out allow-discrete,display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);transition:height .3s ease-out allow-discrete,display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);border-radius:30px}.Drawer.PostDrawer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#1c1c1cb3}.Drawer.PostDrawer[open]{display:grid;-webkit-animation:openScaleY var(--timing) both var(--easeOutExpo);animation:openScaleY var(--timing) both var(--easeOutExpo)}.Drawer.PostDrawer .close{right:50%;bottom:50px;top:auto;-webkit-transform:translateX(50%);transform:translate(50%);background-color:var(--white);color:var(--black);border-color:var(--white)}:is(.Drawer.PostDrawer .close) svg{color:inherit}:is(.Drawer.PostDrawer .close):focus-visible{background-color:var(--black);color:var(--white);border-color:var(--black)}@media (hover: hover){:is(.Drawer.PostDrawer .close):hover{background-color:var(--black);color:var(--white);border-color:var(--black)}}.Drawer.PostDrawer .container{padding:57px}.Drawer.PostDrawer input[type=file]{display:none}.Drawer.PostDrawer .fields{display:grid;gap:32px;grid-template-columns:43px 1fr;margin-bottom:94px}.Drawer.PostDrawer .profile-picture{border-radius:50%;width:52px;height:52px;-o-object-fit:cover;object-fit:cover}:is(.Drawer.PostDrawer .previews)::-internal-media-controls-overflow-button{display:none}.Drawer.PostDrawer .previews{--amount: 0;display:grid;gap:10px;margin-bottom:40px;max-width:832px;padding-top:10px;padding-right:12px;grid-template-rows:0fr;height:0px}:is(.Drawer.PostDrawer .previews) .preview{position:relative}:is(.Drawer.PostDrawer .previews) .audio{overflow:clip;border-radius:10px}:is(:is(.Drawer.PostDrawer .previews) .audio) .image{width:32px;height:32px;border-radius:4px;position:relative}:is(:is(.Drawer.PostDrawer .previews) .audio) .label{display:none}:is(:is(.Drawer.PostDrawer .previews) .audio) button{top:8px;left:8px;background-color:var(--white)}:is(:is(.Drawer.PostDrawer .previews) .audio) img{-webkit-transform:none;transform:none}.Drawer.PostDrawer .previews{-webkit-transition:grid-template-rows .8s var(--easeInOutExpo),height .8s var(--easeInOutExpo);transition:grid-template-rows .8s var(--easeInOutExpo),height .8s var(--easeInOutExpo);transition:grid-template-rows .8s var(--easeInOutExpo),height .8s var(--easeInOutExpo),-ms-grid-rows .8s var(--easeInOutExpo)}:is(.Drawer.PostDrawer .previews) ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;overflow-x:auto;padding-top:12px;width:100%}:is(.Drawer.PostDrawer .previews) li{max-width:240px;min-width:160px;width:100%;position:relative;-webkit-animation:show .5s both var(--easeInOutExpo);animation:show .5s both var(--easeInOutExpo)}:is(:is(.Drawer.PostDrawer .previews) li) button{position:absolute;top:-8px;right:-8px;min-width:24px;min-height:24px;font-size:1rem;font-weight:400;padding:0;background-color:var(--black);color:var(--white)}:is(:is(:is(.Drawer.PostDrawer .previews) li) button):focus-visible{background-color:var(--black);mix-blend-mode:initial}@media (hover: hover){:is(:is(:is(.Drawer.PostDrawer .previews) li) button):hover{background-color:var(--black);mix-blend-mode:initial}}:is(:is(.Drawer.PostDrawer .previews) li) img,:is(:is(.Drawer.PostDrawer .previews) li) video,:is(:is(.Drawer.PostDrawer .previews) li) audio{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:10px}.Drawer.PostDrawer textarea{resize:none;font-size:1.25rem;font-weight:500;line-height:1.5;color:var(--white);background-color:transparent;border:0;min-height:77px;width:100%;padding:.5em;overflow-y:auto}:is(.Drawer.PostDrawer textarea)::-moz-placeholder{color:#fff9}:is(.Drawer.PostDrawer textarea)::-webkit-input-placeholder{color:#fff9}:is(.Drawer.PostDrawer textarea):-ms-input-placeholder{color:#fff9}:is(.Drawer.PostDrawer textarea)::-ms-input-placeholder{color:#fff9}:is(.Drawer.PostDrawer textarea)::placeholder{color:#fff9}.Drawer.PostDrawer .file-upload{color:#fff9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;cursor:pointer;-webkit-transition:color .25s ease-out;transition:color .25s ease-out}:is(.Drawer.PostDrawer .file-upload):focus-visible{color:var(--white)}@media (hover: hover){:is(.Drawer.PostDrawer .file-upload):hover{color:var(--white)}}:is(.Drawer.PostDrawer .file-upload) .round{width:40px}:is(:is(.Drawer.PostDrawer .file-upload) .round) svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.Drawer.PostDrawer .row{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}.Drawer.PostDrawer .topics{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding-top:16px;margin-bottom:61px;padding-bottom:15px;padding-left:var(--padding);border-bottom:1px solid rgba(255,255,255,.1);width:100%}@media (min-width: 62em){.Drawer.PostDrawer .topics{padding-left:0;margin-bottom:30px;padding-bottom:30px}}:is(.Drawer.PostDrawer .topics) .topics-title{color:#ffffff80}:is(.Drawer.PostDrawer .topics) ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;overflow-x:auto;width:100%;padding-right:var(--padding)}@media (max-width: 48em){:is(.Drawer.PostDrawer .topics) ul{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0px,rgba(0,0,0,1) calc(100% - 16px),rgba(0,0,0,0) 100%);mask:linear-gradient(to right,rgba(0,0,0,1) 0px,rgba(0,0,0,1) calc(100% - 16px),rgba(0,0,0,0) 100%)}}:is(.Drawer.PostDrawer .topics) .topic-item{position:relative}:is(:is(.Drawer.PostDrawer .topics) .topic-item) input[type=radio]{visibility:hidden;opacity:0;position:absolute}:is(:is(.Drawer.PostDrawer .topics) .topic-item) label{display:inline-block;padding:12px 16px;background-color:#ffffff1a;color:#ffffff80;border-radius:24px;cursor:pointer;white-space:nowrap;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out}:is(:is(:is(.Drawer.PostDrawer .topics) .topic-item) label):focus-visible{background-color:#afafaf1a}@media (hover: hover){:is(:is(:is(.Drawer.PostDrawer .topics) .topic-item) label):hover{background-color:#afafaf1a}}:is(:is(.Drawer.PostDrawer .topics) .topic-item) input[type=radio]:checked+label{background-color:var(--white);color:var(--black)}@media (min-width: 62em){.Drawer.PostDrawer{margin-left:0;margin-left:initial;min-height:auto}.Drawer.PostDrawer .container{padding:57px}.Drawer.PostDrawer form{position:relative}.Drawer.PostDrawer button[type=submit]{position:absolute;bottom:0;right:0}}@media (max-width: 62em){.Drawer.PostDrawer{padding:25px;bottom:0;border-radius:30px 30px 0 0}.Drawer.PostDrawer .container{padding:85px 0 0}.Drawer.PostDrawer button[type=submit]{position:absolute;top:25px;right:25px}.Drawer.PostDrawer .close{position:absolute;-webkit-transform:none;transform:none;inset:25px auto auto 25px}.Drawer.PostDrawer .profile-picture{width:32px;height:32px}.Drawer.PostDrawer .fields{gap:24px;grid-template-columns:26px 1fr;margin-bottom:0}.Drawer.PostDrawer .previews{margin-bottom:100px}:is(.Drawer.PostDrawer .previews) ul{width:100%;padding-right:25px;-webkit-mask:linear-gradient(to right,rgba(0,0,0,0) 0px,rgba(0,0,0,1) 0px,rgba(0,0,0,1) calc(100% - 16px),rgba(0,0,0,0) 100%);mask:linear-gradient(to right,rgba(0,0,0,0) 0px,rgba(0,0,0,1) 0px,rgba(0,0,0,1) calc(100% - 16px),rgba(0,0,0,0) 100%)}.Drawer.PostDrawer .content,.Drawer.PostDrawer .content section,.Drawer.PostDrawer .fields,.Drawer.PostDrawer form{height:100%}.Drawer.PostDrawer textarea{padding:.25em;border:0;margin-bottom:0;font-size:1rem}.Drawer.PostDrawer .row{position:absolute;bottom:0;left:0;width:100%}:is(.Drawer.PostDrawer .row) .file-upload{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-inline:25px;padding-block:10px;border-top:1px solid rgba(255,255,255,.1)}}button.PostDrawer-open{position:absolute;right:40px;bottom:50px;color:var(--white);background-color:var(--primary);padding:13px!important;min-width:0;width:44px;height:44px;z-index:2}button.PostDrawer-open:focus-visible{color:var(--black);background-color:var(--white);border-color:var(--white);mix-blend-mode:normal}@media (hover: hover){button.PostDrawer-open:hover{color:var(--black);background-color:var(--white);border-color:var(--white);mix-blend-mode:normal}}button.PostDrawer-open svg{color:inherit;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width: 62em){button.PostDrawer-open{right:50%;bottom:100px;-webkit-transform:translateX(50%);transform:translate(50%)}}@-webkit-keyframes openScaleY{0%{opacity:0;-webkit-transform:scale(.6) translate(0,10%);transform:scale(.6) translateY(10%);-webkit-filter:blur(10px);filter:blur(10px)}to{opacity:1;-webkit-transform:scale(1) translate(0,0%);transform:scale(1) translate(0);-webkit-filter:blur(0);filter:blur(0)}}@keyframes openScaleY{0%{opacity:0;-webkit-transform:scale(.6) translate(0,10%);transform:scale(.6) translateY(10%);-webkit-filter:blur(10px);filter:blur(10px)}to{opacity:1;-webkit-transform:scale(1) translate(0,0%);transform:scale(1) translate(0);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes closeScaleY{0%{opacity:1;-webkit-transform:scale(1) translate(0,0%);transform:scale(1) translate(0);-webkit-filter:blur(0);filter:blur(0)}to{opacity:0;-webkit-transform:scale(.6) translate(0,10%);transform:scale(.6) translateY(10%);-webkit-filter:blur(10px);filter:blur(10px)}}@keyframes closeScaleY{0%{opacity:1;-webkit-transform:scale(1) translate(0,0%);transform:scale(1) translate(0);-webkit-filter:blur(0);filter:blur(0)}to{opacity:0;-webkit-transform:scale(.6) translate(0,10%);transform:scale(.6) translateY(10%);-webkit-filter:blur(10px);filter:blur(10px)}}@-webkit-keyframes show{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-filter:blur(4px);filter:blur(4px)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}}@keyframes show{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-filter:blur(4px);filter:blur(4px)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}}
