.createPostModal .ds-drawer--contained{height:60vh}.createPostModal .ds-drawer__content{padding:10px 16px}.createPostModal:has(.socialCreatePost) .ds-popup__content{max-height:88vh}.socialCreatePost{flex-direction:column;gap:16px;height:100%;display:flex}[class*=is-web] .socialCreatePost{width:600px;margin:auto}[class*=is-mobile] .socialCreatePost{width:100%}.socialCreatePostPreviews{justify-content:center;display:flex}.socialCreatePostPreviewWrap{border-radius:var(--border-radius-middle,8px);flex-shrink:0;position:relative;overflow:hidden}.socialCreatePostPreviewWrap video{max-width:100%;max-height:150px}.socialCreatePostPreviewWrap img{max-width:150px;max-height:150px}.socialCreatePostPreviewMedia{object-fit:cover;border-radius:var(--border-radius-middle,8px)}.socialCreatePostRemoveFile.ds-btn.ds-btn-size--sm,.socialCreatePostGameLinkRemove.ds-btn.ds-btn-size--sm{width:25px;min-width:25px;height:25px;min-height:25px}.socialCreatePostRemoveFile.ds-btn.ds-btn-size--sm .btn__icon,.socialCreatePostGameLinkRemove.ds-btn.ds-btn-size--sm .btn__icon{width:12px;height:12px}.socialCreatePostRemoveFile{position:absolute;top:4px;right:4px}.socialCreatePostRemoveFile.ds-btn-variant--transparent{background:#0009}.socialCreatePostField{position:relative}.socialCreatePostTextarea{box-sizing:border-box;background:rgba(var(--b-sc), .05);border:1px solid rgba(var(--b-sc), .12);border-radius:var(--border-radius-middle,8px);width:100%;color:rgba(var(--b-sc), 1);resize:none;transition:border-color var(--default-transition-duration);padding:12px 14px 28px;font-size:12px}.socialCreatePostTextarea::placeholder{color:rgba(var(--b-sc), .35)}.socialCreatePostTextarea:focus{border-color:rgba(var(--b-sc), .3)}.socialCreatePostFieldFooter{align-items:center;gap:8px;margin-top:5px;display:flex}.socialCreatePostCharCount{color:rgba(var(--b-sc), .5);font-size:11px}.socialCreatePostCaptionActions{flex:auto;gap:8px;display:flex}.mentionPickerModal .ds-drawer--contained,.hashtagPickerModal .ds-drawer--contained{height:60vh}.mentionPickerModal .ds-drawer--contained .ds-drawer__content,.hashtagPickerModal .ds-drawer--contained .ds-drawer__content{padding:0 var(--padding-page-aside)}.mentionPickerModal .ds-popup__content,.hashtagPickerModal .ds-popup__content{flex-direction:column;padding:0;display:flex;overflow:hidden}.socialCreatePostPickerModal{flex-direction:column;height:100%;display:flex;overflow:hidden}[class*=is-web] .socialCreatePostPickerModal{width:400px}[class*=is-mobile] .socialCreatePostPickerModal{width:100%}.socialCreatePostPickerSearch{flex-shrink:0;margin-bottom:10px;padding-top:5px}[class*=is-web] .socialCreatePostPickerSearch{padding:5px var(--padding-page-aside)}.socialCreatePostPickerEmpty{text-align:center;color:rgba(var(--b-sc), .4);margin:0;padding:24px 16px;font-size:13px}.socialCreatePostHashtagGrid{will-change:scroll-position;-webkit-overflow-scrolling:touch;flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;width:100%;display:flex;overflow:hidden auto}.socialCreatePostPickerEmpty{width:100%;height:100%;color:rgba(var(--b-sc), .5);justify-content:center;align-items:center;font-size:14px;display:flex}.socialCreatePostHashtagFooter{padding:10px var(--padding-page-aside);flex-shrink:0}.socialCreatePostHashtagFooter button{width:100%}.socialCreatePostMentionList{will-change:scroll-position;-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.socialCreatePostMentionItem{width:100%;padding:10px var(--padding-page-aside);border-bottom:1px solid rgba(var(--b-sc), .06);transition:background var(--default-transition-duration);align-items:center;gap:12px;display:flex}[class*=is-web] .socialCreatePostMentionItem:hover{cursor:pointer;background:rgba(var(--b-sc), .06)}.socialCreatePostMentionAvatar{background:rgba(var(--b-sc), .1);width:36px;height:36px;color:rgba(var(--b-sc), .5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.socialCreatePostMentionAvatar img{object-fit:cover;width:100%;height:100%}.socialCreatePostMentionName{color:rgba(var(--b-sc), .9);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.socialCreatePostMediaBtn.ds-btn{border:1px dashed rgba(var(--b-sc), .2);justify-content:flex-start}.socialCreatePostMediaBtn.ds-btn:after{border:none}.socialCreatePostFileInput{display:none}.socialCreatePostGameLink{background:rgba(var(--b-sc), .05);border:1px solid rgba(var(--b-sc), .15);border-radius:var(--border-radius-middle);align-items:center;gap:10px;padding:10px 12px;display:flex}.socialCreatePostGameLinkImg{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.socialCreatePostGameLinkInfo{flex-direction:column;flex:1;display:flex}.socialCreatePostGameLinkName{color:rgba(var(--b-sc), 1);font-size:13px;font-weight:600}.socialCreatePostGameLinkProvider{color:rgba(var(--b-sc), .5);margin-top:2px;font-size:11px}.socialCreatePostGameLinkRemove{background:rgba(var(--b-sc), .1);width:26px;height:26px;color:rgba(var(--b-sc), .6);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:background .15s;display:flex}.socialCreatePostGameLinkRemove:hover{background:rgba(var(--b-sc), .2)}.socialCreatePostError{background:rgba(var(--error), .12);border:1px solid rgba(var(--error), .35);border-radius:var(--border-radius-middle,8px);color:rgba(var(--error), 1);word-break:break-all;padding:10px 14px;font-size:13px;overflow:hidden}[class*=is-mobile] .publishPostButtonWrapper{padding:10px var(--padding-page-aside);flex:auto;justify-content:center;align-items:flex-end;display:flex}.publishPostButton{width:100%}.socialCreatePost__success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.socialCreatePost__successIcon{color:#27ae60;font-size:56px}.socialCreatePost__successMsg{color:rgba(var(--b-sc), 1);margin:0;font-size:18px;font-weight:700}.joinRoomPopoverModal.ds-popup{max-width:400px}.joinRoomPopover{width:100%}.joinRoomPopoverGameBlock{align-items:center;gap:10px;width:100%;display:flex;overflow:hidden}.joinRoomPopoverGameBlockImgWrap,.joinRoomPopoverGameBlockImgWrap img{width:100%}.joinRoomPopoverGameBlockInfo{flex-direction:column;gap:10px;display:flex}.joinRoomFooterActions{flex-direction:column;gap:8px;width:100%;display:flex}.joinRoomFooterActions button{flex:1}[dir=rtl] .socialCreatePostBackBtn .CMSIconSVGWrapper{transform:rotate(180deg)}.socialCreatePostNextBtn{flex-shrink:0}.socialCreatePostPicker{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:240px;display:flex}.socialCreatePostPickerPrompt{flex-direction:column;align-items:center;gap:12px;display:flex}.socialCreatePostPickerText{color:rgba(var(--b-sc), var(--fds-ref-alpha-64));margin:0;font-size:14px}.socialCreatePostBody{flex-direction:column;gap:16px;display:flex}.socialCreatePostGlobalShare{margin-bottom:var(--fds-ref-spacing-small)}.socialCreatePostFooter{gap:var(--fds-ref-spacing-xsmall);flex-direction:column;display:flex}.socialCreatePostFooter>button{flex:1}.socialCreatePostDraftBtn,.socialCreatePostShareBtn{width:100%}.socialCreatePostHeader{gap:var(--fds-ref-spacing-xsmall);justify-content:space-between;align-items:center;min-height:40px;display:flex;position:relative}[class*=is-web] .socialCreatePostHeader{width:100%;padding-top:var(--fds-ref-spacing-6xlarge)}.socialCreatePostHeaderTitle{max-width:60%;color:rgba(var(--b-sc), 1);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.socialCreatePostHeaderSpacer{flex:none;width:32px;height:32px}
