/* Visual viewport bounds also follow the software keyboard; content scrolls. */
body.wedoc2-small-screen :is(.wedoc2-system-dialog,.wedoc2-agent-manager-dialog,.wedoc2-unified-account-dialog) {
 box-sizing:border-box;position:fixed!important;inset:var(--wedoc2-vv-top,0px) auto auto var(--wedoc2-vv-left,0px)!important;
 margin:8px!important;width:calc(var(--wedoc2-vv-width,100vw) - 16px)!important;min-width:0!important;
 max-width:calc(var(--wedoc2-vv-width,100vw) - 16px)!important;max-height:calc(var(--wedoc2-vv-height,100dvh) - 16px)!important;
 overflow:auto;overscroll-behavior:contain;scroll-padding-block:12px;border-radius:14px;
}
body.wedoc2-small-screen .wedoc2-system-dialog-card {box-sizing:border-box;min-width:0;padding:16px;}
body.wedoc2-small-screen .wedoc2-system-dialog :is(p,h2,h3,label,pre,a) {overflow-wrap:anywhere;min-width:0;}
body.wedoc2-small-screen .wedoc2-system-dialog-actions {display:flex;flex-wrap:wrap;position:sticky;bottom:-1px;background:#fff;padding-block:8px;gap:8px;z-index:2;}
body.wedoc2-small-screen .wedoc2-system-dialog-actions button {flex:1 1 auto;white-space:normal;min-height:44px;}
body.wedoc2-small-screen :is(.wedoc2-system-dialog,.wedoc2-share-panel) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;max-width:100%;box-sizing:border-box;min-height:44px;}
body.wedoc2-small-screen .wedoc2-share-panel {box-sizing:border-box;position:fixed;inset:auto 8px calc(var(--wedoc2-vv-bottom,0px) + 8px);min-width:0;width:auto;max-width:calc(var(--wedoc2-vv-width,100vw) - 16px);max-height:calc(var(--wedoc2-vv-height,100dvh) - 72px);overflow:auto;overscroll-behavior:contain;}
body.wedoc2-small-screen .wedoc2-share-scope,body.wedoc2-small-screen .wedoc2-share-actions {grid-template-columns:minmax(0,1fr);}
body.wedoc2-small-screen .wedoc2-share-panel :is(button,select){min-height:44px;}
body.wedoc2-small-screen dialog.wedoc2-document-action-dialog{inset:auto 8px calc(var(--wedoc2-vv-bottom,0px) + 8px)!important;width:auto;max-height:calc(var(--wedoc2-vv-height,100dvh) - 16px);max-width:calc(var(--wedoc2-vv-width,100vw) - 16px);}
body.wedoc2-small-screen .wedoc2-document-action-dialog :is(button,summary){min-height:44px;}
body.wedoc2-small-screen .wedoc2-document-management :is(.wedoc2-document-icon-button,.wedoc2-directory-heading-toggle){min-width:44px;min-height:44px;}
body.wedoc2-small-screen .wedoc2-document-management-row > button[data-document-id]{min-height:44px;}
body.wedoc2-small-screen .wedoc2-workspace-title{min-width:0;}
body.wedoc2-small-screen .wedoc2-workspace-title small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Keep typing space free; these controls reappear when the keyboard dismisses. */
body.wedoc2-keyboard-open .wedoc2-focus-dock{visibility:hidden;pointer-events:none;}
body.wedoc2-keyboard-open #wedoc2-mobile-nav .wedoc2-mobile-context{display:none;}
body.wedoc2-small-screen .mx_Dialog_wrapper:not(.mx_Dialog_lightbox){top:var(--wedoc2-vv-top,0px);left:var(--wedoc2-vv-left,0px);width:var(--wedoc2-vv-width,100vw);height:var(--wedoc2-vv-height,100dvh);}
body.wedoc2-small-screen .mx_Dialog_wrapper:not(.mx_Dialog_lightbox) .mx_Dialog_border{min-width:0;max-width:calc(var(--wedoc2-vv-width,100vw) - 16px);max-height:calc(var(--wedoc2-vv-height,100dvh) - 16px);}
body.wedoc2-small-screen .mx_Dialog_wrapper:not(.mx_Dialog_lightbox) .mx_Dialog{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;max-height:calc(var(--wedoc2-vv-height,100dvh) - 16px)!important;padding:16px!important;overflow:auto;overscroll-behavior:contain;}
body.wedoc2-small-screen .mx_Dialog_wrapper:not(.mx_Dialog_lightbox) .mx_Dialog_header{position:sticky;top:-16px;background:var(--cpd-color-bg-canvas-default,#fff);padding-block:8px;z-index:2;}
body.wedoc2-small-screen .mx_Dialog :is(input[type=text],input[type=search],textarea,select){font-size:16px;min-width:0;max-width:100%;}
body.wedoc2-small-screen .mx_Dialog_buttons button{min-height:44px;min-width:0!important;max-width:100%;white-space:normal;}

/* Native Element surfaces. Keep native event handlers/focus management; only
 * change the geometry on phone-sized or short touch viewports. The runtime
 * supplies visualViewport values so sheets stay above the soft keyboard. */
body.wedoc2-small-screen .mx_ContextualMenu_wrapper:not(.mx_SpaceCreateMenu_wrapper) {
  position: fixed !important;
  inset: auto !important;
  top: var(--wedoc2-vv-top, 0px) !important;
  left: var(--wedoc2-vv-left, 0px) !important;
  width: var(--wedoc2-vv-width, 100vw) !important;
  height: var(--wedoc2-vv-height, 100dvh) !important;
  transform: none !important;
  pointer-events: none;
}
body.wedoc2-small-screen .mx_ContextualMenu_wrapper:not(.mx_SpaceCreateMenu_wrapper) .mx_ContextualMenu_background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
body.wedoc2-small-screen .mx_ContextualMenu_wrapper:not(.mx_SpaceCreateMenu_wrapper) .mx_ContextualMenu {
  box-sizing: border-box;
  position: absolute !important;
  inset: auto 8px max(8px, env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  min-width: 0;
  max-width: none;
  max-height: calc(var(--wedoc2-vv-height, 100dvh) - 60px - env(safe-area-inset-bottom, 0px));
  margin: 0;
  transform: none !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  pointer-events: auto;
}
body.wedoc2-small-screen .mx_ContextualMenu_wrapper:not(.mx_SpaceCreateMenu_wrapper) [class*="mx_ContextualMenu_chevron"] {
  display: none;
}
body.wedoc2-small-screen .mx_ContextualMenu .mx_IconizedContextMenu {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}
body.wedoc2-small-screen .mx_ContextualMenu .mx_IconizedContextMenu_item {
  box-sizing: border-box;
  min-height: 44px;
}
body.wedoc2-small-screen .mx_ContextualMenu .mx_IconizedContextMenu_item .mx_IconizedContextMenu_label {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .mx_ContextualMenu .mx_QuickSettingsButton_moreOptionsButton {
  min-height: 44px;
  display: flex;
  align-items: center;
}

/* All four settings use the same native TabbedView. The desktop content's
 * 580px minimum and 280px sidebar margin must both be removed. */
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: min(760px, calc(var(--wedoc2-vv-height, 100dvh) - 64px));
  min-height: 0;
  max-height: calc(var(--wedoc2-vv-height, 100dvh) - 64px);
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) > .mx_Dialog_header {
  flex: 0 0 auto;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView {
  position: static;
  inset: auto;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  margin: 8px 0 0;
  padding: 0;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabLabels {
  position: static;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: none;
  margin: 0 0 12px;
  padding: 0 0 4px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabLabel {
  flex: 0 0 auto;
  min-block-size: 44px;
  min-inline-size: 44px;
  padding: 10px 12px;
  white-space: nowrap;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabLabel_text {
  display: inline;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabLabel svg {
  flex: 0 0 20px;
  margin-right: 6px;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabPanel {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  margin: 0;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView_tabPanelContent {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_TabbedView .mx_SettingsTab {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0 0 20px;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) :is(.mx_SettingsTab_sections, .mx_SettingsSubsection, .mx_SettingsSubsection_dropdown, .mx_Field, .mx_UserProfileSettings_profile_nameAndStatus) {
  min-width: 0;
  max-width: 100%;
}
body.wedoc2-small-screen :is(.mx_RoomSettingsDialog, .mx_SpaceSettingsDialog, .mx_SpacePreferencesDialog) .mx_SettingsTab_sections {
  grid-template-columns: minmax(0, 1fr);
}

/* Upload confirmation retains its title, filename and native submit/close.
 * The preview should not consume the whole short landscape viewport. */
body.wedoc2-small-screen .mx_UploadConfirmDialog :is(.mx_UploadConfirmDialog_previewOuter, .mx_UploadConfirmDialog_previewInner) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .mx_UploadConfirmDialog_imagePreview {
  box-sizing: border-box;
  max-width: 100%;
  max-height: min(280px, calc(var(--wedoc2-vv-height, 100dvh) * .4));
  object-fit: contain;
}
body.wedoc2-small-screen .mx_UploadBar {
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  padding-inline: 8px;
}
body.wedoc2-small-screen .mx_UploadBar_filename {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .mx_UploadBar .mx_UploadBar_cancel {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 12px;
}

/* Invitation / forwarding dialogs have independently fixed inner dimensions. */
body.wedoc2-small-screen :is(.mx_InviteDialog_other, .mx_InviteDialog_transfer) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: min(600px, calc(var(--wedoc2-vv-height, 100dvh) - 64px));
  min-height: 0;
  max-height: calc(var(--wedoc2-vv-height, 100dvh) - 64px);
}
body.wedoc2-small-screen .mx_InviteDialog_transfer .mx_InviteDialog_content {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  overflow-y: auto;
}
body.wedoc2-small-screen :is(.mx_InviteDialog_other, .mx_InviteDialog_transfer) :is(.mx_InviteDialog_addressBar, .mx_InviteDialog_userSections) {
  min-width: 0;
  margin-inline-end: 0;
  padding-inline-end: 0;
}
body.wedoc2-small-screen .mx_InviteDialog_addressBar .mx_InviteDialog_editor {
  min-width: 0;
}
body.wedoc2-small-screen .mx_InviteDialog_addressBar .mx_InviteDialog_goButton {
  flex: 0 0 auto;
  min-width: 64px;
  min-height: 44px;
  margin-inline-start: 8px;
}

body.wedoc2-small-screen .mx_LocationShareMenu {
  width: 100%;
  min-width: 0;
  height: min(460px, calc(var(--wedoc2-vv-height, 100dvh) - 32px - env(safe-area-inset-bottom, 0px)));
  min-height: 0;
}
body.wedoc2-small-screen .mx_LocationPicker #mx_LocationPicker_map {
  min-width: 0;
  min-height: 0;
}
body.wedoc2-small-screen .mx_LocationPicker_footer {
  flex: 0 0 auto;
  padding: 12px;
}

/* Actual shared-component classes in bundle 1c09f69b62577ae34ab6. Keep the
 * native eight-column emoji row: changing its row count breaks virtualisation
 * and keyboard indices. Only shrink each cell to its proportional width. */
body.wedoc2-small-screen ._picker_1ezem_9 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: min(450px, calc(var(--wedoc2-vv-height, 100dvh) - 32px - env(safe-area-inset-bottom, 0px)));
  max-height: calc(var(--wedoc2-vv-height, 100dvh) - 32px - env(safe-area-inset-bottom, 0px));
}
body.wedoc2-small-screen ._picker_1ezem_9 ._header_1ezem_26 {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-x: auto;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._search_1ezem_72 {
  flex: 0 0 auto;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._search_1ezem_72 input {
  min-width: 0;
  width: 0;
  font-size: 16px;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._body_1ezem_20 {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
body.wedoc2-small-screen ._picker_1ezem_9 :is(._categoryLabel_1ezem_122, ._row_1ezem_134) {
  width: auto;
  max-width: 100%;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._row_1ezem_134 {
  display: flex;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._itemWrapper_1ezem_139 {
  flex: 0 0 12.5%;
  width: 12.5%;
  min-width: 0;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._footer_1ezem_182 {
  flex: 0 0 48px;
  min-height: 48px;
  max-height: 48px;
  overflow: hidden;
}
body.wedoc2-small-screen ._picker_1ezem_9 ._previewName_1ezem_176 {
  overflow-wrap: anywhere;
}

/* Search and member tools retain native list scrolling, with their fixed
 * inputs/buttons permitted to shrink into a 320px pane. */
body.wedoc2-small-screen .mx_MemberListHeaderView {
  max-height: none;
}
body.wedoc2-small-screen .mx_MemberListHeaderView .mx_MemberListHeaderView_search {
  width: auto;
  min-width: 0;
  flex: 1 1 0;
}
body.wedoc2-small-screen .mx_MemberListHeaderView .mx_MemberListHeaderView_invite_large {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
}
body.wedoc2-small-screen .mx_RoomSearchAuxPanel {
  flex-wrap: wrap;
  gap: 8px;
  min-height: 0;
}
body.wedoc2-small-screen .mx_RoomSearchAuxPanel .mx_RoomSearchAuxPanel_summary {
  min-width: 0;
  flex: 1 1 160px;
}
body.wedoc2-small-screen .mx_RoomSearchAuxPanel .mx_RoomSearchAuxPanel_buttons {
  gap: 8px;
  flex-wrap: wrap;
}

/* Loaded after the native editor styles. The shared viewport controller owns
   wedoc2-small-screen and the visual-viewport custom properties. */
body.wedoc2-small-screen .wedoc2-quick-sheet {
  box-sizing: border-box;
  inset: auto;
  top: calc(var(--wedoc2-vv-top, 0px) + var(--wedoc2-vv-height, 100dvh));
  left: var(--wedoc2-vv-left, 0px);
  transform: translateY(-100%);
  width: var(--wedoc2-vv-width, 100vw);
  max-width: var(--wedoc2-vv-width, 100vw);
  max-height: max(0px, calc(var(--wedoc2-vv-height, 100dvh) - 8px));
  margin: 0;
  padding: 12px 12px max(12px, env(safe-area-inset-bottom));
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
body.wedoc2-small-screen .wedoc2-quick-sheet[open] {
  display: flex;
  flex-direction: column;
}
body.wedoc2-small-screen .wedoc2-quick-sheet > header {
  flex: none;
  min-width: 0;
  gap: 8px;
  margin: 0 0 8px;
}
body.wedoc2-small-screen .wedoc2-quick-sheet > header strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .wedoc2-quick-sheet > header button {
  flex: none;
  min-width: 44px;
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-quick-sheet-body {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
body.wedoc2-small-screen .wedoc2-quick-sheet > [role="status"] {
  flex: none;
  max-height: 25%;
  margin: 8px 0 0;
  overflow: auto;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .wedoc2-quick-sheet--emoji .wedoc2-emoji-host {
  height: clamp(0px, calc(var(--wedoc2-vv-height, 100dvh) - 96px - env(safe-area-inset-bottom)), 420px);
  min-height: 0;
  max-height: 100%;
}
body.wedoc2-small-screen .wedoc2-quick-sheet--emoji .wedoc2-emoji-host > section {
  min-height: 0;
  max-height: 100%;
}

/* One touch size in portrait and on short landscape screens. The strip keeps
   its existing horizontal scroll so these targets do not create extra rows. */
body.wedoc2-small-screen .wedoc2-blocknote-editor .wedoc2-quick-toolbar button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-blocknote-editor .wedoc2-quick-toolbar button[aria-haspopup="dialog"] {
  width: auto;
  min-width: 46px;
  padding-inline: 7px;
}
body.wedoc2-small-screen .wedoc2-blocknote-editor .wedoc2-quick-toolbar .wedoc2-quick-desktop {
  display: none;
}
body.wedoc2-small-screen .wedoc2-blocknote-editor .wedoc2-mobile-editor-actions > button,
body.wedoc2-small-screen .wedoc2-editor-recovery button {
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-blocknote-editor .wedoc2-mobile-editor-actions [role="status"] {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* While the document body is hidden, its formatting strip is unnecessary.
   Save state and the existing edit/preview controls remain visible. */
body.wedoc2-small-screen .wedoc2-native-editor[data-ai-focused="true"] > .wedoc2-mobile-editor-actions .wedoc2-quick-toolbar {
  display: none;
}
body.wedoc2-small-screen .wedoc2-ai-panel {
  padding: 12px;
}
body.wedoc2-small-screen .wedoc2-ai-panel .wedoc2-ai-top {
  flex-wrap: nowrap;
  gap: 4px;
}
body.wedoc2-small-screen .wedoc2-ai-panel .wedoc2-ai-top h2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
body.wedoc2-small-screen .wedoc2-ai-panel .wedoc2-ai-top > div {
  flex: none;
  flex-wrap: nowrap;
  gap: 0;
}
body.wedoc2-small-screen .wedoc2-ai-panel .wedoc2-ai-top button {
  padding-inline: 8px;
}
body.wedoc2-small-screen .wedoc2-ai-panel :is(button, select, summary) {
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-ai-panel button {
  min-width: 44px;
}
body.wedoc2-small-screen .wedoc2-ai-panel .wedoc2-ai-scope button {
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-ai-panel :is(h3, summary, label, .wedoc2-ai-meta) {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.wedoc2-small-screen .wedoc2-ai-panel textarea,
body.wedoc2-small-screen .wedoc2-ai-panel select {
  min-width: 0;
  max-width: 100%;
  font-size: 16px;
}

/* Preserve the outline's existing dock/drawer state; JS owns that decision. */
body.wedoc2-small-screen .wedoc2-reader-rail .wedoc2-outline-toggle,
body.wedoc2-small-screen .wedoc2-outline-list button,
body.wedoc2-small-screen .wedoc2-outline .wedoc2-reader-chapters a {
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-outline .wedoc2-branch-toggle {
  flex-basis: 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
}
body.wedoc2-small-screen .wedoc2-reader-rail .wedoc2-reader-collapse {
  width: 44px;
  min-width: 44px;
  height: 44px;
}
body.wedoc2-small-screen .wedoc2-outline,
body.wedoc2-small-screen .wedoc2-reader-host.wedoc2-outline-open > .wedoc2-reader-rail .wedoc2-outline,
body.wedoc2-small-screen .wedoc2-reader-initial-chapters,
body.wedoc2-small-screen .wedoc2-reader-initial[open] > .wedoc2-reader-initial-chapters {
  max-height: max(0px, calc(var(--wedoc2-vv-top, 0px) + var(--wedoc2-vv-height, 100dvh) - var(--wedoc2-reader-panel-top, 124px) - 12px));
}
body.wedoc2-small-screen .wedoc2-reader-rail--nested .wedoc2-outline {
  max-height: min(40dvh, max(44px, calc(var(--wedoc2-vv-height, 100dvh) - 140px)));
}
/* At very short keyboard heights retain a real emoji list, and let the sheet
   body scroll below its fixed Done control instead of collapsing the list. */
body.wedoc2-small-screen .wedoc2-quick-sheet--emoji .wedoc2-emoji-host {
 height:max(220px,min(420px,calc(var(--wedoc2-vv-height,100dvh) - 96px)));
 min-height:220px;max-height:none;
}
body.wedoc2-small-screen .wedoc2-quick-sheet--emoji .wedoc2-emoji-host > section {
 height:100%;min-height:220px;max-height:none;
}