@nextcloud/vue 8.21.0 → 8.23.0

package/dist/assets/{NcDashboardWidgetItem-BtOuK4mf.css → NcDashboardWidgetItem-B8_6-_k8.css}

@@ -9,30 +9,30 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-51bbc625] {
+.material-design-icon[data-v-db766935] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.item-list__entry[data-v-51bbc625] {
+.item-list__entry[data-v-db766935] {
   display: flex;
   align-items: center;
   position: relative;
   padding: 8px;
 }
-.item-list__entry[data-v-51bbc625]:hover, .item-list__entry[data-v-51bbc625]:focus {
+.item-list__entry[data-v-db766935]:hover, .item-list__entry[data-v-db766935]:focus {
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
 }
-.item-list__entry .item-avatar[data-v-51bbc625] {
+.item-list__entry .item-avatar[data-v-db766935] {
   position: relative;
   margin-top: auto;
   margin-bottom: auto;
 }
-.item-list__entry .item__details[data-v-51bbc625] {
-  padding-left: 8px;
+.item-list__entry .item__details[data-v-db766935] {
+  padding-inline-start: 8px;
   max-height: fit-content;
   flex-grow: 1;
   overflow: hidden;
@@ -41,32 +41,33 @@
   justify-content: center;
   min-height: var(--default-clickable-area);
 }
-.item-list__entry .item__details h3[data-v-51bbc625],
-.item-list__entry .item__details .message[data-v-51bbc625] {
+.item-list__entry .item__details h3[data-v-db766935],
+.item-list__entry .item__details .message[data-v-db766935] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.item-list__entry .item__details .message span[data-v-51bbc625] {
+.item-list__entry .item__details .message span[data-v-db766935] {
   width: 10px;
   display: inline-block;
   margin-bottom: -3px;
 }
-.item-list__entry .item__details h3[data-v-51bbc625] {
+.item-list__entry .item__details h3[data-v-db766935] {
   font-size: 100%;
   margin: 0;
 }
-.item-list__entry .item__details .message[data-v-51bbc625] {
+.item-list__entry .item__details .message[data-v-db766935] {
   width: 100%;
   color: var(--color-text-maxcontrast);
 }
-.item-list__entry .item-icon[data-v-51bbc625] {
+.item-list__entry .item-icon[data-v-db766935] {
   position: relative;
   width: 14px;
   height: 14px;
-  margin: 27px -3px 0px -7px;
+  margin-top: 25px;
+  margin-inline: -10px -2px;
 }
-.item-list__entry button.primary[data-v-51bbc625] {
+.item-list__entry button.primary[data-v-db766935] {
   padding: 21px;
   margin: 0;
 }
@@ -75,8 +76,7 @@
 .content-popover {
 	height: 0px;
 	width: 0px;
-	margin-left: auto;
-	margin-right: auto;
+	margin-inline: auto;
 }
 .popover-container {
 	width: 100%;

package/dist/assets/{NcDateTimePicker-Dp2wSSiQ.css → NcDateTimePicker-MkokZozI.css}

@@ -285,7 +285,7 @@
 }
 .mx-calendar-content .cell:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-calendar-content .cell.active {
   color: #fff;
@@ -293,7 +293,7 @@
 }
 .mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
   color: #73879c;
-  background-color: #dbedfb;
+  background-color: rgb(219.45, 236.55, 251.4);
 }
 .mx-calendar-content .cell.disabled {
   cursor: not-allowed;
@@ -304,10 +304,10 @@
   cursor: pointer;
 }
 .mx-calendar-week-mode .mx-date-row:hover {
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-calendar-week-mode .mx-date-row.mx-active-week {
-  background-color: #dbedfb;
+  background-color: rgb(219.45, 236.55, 251.4);
 }
 .mx-calendar-week-mode .mx-date-row .cell:hover {
   color: inherit;
@@ -344,7 +344,7 @@
   font-size: 12px;
 }
 .mx-table-date .today {
-  color: #2a90e9;
+  color: rgb(41.7, 144.3, 233.4);
 }
 .mx-table-date .cell.not-current-month {
   color: #ccc;
@@ -406,7 +406,7 @@
 }
 .mx-time-column .mx-time-item:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-time-column .mx-time-item.active {
   color: #1284e7;
@@ -426,7 +426,7 @@
 }
 .mx-time-option:hover {
   color: #73879c;
-  background-color: #f3f9fe;
+  background-color: rgb(243.15, 248.85, 253.8);
 }
 .mx-time-option.active {
   color: #1284e7;
@@ -438,29 +438,29 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-d5f72b9] {
+.mx-datepicker[data-v-e6d1dbf] {
   user-select: none;
   color: var(--color-main-text);
   /* INPUT CONTAINER */
 }
-.mx-datepicker[data-v-d5f72b9] svg {
+.mx-datepicker[data-v-e6d1dbf] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-d5f72b9] .mx-input-wrapper:disabled, .mx-datepicker[data-v-d5f72b9] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper:disabled, .mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
-.mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-d5f72b9] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-e6d1dbf] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -469,7 +469,6 @@
   background-color: var(--color-main-background);
   font-family: var(--font-face) !important;
   line-height: 1.5;
-  left: 0 !important;
 }
 .mx-datepicker-main svg {
   fill: var(--color-main-text);
@@ -750,11 +749,16 @@
 .mx-datepicker-main .mx-time .mx-time-column {
   border-left: 1px solid var(--color-border);
 }
-.mx-datepicker-main .mx-time .mx-time-option.active, .mx-datepicker-main .mx-time .mx-time-option:hover,
-.mx-datepicker-main .mx-time .mx-time-item.active,
-.mx-datepicker-main .mx-time .mx-time-item:hover {
+.mx-datepicker-main .mx-time .mx-time-option.active,
+.mx-datepicker-main .mx-time .mx-time-item.active {
+  background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
+.mx-datepicker-main .mx-time .mx-time-option:hover,
+.mx-datepicker-main .mx-time .mx-time-item:hover {
+  background-color: var(--color-background-hover);
+  color: var(--color-main-text);
+}
 .mx-datepicker-main .mx-time .mx-time-option.disabled,
 .mx-datepicker-main .mx-time .mx-time-item.disabled {
   cursor: not-allowed;

package/dist/assets/NcDateTimePickerNative-DVGEymgr.css

@@ -0,0 +1,60 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-a606e088] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.native-datetime-picker[data-v-a606e088] {
+  display: flex;
+  flex-direction: column;
+}
+.native-datetime-picker .native-datetime-picker--label[data-v-a606e088] {
+  margin-block-end: 2px;
+}
+.native-datetime-picker .native-datetime-picker--input[data-v-a606e088] {
+  --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
+  width: 100%;
+  flex: 0 0 auto;
+  margin: 0;
+  padding-inline-start: calc(var(--border-radius-large) + var(--input-border-width-offset));
+  padding-inline-end: calc(var(--default-grid-baseline) + var(--input-border-width-offset));
+  border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
+}
+.native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:active:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:hover:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:focus:not([disabled]), .native-datetime-picker .native-datetime-picker--input[data-v-a606e088]:focus-within:not([disabled]) {
+  border-color: var(--color-main-text);
+  border-width: var(--border-width-input-focused, 2px);
+  box-shadow: 0 0 0 2px var(--color-main-background) !important;
+  --input-border-width-offset: 0px;
+}
+[data-theme-light] .native-datetime-picker--input[data-v-a606e088],
+[data-themes*=light] .native-datetime-picker--input[data-v-a606e088] {
+  color-scheme: light;
+}
+[data-theme-dark] .native-datetime-picker--input[data-v-a606e088],
+[data-themes*=dark] .native-datetime-picker--input[data-v-a606e088] {
+  color-scheme: dark;
+}
+@media (prefers-color-scheme: light) {
+[data-theme-default] .native-datetime-picker--input[data-v-a606e088],
+  [data-themes*=default] .native-datetime-picker--input[data-v-a606e088] {
+    color-scheme: light;
+}
+}
+@media (prefers-color-scheme: dark) {
+[data-theme-default] .native-datetime-picker--input[data-v-a606e088],
+  [data-themes*=default] .native-datetime-picker--input[data-v-a606e088] {
+    color-scheme: dark;
+}
+}

package/dist/assets/{NcEmojiPicker-BNCW1Q94.css → NcEmojiPicker-rk5qcSl7.css}

@@ -443,81 +443,98 @@
   align-items: center;
   justify-content: center;
 }
-.emoji-mart {
+.nc-emoji-picker.emoji-mart {
   background-color: var(--color-main-background) !important;
   border: 0;
   color: var(--color-main-text) !important;
+  /* Label element in the section grid */
+  /* An actual heading inside the element */
 }
-.emoji-mart button {
-  margin: 0;
-  padding: 0;
+.nc-emoji-picker.emoji-mart button {
   border: none;
   background: transparent;
   font-size: inherit;
-  height: 36px;
-  width: auto;
-}
-.emoji-mart button * {
-  cursor: pointer !important;
-}
-.emoji-mart .emoji-mart-bar,
-.emoji-mart .emoji-mart-anchors,
-.emoji-mart .emoji-mart-search,
-.emoji-mart .emoji-mart-search input,
-.emoji-mart .emoji-mart-category,
-.emoji-mart .emoji-mart-category-label,
-.emoji-mart .emoji-mart-category-label span,
-.emoji-mart .emoji-mart-skin-swatches {
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-bar,
+.nc-emoji-picker.emoji-mart .emoji-mart-anchors,
+.nc-emoji-picker.emoji-mart .emoji-mart-search,
+.nc-emoji-picker.emoji-mart .emoji-mart-search input,
+.nc-emoji-picker.emoji-mart .emoji-mart-category,
+.nc-emoji-picker.emoji-mart .emoji-mart-category-label,
+.nc-emoji-picker.emoji-mart .emoji-mart-category-label span,
+.nc-emoji-picker.emoji-mart .emoji-mart-skin-swatches {
   background-color: transparent !important;
   border-color: var(--color-border) !important;
   color: inherit !important;
 }
-.emoji-mart .emoji-mart-search input:focus-visible {
-  box-shadow: inset 0 0 0 2px var(--color-primary-element);
-  outline: none;
-}
-.emoji-mart .emoji-mart-bar:first-child {
-  border-top-left-radius: var(--border-radius) !important;
-  border-top-right-radius: var(--border-radius) !important;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchors {
+  padding-block: 0;
+  padding-inline: calc(2 * var(--default-grid-baseline));
 }
-.emoji-mart .emoji-mart-anchors button {
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor {
   border-radius: 0;
-  padding: 12px 4px;
-  height: auto;
+  margin: 0 !important;
+  padding: 0 !important;
+  height: var(--clickable-area-small);
+  min-width: var(--clickable-area-small);
 }
-.emoji-mart .emoji-mart-anchors button:focus-visible {
-  /* box-shadow: inset 0 0 0 2px var(--color-primary-element); */
-  outline: 2px solid var(--color-primary-element);
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor:hover {
+  background-color: var(--color-background-hover);
 }
-.emoji-mart .emoji-mart-category {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: start;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor:focus-visible {
+  outline: 2px solid var(--color-primary-element) !important;
+  outline-offset: -2px;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-category-label,
-.emoji-mart .emoji-mart-category .emoji-mart-emoji {
-  user-select: none;
-  flex-grow: 0;
-  flex-shrink: 0;
+.nc-emoji-picker.emoji-mart .emoji-mart-anchor div {
+  display: grid;
+  place-content: center;
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-scroll {
+  padding-inline: calc(2 * var(--default-grid-baseline));
+  padding-block: 0 calc(2 * var(--default-grid-baseline));
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-category {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  justify-items: stretch;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-category-label {
-  flex-basis: 100%;
+.nc-emoji-picker.emoji-mart .emoji-mart-category.emoji-mart-no-results {
+  grid-template-columns: 1fr;
+  font-size: inherit;
+  color: var(--color-text-maxcontrast) !important;
+}
+.nc-emoji-picker.emoji-mart div.emoji-mart-category-label {
+  grid-column: span 8;
+  justify-self: stretch;
+}
+.nc-emoji-picker.emoji-mart h3.emoji-mart-category-label {
+  display: flex;
+  align-items: center;
+  height: var(--default-clickable-area);
   margin: 0;
+  padding-inline: calc(2 * var(--default-grid-baseline));
+  padding-block: 0;
+  user-select: none;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-emoji {
-  flex-basis: 12.5%;
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji {
+  aspect-ratio: 1/1;
   text-align: center;
+  margin: 0 !important;
+  padding: 0 !important;
 }
-.emoji-mart .emoji-mart-category .emoji-mart-emoji:hover::before, .emoji-mart .emoji-mart-category .emoji-mart-emoji.emoji-mart-emoji-selected::before {
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji:hover, .nc-emoji-picker.emoji-mart .emoji-mart-emoji:focus-visible, .nc-emoji-picker.emoji-mart .emoji-mart-emoji.emoji-mart-emoji-selected {
   background-color: var(--color-background-hover) !important;
-  outline: 2px solid var(--color-primary-element);
+  border: none;
   border-radius: var(--border-radius-element, var(--border-radius-pill));
+  box-shadow: none !important;
+  outline: 2px solid var(--color-primary-element) !important;
+  outline-offset: -2px;
 }
-.emoji-mart .emoji-mart-category button:focus-visible {
-  background-color: var(--color-background-hover);
-  border: 2px solid var(--color-primary-element) !important;
-  border-radius: var(--border-radius-element, var(--border-radius-pill));
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji::before {
+  display: none;
+}
+.nc-emoji-picker.emoji-mart .emoji-mart-emoji span {
+  cursor: pointer;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -529,24 +546,25 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ed4adfc3] {
+.material-design-icon[data-v-6e39597a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.search__wrapper[data-v-ed4adfc3] {
+.search__wrapper[data-v-6e39597a] {
   display: flex;
   flex-direction: row;
-  gap: 4px;
+  gap: var(--default-grid-baseline);
   align-items: end;
-  padding: 4px 8px;
+  padding-block: var(--default-grid-baseline);
+  padding-inline: calc(2 * var(--default-grid-baseline));
 }
-.row-selected button[data-v-ed4adfc3], .row-selected span[data-v-ed4adfc3] {
+.row-selected button[data-v-6e39597a], .row-selected span[data-v-6e39597a] {
   vertical-align: middle;
 }
-.emoji-delete[data-v-ed4adfc3] {
+.emoji-delete[data-v-6e39597a] {
   vertical-align: top;
   margin-left: -21px;
   margin-top: -3px;

package/dist/assets/{NcHeaderButton-DH4Qtw3P.css → NcHeaderButton-BPkJ5wxD.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-aacc997d] {
+.material-design-icon[data-v-6be13bb0] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,30 +20,30 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-.header-menu[data-v-aacc997d] {
+.header-menu[data-v-6be13bb0] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
 }
-.header-menu .header-menu__trigger[data-v-aacc997d] {
+.header-menu .header-menu__trigger[data-v-6be13bb0] {
   --button-size: var(--header-height) !important;
   height: var(--header-height);
   opacity: 0.85;
   filter: none !important;
   color: var(--color-background-plain-text, var(--color-primary-text)) !important;
 }
-.header-menu .header-menu__trigger[data-v-aacc997d]:focus-visible {
+.header-menu .header-menu__trigger[data-v-6be13bb0]:focus-visible {
   outline: none !important;
   box-shadow: none !important;
 }
-.header-menu--opened .header-menu__trigger[data-v-aacc997d], .header-menu__trigger[data-v-aacc997d]:hover, .header-menu__trigger[data-v-aacc997d]:focus, .header-menu__trigger[data-v-aacc997d]:active {
+.header-menu--opened .header-menu__trigger[data-v-6be13bb0], .header-menu__trigger[data-v-6be13bb0]:hover, .header-menu__trigger[data-v-6be13bb0]:focus, .header-menu__trigger[data-v-6be13bb0]:active {
   opacity: 1;
 }
 @media only screen and (max-width: 512px) {
-.header-menu[data-v-aacc997d] {
+.header-menu[data-v-6be13bb0] {
     width: var(--default-clickable-area);
 }
-.header-menu .header-menu__trigger[data-v-aacc997d] {
+.header-menu .header-menu__trigger[data-v-6be13bb0] {
     --button-size: var(--default-clickable-area) !important;
 }
 }

package/dist/assets/{NcHeaderMenu-C2XbJMYL.css → NcHeaderMenu-BYjnMPPl.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0cca0699] {
+.material-design-icon[data-v-ba584e05] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,34 +20,34 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-.header-menu[data-v-0cca0699] {
+.header-menu[data-v-ba584e05] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
 }
-.header-menu .header-menu__trigger[data-v-0cca0699] {
+.header-menu .header-menu__trigger[data-v-ba584e05] {
   --button-size: var(--header-height) !important;
   height: var(--header-height);
   opacity: 0.85;
   filter: none !important;
   color: var(--color-background-plain-text, var(--color-primary-text)) !important;
 }
-.header-menu .header-menu__trigger[data-v-0cca0699]:focus-visible {
+.header-menu .header-menu__trigger[data-v-ba584e05]:focus-visible {
   outline: none !important;
   box-shadow: none !important;
 }
-.header-menu--opened .header-menu__trigger[data-v-0cca0699], .header-menu__trigger[data-v-0cca0699]:hover, .header-menu__trigger[data-v-0cca0699]:focus, .header-menu__trigger[data-v-0cca0699]:active {
+.header-menu--opened .header-menu__trigger[data-v-ba584e05], .header-menu__trigger[data-v-ba584e05]:hover, .header-menu__trigger[data-v-ba584e05]:focus, .header-menu__trigger[data-v-ba584e05]:active {
   opacity: 1;
 }
 @media only screen and (max-width: 512px) {
-.header-menu[data-v-0cca0699] {
+.header-menu[data-v-ba584e05] {
     width: var(--default-clickable-area);
 }
-.header-menu .header-menu__trigger[data-v-0cca0699] {
+.header-menu .header-menu__trigger[data-v-ba584e05] {
     --button-size: var(--default-clickable-area) !important;
 }
 }
-.header-menu__wrapper[data-v-0cca0699] {
+.header-menu__wrapper[data-v-ba584e05] {
   position: fixed;
   z-index: 2000;
   top: var(--header-height);
@@ -59,7 +59,7 @@
   background-color: var(--color-main-background);
   filter: drop-shadow(0 1px 5px var(--color-box-shadow));
 }
-.header-menu__carret[data-v-0cca0699] {
+.header-menu__carret[data-v-ba584e05] {
   position: absolute;
   z-index: 2001;
   bottom: 0;
@@ -71,13 +71,13 @@
   border: 10px solid transparent;
   border-bottom-color: var(--color-main-background);
 }
-.header-menu__content[data-v-0cca0699] {
+.header-menu__content[data-v-ba584e05] {
   overflow: auto;
   width: 350px;
   max-width: calc(100vw - 16px);
   min-height: calc(var(--default-clickable-area) * 1.5);
   max-height: calc(100vh - var(--header-height) * 2);
 }
-.header-menu__content[data-v-0cca0699] .empty-content {
+.header-menu__content[data-v-ba584e05] .empty-content {
   margin: 12vh 10px;
 }