:root{--mediaSidebarW: 35%}.postLeft{padding-bottom:10px}.postAddContainer{position:relative;border:1px solid #ffffff0f;border-radius:15px;padding:20px;gap:15px;background:#00000012;flex-grow:1;display:flex;box-shadow:inset 0 0 40px #0000001c;flex-direction:column;overflow-y:auto;overflow-y:overlay}.postAddContainer>div{width:100%;display:flex;flex-direction:column;gap:5px}label{margin-left:5px;font-size:15px;color:#bfbfbf}.postLeft input{border-radius:10px;border:1px solid rgb(255 255 255 / .1);background:#00000029;color:#aeaeae}.inputTitle input{width:100%;height:42px;font-size:15px;padding:0 62px 0 10px}.inputTitle,.textareaBody{position:relative}.char-counter{font-size:13px;position:absolute;right:10px;pointer-events:none;color:#898989}.textareaBody textarea{width:100%;min-height:100%}.ql-toolbar.ql-snow{border:1px solid rgb(255 255 255 / .1)!important;border-radius:10px 10px 0 0;background:#0000004d}.ql-toolbar.ql-snow span:last-child{margin-right:0}.ql-container.ql-snow{border:1px solid rgb(255 255 255 / .1)!important;border-radius:0 0 10px 10px;background:#00000036;color:#aeaeae;font-size:14px;border-top:none!important;font-family:inherit;height:100px!important}.ql-editor{padding:12px 10px!important;overflow-y:auto!important}.ql-editor.ql-blank:before{color:#727272;left:10px!important;font-size:15px;font-style:normal}.ql-snow .ql-stroke{stroke:#bfbfbf!important}.ql-snow .ql-fill{fill:#bfbfbf!important}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke{stroke:#ef4444!important}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill{fill:#ef4444!important}.ql-snow.ql-toolbar button:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active{color:#ef4444!important}.ql-editor::-webkit-scrollbar{width:6px!important;display:block!important}.ql-editor::-webkit-scrollbar-button{display:none!important;height:0!important;width:0!important;background:transparent!important}.ql-editor::-webkit-scrollbar-track{background:transparent!important;margin:4px 0!important}.ql-editor::-webkit-scrollbar-thumb{background:#ffffff1f!important;border-radius:10px!important;transition:background .2s ease!important}.ql-editor::-webkit-scrollbar-thumb:hover{background:#ef444480!important}.ql-editor.ql-blank:focus-within:before{display:none!important;opacity:0!important}.mediaInput{display:none}.dragDropButtsPoll svg{width:24px}.dragDropButtsPoll{display:flex;gap:20px}.dropZone{border:2px dashed rgb(255 255 255 / .3);background:#00000017;max-height:146px;height:100%;overflow:hidden;border-radius:10px;min-width:0;flex-grow:1;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:flex-grow .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .3s ease}.mediaSidebar{position:relative;width:auto;flex-shrink:0;height:150px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.mediaButTwo{position:relative;height:100%;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .3s ease}#hideBtns{z-index:1;transition:transform .25s ease,opacity .25s ease}.mediaButTwo:not(#hideBtns){z-index:2}.dropZoneContent{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#747474}.dropZoneContent svg{width:30px;margin-bottom:10px}.dragContainer{position:absolute;color:#ff5e5e;width:100%;height:100%;border-radius:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:15px;background:#180a0b}.mediaIndicatorBtn{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#160c0c;border:1px solid #ffffff0f;border-radius:10px;padding:10px 0;color:#a3a3a3;min-width:80px;width:100%;height:100%;transition:all .25s cubic-bezier(.4,0,.2,1)}.mediaIndicatorBtn:hover:not(.selected){border:1px solid rgb(255 255 255 / .11)}.mediaIndicatorBtn svg{height:19px}.mediaIndicatorBtn span{font-size:14px}.mediaIndicatorBtn .mediaBtnCircleCounter{position:absolute;overflow:hidden;top:-5px;right:-5px;border-radius:50%;background-color:#ef4444;color:#fff;width:22px;height:22px;font-size:14px!important;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026;z-index:10;transition:background-color .2s ease}.mediaIndicatorBtn .mediaBtnCircleCounter .circleX{display:none}.mediaIndicatorBtn .mediaBtnCircleCounter:hover{background-color:#dc2626}.mediaIndicatorBtn .mediaBtnCircleCounter:hover .circleCounter{display:none!important}.mediaIndicatorBtn .mediaBtnCircleCounter:hover .circleX{display:block!important}.mediaIndicatorBtn .mediaBtnCircleCounter:focus .circleCounter{display:none!important}.mediaIndicatorBtn .mediaBtnCircleCounter:focus .circleX{display:block!important}.mediaSidebar .selected{border:1px solid rgb(255 255 255 / 0);box-shadow:0 0 0 1px #ef444426,0 0 15px #ef444440,inset 0 0 20px #ef444414;background:#211010;color:#efefef!important}.visibCard{background-color:#00000029;border:1px solid rgb(255 255 255 / .06);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;flex:1 1 calc(33.33% - 10px);min-width:0}.visCardLeft{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.visIcon{display:flex;align-items:center;justify-content:center;color:#bfbfbf;transition:color .25s ease}.visIcon svg{width:20px;height:20px}.visCardInfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.visTitle{color:#a3a3a3;font-size:14px;font-weight:600}.active .visTitle{color:#efefef}.visDesc{color:#bfbfbf;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:88%}.visRadioCircle{width:14px;height:14px;border:2px solid #bfbfbf;border-radius:50%;position:relative;transition:all .25s ease}.visibCard:hover:not(.active){border:1px solid rgb(255 255 255 / .11)}.visibCard.active{border:1px solid rgb(255 255 255 / 0);box-shadow:0 0 0 1px #ef44441f,0 0 15px #ef44442e,inset 0 0 20px #ef444414;background:#ef444408;color:#efefef!important}.visibCard.active .visIcon{color:#ef4444!important}.visibCard.active .visRadioCircle{border-color:#ef4444!important;background-color:#ef4444!important;box-shadow:0 0 8px #ef444480}.postCreateButton{align-items:flex-end}.postCreateButton svg{width:18px}.postCreateButton .btnSend{display:flex;align-items:center;gap:10px;margin-top:30px}.postCreateButton button{display:flex;align-items:center;flex-direction:row;gap:8px;height:50px;font-size:15px;padding:10px 20px;border-radius:15px;color:#fff;cursor:pointer;background-color:#00000029;border:1px solid #ffffff21;transition:all .25s cubic-bezier(.4,0,.2,1)}.postCreateButton #submitPostBtn{background:#c1242b;padding:10px 30px;height:98%;border:none}.postCreateButton #submitPostBtn:hover{background:#a61319}.postCreateButton #draftPostBtn:hover{border:1px solid rgb(255 255 255 / .18)}.mediaSidebar .mediaButTwo:first-child{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .25s ease;will-change:transform,opacity}.dynamicTitle{--title-text: "Add Media";display:inline-block}.dynamicTitle:before{content:var(--title-text);display:inline-block}.animateTitle:before{animation:titleFade .35s ease-in-out}@keyframes titleFade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes butsHide{0%{width:80px;opacity:1;transform:scale(1)}to{width:0px;opacity:0;transform:scale(.8)}}@keyframes butsShow{0%{width:0px;opacity:0;transform:scale(.8)}to{width:80px;opacity:1;transform:scale(1)}}.mediaSidebar.pollActive #hideBtns{animation:butsHide .3s cubic-bezier(.4,0,.2,1) forwards;gap:0;pointer-events:none}.mediaSidebar.pollDeActive #hideBtns{animation:butsShow .3s cubic-bezier(.4,0,.2,1) forwards}.dragDropButtsPoll{position:relative;display:flex;width:100%;justify-content:space-between}.dropZone{display:flex!important;align-self:center}.pollZone{display:flex!important}.dropZone,.pollZone{box-sizing:border-box;transition:opacity .3s ease,transform .3s ease,visibility .3s ease,flex-grow .3s cubic-bezier(.4,0,.2,1)}.active-zone{position:relative!important;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translateY(0);z-index:2;flex-grow:1}.dropZone:not(.active-zone),.pollZone:not(.active-zone){position:absolute!important;left:0;top:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97) translateY(8px);z-index:1;flex-grow:0}.pollOptionRow{display:flex;align-items:center;border-radius:5px;width:100%;gap:8px;transition:transform .2s ease}.dragHandle{cursor:grab;color:#ccc;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:18px}.dragHandle:active{cursor:grabbing}.pollOptionRow.dragging{opacity:.4;background:#ffffff21}.pollZone{flex-grow:1;min-width:0;border:2px solid rgb(255 255 255 / 0)}.pollZone input{padding:7px 10px;width:100%;border:1px solid rgb(255 255 255 / .05);transition:border .15s ease}.pollZone input:hover{border:1px solid rgb(255 255 255 / .08)}.pollZone input:focus{border:1px solid rgb(255 255 255 / .1)}.pollFieldsContainer{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;background:#00000036;border:1px solid rgb(255 255 255 / .05);border-radius:15px;padding:10px;gap:7px}#pollOptionsWrapper{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.removeOptionRowBtn{cursor:pointer;aspect-ratio:1 / 1;width:16px;height:16px;font-size:13px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#ef4444;border:1px solid rgb(255 255 255 / .05)}.removeOptionRowBtn:hover{color:#ef4444;background:#00000029;border:1px solid rgb(255 255 255 / .1)}#addPollOptionBtn{display:flex;align-items:center;justify-content:center;color:#ff2525;font-size:15px;margin-top:15px;cursor:pointer;background:none;outline:none;border:none}#addPollOptionBtn:hover{color:#dc1111}#addPollOptionBtn:focus{color:#b50c0c}#pollQuestion{font-size:15px;padding:7px 12px}.pollOtionsButts{background:#00000036;border:1px solid rgb(255 255 255 / .05);width:100%;padding:10px;border-radius:10px}