.createPost{background-color:#ffffff21;border:1.5px solid #ffffff1e;border-radius:15px;justify-content:start;align-items:start;gap:20px;padding:15px 20px;display:flex}.createPost>img{object-fit:cover;border-radius:50%;width:45px;height:45px;margin-top:7.5px}.createPostRight{flex-direction:column;flex:1;justify-content:start;align-items:stretch;display:flex}.createPostRight>input{color:#fff;background-color:#ffffff1a;border:none;border-radius:10px;outline:none;width:100%;height:60px;margin-bottom:10px;padding:0 20px;font-size:14px;font-weight:300}.createPostRight>input::placeholder{color:#ffffff8d;font-weight:300}.createPostRightBottom{justify-content:end;align-items:center;gap:10px;width:100%;display:flex}.createPostRightBottom button{color:#fff;background-color:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:14px;font-weight:400;display:flex}@media (max-width:500px){.createPostRightBottom button{padding:0 15px;font-size:10px}.createPostRightBottom button svg{scale:.8}}@media (max-width:420px){.createPostRightBottom button{padding:0 5px;font-size:10px}.createPostRightBottom button svg{scale:.8}}.createContentModal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modalContent{scrollbar-gutter:stable;background-color:#696769;border-radius:12px;width:500px;max-height:90dvh;padding:40px 24px;position:relative;overflow-y:scroll}.modalContent::-webkit-scrollbar{width:8px}.modalContent::-webkit-scrollbar-track{background:0 0;border-radius:0 20px 20px 0;margin:24px 0}.modalContent::-webkit-scrollbar-thumb{background:#ffffff4d padding-box content-box;border:2px solid #696769;border-radius:4px}.modalContent::-webkit-scrollbar-thumb:hover{background:#ffffff80 padding-box content-box}.modalContent::-webkit-scrollbar-corner{background:#696769;border-radius:0 20px 0 0}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modalHeader h2{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;font-size:20px;font-weight:500;display:flex}.closeButton{cursor:pointer;background:0 0;border:none;padding:8px;position:absolute;top:15px;right:15px}.userInfo{background-color:#727073;border:1.2px solid #ffffff1a;border-radius:10px;gap:12px;margin-bottom:20px;padding:15px;display:flex}.uploadIcon{background-color:#8d8c8e;border:1.2px solid #ffffff1a;border-radius:1000px;padding:10px}.uploadIcon svg{scale:.8}.userAvatar{border-radius:50%;width:40px;height:40px;overflow:hidden}.userAvatar img{object-fit:cover;width:100%;height:100%}.thoughtInput{color:#fff;resize:none;background-color:#0000;border:none;border-radius:8px;outline:none;flex:1;height:100px;padding:12px;font-size:14px}.thoughtInput::placeholder{color:#a0a0a0}.uploadSection{cursor:pointer;background-color:#727073;border:2px dashed #888;border-radius:8px;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;padding:40px;display:flex}.uploadIcon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uploadText{color:#fff;font-weight:400;font-style:Medium;letter-spacing:-4%;text-transform:capitalize;text-align:center;font-size:20px;line-height:100%}.uploadText span{color:#ffffff78;font-size:12px;font-weight:300}.exclusiveContent{color:#fff;background-color:#ffffff1e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 10px 10px 20px;font-size:14px;display:flex}.exclusiveContent span{font-size:15px;font-weight:400}.toggle{width:48px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff32;border-radius:4px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:2px;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#6937ff}input:checked+.slider:before{transform:translate(24px)}.postButton{color:#fff;cursor:pointer;background-color:#6937ff;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:background-color .2s}.postButton:hover{background-color:#5a2ee0}.goLiveModalContent{background-color:#696769;border-radius:12px;flex-direction:column;gap:16px;width:400px;padding:24px;display:flex;position:relative}.goLiveModalContent .modalHeader h2{color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:500;display:flex}.liveInput,.liveSubtitleInput{color:#fff;background-color:#727073;border:none;border-radius:8px;outline:none;width:100%;padding:16px;font-size:14px}.liveInput::placeholder,.liveSubtitleInput::placeholder{color:#ffffff80}.liveSubtitleInput{resize:none;min-height:120px}.goLiveButton{color:#fff;cursor:pointer;background-color:#ff3b30;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:500;transition:all .2s}.goLiveButton:hover{background-color:#e6352b;transform:translateY(-1px)}.goLiveButton:active{transform:translateY(0)}.liveInput,.liveSubtitleInput{border:1.5px solid #ffffff1a}@media (max-width:768px){.modalContent,.goLiveModalContent{width:calc(100vw - 32px);max-width:500px;margin:16px}.createContentModal{padding:16px}.uploadSection{padding:32px 16px}.uploadText{font-size:18px}.uploadText span{font-size:11px}.exclusiveContent{padding:8px 16px}}@media (max-width:480px){.modalContent,.goLiveModalContent{width:calc(100vw - 24px);margin:12px;padding:20px 16px}.modalHeader h2{font-size:18px}.userInfo{padding:12px}.thoughtInput{font-size:13px}.uploadSection{padding:24px 12px}.uploadText{font-size:16px}.exclusiveContent{padding:8px 12px}.exclusiveContent span{font-size:13px}.postButton,.goLiveButton{padding:14px;font-size:15px}.liveInput,.liveSubtitleInput{padding:14px;font-size:13px}.closeButton{top:12px;right:12px}.closeButton svg{width:24px;height:24px}}@media (hover:none) and (pointer:coarse){.modalContent,.goLiveModalContent{max-height:85vh}.modalContent::-webkit-scrollbar{width:4px}.goLiveModalContent::-webkit-scrollbar{width:4px}.modalContent::-webkit-scrollbar-thumb{border-width:1px}.goLiveModalContent::-webkit-scrollbar-thumb{border-width:1px}}