@nextcloud/vue 8.15.1 → 8.17.0

package/dist/assets/{NcModal-Ch7ovo9y.css → NcModal-Djc2K_kW.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0d4052a3] {
+.material-design-icon[data-v-1d602fb0] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-0d4052a3] {
+.modal-mask[data-v-1d602fb0] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -26,10 +26,10 @@
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-mask--dark[data-v-0d4052a3] {
+.modal-mask--dark[data-v-1d602fb0] {
   background-color: rgba(0, 0, 0, 0.92);
 }
-.modal-header[data-v-0d4052a3] {
+.modal-header[data-v-1d602fb0] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -39,11 +39,11 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  height: 50px;
+  height: var(--header-height);
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header__name[data-v-0d4052a3] {
+.modal-header__name[data-v-1d602fb0] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -55,55 +55,55 @@
   margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header__name[data-v-0d4052a3] {
+.modal-header__name[data-v-1d602fb0] {
     padding-left: calc(var(--default-clickable-area) * 3);
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-0d4052a3] {
+.modal-header .icons-menu[data-v-1d602fb0] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-0d4052a3] {
+.modal-header .icons-menu .header-close[data-v-1d602fb0] {
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  margin: calc((50px - var(--default-clickable-area)) / 2);
+  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-0d4052a3] {
+.modal-header .icons-menu .play-pause-icons[data-v-1d602fb0] {
   position: relative;
-  width: 50px;
-  height: 50px;
+  width: var(--header-height);
+  height: var(--header-height);
   margin: 0;
   padding: 0;
   cursor: pointer;
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-0d4052a3],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-0d4052a3], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-0d4052a3],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-0d4052a3] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-1d602fb0],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-1d602fb0], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-1d602fb0],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-1d602fb0] {
   opacity: 1;
   border-radius: calc(var(--default-clickable-area) / 2);
   background-color: rgba(127, 127, 127, 0.25);
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-0d4052a3], .modal-header .icons-menu .play-pause-icons__pause[data-v-0d4052a3] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-1d602fb0], .modal-header .icons-menu .play-pause-icons__pause[data-v-1d602fb0] {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
-  margin: calc((50px - var(--default-clickable-area)) / 2);
+  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu[data-v-0d4052a3]  .action-item {
-  margin: calc((50px - var(--default-clickable-area)) / 2);
+.modal-header .icons-menu[data-v-1d602fb0]  .action-item {
+  margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
 }
-.modal-header .icons-menu[data-v-0d4052a3]  .action-item--single {
+.modal-header .icons-menu[data-v-1d602fb0]  .action-item--single {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -111,18 +111,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu .header-actions[data-v-0d4052a3] button:focus-visible {
+.modal-header .icons-menu .header-actions[data-v-1d602fb0] button:focus-visible {
   box-shadow: none !important;
   outline: 2px solid #fff !important;
 }
-.modal-header .icons-menu[data-v-0d4052a3] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-1d602fb0] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-0d4052a3] .action-item__menutoggle span, .modal-header .icons-menu[data-v-0d4052a3] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-1d602fb0] .action-item__menutoggle span, .modal-header .icons-menu[data-v-1d602fb0] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-0d4052a3] {
+.modal-wrapper[data-v-1d602fb0] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -132,8 +132,8 @@
   /* Navigation buttons */
   /* Content */
 }
-.modal-wrapper .prev[data-v-0d4052a3],
-.modal-wrapper .next[data-v-0d4052a3] {
+.modal-wrapper .prev[data-v-1d602fb0],
+.modal-wrapper .next[data-v-1d602fb0] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -141,18 +141,18 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-0d4052a3]:focus-visible,
-.modal-wrapper .next[data-v-0d4052a3]:focus-visible {
+.modal-wrapper .prev[data-v-1d602fb0]:focus-visible,
+.modal-wrapper .next[data-v-1d602fb0]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-0d4052a3] {
+.modal-wrapper .prev[data-v-1d602fb0] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-0d4052a3] {
+.modal-wrapper .next[data-v-1d602fb0] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-0d4052a3] {
+.modal-wrapper .modal-container[data-v-1d602fb0] {
   position: relative;
   display: flex;
   padding: 0;
@@ -162,106 +162,106 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
 }
-.modal-wrapper .modal-container__close[data-v-0d4052a3] {
+.modal-wrapper .modal-container__close[data-v-1d602fb0] {
   z-index: 1;
   position: absolute;
   top: 4px;
   right: 4px;
 }
-.modal-wrapper .modal-container__content[data-v-0d4052a3] {
+.modal-wrapper .modal-container__content[data-v-1d602fb0] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-0d4052a3] {
+.modal-wrapper--small > .modal-container[data-v-1d602fb0] {
   width: 400px;
   max-width: 90%;
-  max-height: min(90%, 100% - 100px);
+  max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--normal > .modal-container[data-v-0d4052a3] {
+.modal-wrapper--normal > .modal-container[data-v-1d602fb0] {
   max-width: 90%;
   width: 600px;
-  max-height: min(90%, 100% - 100px);
+  max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--large > .modal-container[data-v-0d4052a3] {
+.modal-wrapper--large > .modal-container[data-v-1d602fb0] {
   max-width: 90%;
   width: 900px;
-  max-height: min(90%, 100% - 100px);
+  max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--full > .modal-container[data-v-0d4052a3] {
+.modal-wrapper--full > .modal-container[data-v-1d602fb0] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
-  top: 50px;
+  top: var(--header-height);
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-0d4052a3] {
+.modal-wrapper .modal-container[data-v-1d602fb0] {
     max-width: initial;
     width: 100%;
     max-height: initial;
     height: calc(100% - var(--header-height));
     position: absolute;
-    top: 50px;
+    top: var(--header-height);
     border-radius: 0;
 }
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-0d4052a3],
-.fade-leave-active[data-v-0d4052a3] {
+.fade-enter-active[data-v-1d602fb0],
+.fade-leave-active[data-v-1d602fb0] {
   transition: opacity 250ms;
 }
-.fade-enter[data-v-0d4052a3],
-.fade-leave-to[data-v-0d4052a3] {
+.fade-enter[data-v-1d602fb0],
+.fade-leave-to[data-v-1d602fb0] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-0d4052a3],
-.fade-visibility-leave-to[data-v-0d4052a3] {
+.fade-visibility-enter[data-v-1d602fb0],
+.fade-visibility-leave-to[data-v-1d602fb0] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-0d4052a3],
-.modal-in-leave-active[data-v-0d4052a3],
-.modal-out-enter-active[data-v-0d4052a3],
-.modal-out-leave-active[data-v-0d4052a3] {
+.modal-in-enter-active[data-v-1d602fb0],
+.modal-in-leave-active[data-v-1d602fb0],
+.modal-out-enter-active[data-v-1d602fb0],
+.modal-out-leave-active[data-v-1d602fb0] {
   transition: opacity 250ms;
 }
-.modal-in-enter[data-v-0d4052a3],
-.modal-in-leave-to[data-v-0d4052a3],
-.modal-out-enter[data-v-0d4052a3],
-.modal-out-leave-to[data-v-0d4052a3] {
+.modal-in-enter[data-v-1d602fb0],
+.modal-in-leave-to[data-v-1d602fb0],
+.modal-out-enter[data-v-1d602fb0],
+.modal-out-leave-to[data-v-1d602fb0] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-0d4052a3],
-.modal-in-leave-to .modal-container[data-v-0d4052a3] {
+.modal-in-enter .modal-container[data-v-1d602fb0],
+.modal-in-leave-to .modal-container[data-v-1d602fb0] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-0d4052a3],
-.modal-out-leave-to .modal-container[data-v-0d4052a3] {
+.modal-out-enter .modal-container[data-v-1d602fb0],
+.modal-out-leave-to .modal-container[data-v-1d602fb0] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-0d4052a3] {
+.modal-mask .play-pause-icons .progress-ring[data-v-1d602fb0] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-0d4052a3] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-1d602fb0] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-0d4052a3 linear var(--slideshow-duration) infinite;
+  animation: progressring-1d602fb0 linear var(--slideshow-duration) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;
 }
-.modal-mask .play-pause-icons--paused .icon-pause[data-v-0d4052a3] {
-  animation: breath-0d4052a3 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-1d602fb0] {
+  animation: breath-1d602fb0 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-0d4052a3] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-1d602fb0] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-0d4052a3 {
+@keyframes progressring-1d602fb0 {
 from {
     stroke-dashoffset: 94.2477796077;
 }
@@ -269,7 +269,7 @@ to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-0d4052a3 {
+@keyframes breath-1d602fb0 {
 0% {
     opacity: 1;
 }

package/dist/assets/{NcNoteCard-BLPU1den.css → NcNoteCard-CImn6F9p.css}

@@ -9,42 +9,47 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-a69fbcb1] {
+.material-design-icon[data-v-7df28e9e] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.notecard[data-v-a69fbcb1] {
+.notecard[data-v-7df28e9e] {
+  --note-card-icon-size: 20px;
+  --note-card-padding: calc(2 * var(--default-grid-baseline));
   color: var(--color-main-text) !important;
   background-color: var(--note-background) !important;
-  border-inline-start: 4px solid var(--note-theme);
+  border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
   border-radius: var(--border-radius);
   margin: 1rem 0;
-  margin-top: 1rem;
-  padding: 1rem;
+  padding: var(--note-card-padding);
   display: flex;
   flex-direction: row;
-  gap: 1rem;
+  gap: var(--note-card-padding);
 }
-.notecard__icon--heading[data-v-a69fbcb1] {
-  margin-bottom: auto;
-  margin-top: 0.3rem;
+.notecard__heading[data-v-7df28e9e] {
+  font-size: var(--note-card-icon-size);
+  font-weight: 600;
 }
-.notecard--success[data-v-a69fbcb1] {
+.notecard__icon--heading[data-v-7df28e9e] {
+  font-size: var(--note-card-icon-size);
+  margin-block: calc((1lh - 1em) / 2) auto;
+}
+.notecard--success[data-v-7df28e9e] {
   --note-background: rgba(var(--color-success-rgb), 0.1);
   --note-theme: var(--color-success);
 }
-.notecard--info[data-v-a69fbcb1] {
+.notecard--info[data-v-7df28e9e] {
   --note-background: rgba(var(--color-info-rgb), 0.1);
   --note-theme: var(--color-info);
 }
-.notecard--error[data-v-a69fbcb1] {
+.notecard--error[data-v-7df28e9e] {
   --note-background: rgba(var(--color-error-rgb), 0.1);
   --note-theme: var(--color-error);
 }
-.notecard--warning[data-v-a69fbcb1] {
+.notecard--warning[data-v-7df28e9e] {
   --note-background: rgba(var(--color-warning-rgb), 0.1);
   --note-theme: var(--color-warning);
 }

package/dist/assets/NcPasswordField-DWd5gg73.css

@@ -0,0 +1,21 @@
+/**
+ * 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-d984b8e5] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+[data-v-d984b8e5] .password-field__input--secure-text {
+  -webkit-text-security: disc;
+}

package/dist/assets/{NcRichContenteditable-CkvTrjfG.css → NcRichContenteditable-BYEZK1DT.css}

@@ -9,19 +9,21 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-6279218f] {
+.material-design-icon[data-v-98c79945] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.autocomplete-result[data-v-6279218f] {
+.autocomplete-result[data-v-98c79945] {
   display: flex;
-  height: var(--default-clickable-area);
-  padding: var(--default-grid-baseline) 0;
+  align-items: center;
+  gap: var(--default-grid-baseline);
+  line-height: 1.2;
+  --auto-complete-result-avatar-size: var(--default-clickable-area);
 }
-.autocomplete-result__icon[data-v-6279218f] {
+.autocomplete-result__icon[data-v-98c79945] {
   position: relative;
   flex: 0 0 var(--default-clickable-area);
   width: var(--default-clickable-area);
@@ -33,46 +35,45 @@
   background-position: center;
   background-size: contain;
 }
-.autocomplete-result__icon--with-avatar[data-v-6279218f] {
+.autocomplete-result__icon--with-avatar[data-v-98c79945] {
   color: inherit;
   background-size: cover;
 }
-.autocomplete-result__status[data-v-6279218f] {
+.autocomplete-result__status[data-v-98c79945] {
+  --auto-complete-result-status-icon-size: clamp(14px, var(--auto-complete-result-avatar-size) * 0.4, 18px);
+  --auto-complete-result-status-icon-position: calc(var(--auto-complete-result-avatar-size) / 2 * (1 - 1 / sqrt(2)) - var(--auto-complete-result-status-icon-size) / 2);
   box-sizing: border-box;
   position: absolute;
-  right: -4px;
-  bottom: -4px;
-  min-width: 18px;
-  min-height: 18px;
-  width: 18px;
-  height: 18px;
+  right: var(--auto-complete-result-status-icon-position);
+  bottom: var(--auto-complete-result-status-icon-position);
+  height: var(--auto-complete-result-status-icon-size);
+  width: var(--auto-complete-result-status-icon-size);
   border: 2px solid var(--color-main-background);
   border-radius: 50%;
   background-color: var(--color-main-background);
-  font-size: var(--default-font-size);
-  line-height: 15px;
+  font-size: calc(var(--auto-complete-result-status-icon-size) / 1.2);
+  line-height: 1.2;
   background-repeat: no-repeat;
-  background-size: 16px;
+  background-size: var(--auto-complete-result-status-icon-size);
   background-position: center;
 }
-.autocomplete-result__status--icon[data-v-6279218f] {
+.autocomplete-result__status--icon[data-v-98c79945] {
   border: none;
   background-color: transparent;
 }
-.autocomplete-result__content[data-v-6279218f] {
+.autocomplete-result__content[data-v-98c79945] {
   display: flex;
   flex: 1 1 100%;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
-  padding-left: calc(var(--default-grid-baseline) * 2);
 }
-.autocomplete-result__title[data-v-6279218f], .autocomplete-result__subline[data-v-6279218f] {
+.autocomplete-result__title[data-v-98c79945], .autocomplete-result__subline[data-v-98c79945] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.autocomplete-result__subline[data-v-6279218f] {
+.autocomplete-result__subline[data-v-98c79945] {
   color: var(--color-text-maxcontrast);
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -85,18 +86,18 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-2fcc0867] {
+.material-design-icon[data-v-108d42c7] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.rich-contenteditable[data-v-2fcc0867] {
+.rich-contenteditable[data-v-108d42c7] {
   position: relative;
   width: auto;
 }
-.rich-contenteditable__label[data-v-2fcc0867] {
+.rich-contenteditable__label[data-v-108d42c7] {
   position: absolute;
   margin-inline: 14px 0;
   max-width: fit-content;
@@ -109,7 +110,7 @@
   pointer-events: none;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
 }
-.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-2fcc0867], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-2fcc0867] {
+.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-108d42c7], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-108d42c7] {
   inset-block-start: -10px;
   line-height: 1.5;
   font-size: 13px;
@@ -120,7 +121,7 @@
   margin-inline-start: 9px;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
-.rich-contenteditable__input[data-v-2fcc0867] {
+.rich-contenteditable__input[data-v-108d42c7] {
   overflow-y: auto;
   width: auto;
   margin: 0;
@@ -138,15 +139,15 @@
   min-height: var(--default-clickable-area);
   max-height: calc(var(--default-clickable-area) * 5.5);
 }
-.rich-contenteditable__input--has-label[data-v-2fcc0867] {
+.rich-contenteditable__input--has-label[data-v-108d42c7] {
   margin-top: 10px;
 }
-.rich-contenteditable__input--empty[data-v-2fcc0867]:focus:before, .rich-contenteditable__input--empty[data-v-2fcc0867]:not(.rich-contenteditable__input--has-label):before {
+.rich-contenteditable__input--empty[data-v-108d42c7]:focus:before, .rich-contenteditable__input--empty[data-v-108d42c7]:not(.rich-contenteditable__input--has-label):before {
   content: attr(aria-placeholder);
   color: var(--color-text-maxcontrast);
   position: absolute;
 }
-.rich-contenteditable__input[contenteditable=false][data-v-2fcc0867]:not(.rich-contenteditable__input--disabled) {
+.rich-contenteditable__input[contenteditable=false][data-v-108d42c7]:not(.rich-contenteditable__input--disabled) {
   cursor: default;
   background-color: transparent;
   color: var(--color-main-text);
@@ -154,11 +155,11 @@
   opacity: 1;
   border-radius: 0;
 }
-.rich-contenteditable__input--multiline[data-v-2fcc0867] {
+.rich-contenteditable__input--multiline[data-v-108d42c7] {
   min-height: calc(var(--default-clickable-area) * 3);
   max-height: none;
 }
-.rich-contenteditable__input--disabled[data-v-2fcc0867] {
+.rich-contenteditable__input--disabled[data-v-108d42c7] {
   opacity: 0.5;
   color: var(--color-text-maxcontrast);
   border: 2px solid var(--color-background-darker);
@@ -175,14 +176,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_wg6zi_12 {
+._material-design-icon_1o935_12 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._tribute-container_wg6zi_20 {
+._tribute-container_1o935_20 {
   z-index: 9000;
   overflow: auto;
   position: absolute;
@@ -190,69 +191,70 @@
   margin: var(--default-grid-baseline) 0;
   padding: var(--default-grid-baseline);
   color: var(--color-text-maxcontrast);
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-element, var(--border-radius));
   background: var(--color-main-background);
   box-shadow: 0 1px 5px var(--color-box-shadow);
 }
-._tribute-container_wg6zi_20 ._tribute-container__item_wg6zi_32 {
+._tribute-container_1o935_20, ._tribute-container_1o935_20 * {
+  box-sizing: border-box;
+}
+._tribute-container_1o935_20 ul {
+  display: flex;
+  flex-direction: column;
+  gap: var(--default-grid-baseline);
+}
+._tribute-container_1o935_20 ._tribute-container__item_1o935_40 {
   color: var(--color-text-maxcontrast);
-  border-radius: var(--border-radius);
-  padding: var(--default-grid-baseline) calc(2 * var(--default-grid-baseline));
-  margin-bottom: var(--default-grid-baseline);
+  border-radius: var(--border-radius-small, var(--border-radius));
+  padding: var(--default-grid-baseline);
   cursor: pointer;
+  min-height: var(--clickable-area-small, auto);
 }
-._tribute-container_wg6zi_20 ._tribute-container__item_wg6zi_32:last-child {
-  margin-bottom: 0;
-}
-._tribute-container_wg6zi_20 ._tribute-container__item_wg6zi_32.highlight {
+._tribute-container_1o935_20 ._tribute-container__item_1o935_40.highlight {
   color: var(--color-main-text);
   background: var(--color-background-hover);
 }
-._tribute-container_wg6zi_20 ._tribute-container__item_wg6zi_32.highlight, ._tribute-container_wg6zi_20 ._tribute-container__item_wg6zi_32.highlight * {
+._tribute-container_1o935_20 ._tribute-container__item_1o935_40.highlight, ._tribute-container_1o935_20 ._tribute-container__item_1o935_40.highlight * {
   cursor: pointer;
 }
-._tribute-container_wg6zi_20._tribute-container--focus-visible_wg6zi_49 .highlight._tribute-container__item_wg6zi_32 {
+._tribute-container_1o935_20._tribute-container--focus-visible_1o935_54 .highlight._tribute-container__item_1o935_40 {
   outline: 2px solid var(--color-main-text) !important;
 }
-._tribute-container-autocomplete_wg6zi_53 {
+._tribute-container-autocomplete_1o935_58 {
   min-width: 250px;
   max-width: 300px;
-  max-height: calc((var(--default-clickable-area) + 5 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
+  max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
 }
-._tribute-container-emoji_wg6zi_59,
-._tribute-container-link_wg6zi_60 {
+._tribute-container-emoji_1o935_64,
+._tribute-container-link_1o935_65 {
   min-width: 200px;
   max-width: 200px;
   max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline));
 }
-._tribute-container-emoji_wg6zi_59 ._tribute-item_wg6zi_65,
-._tribute-container-link_wg6zi_60 ._tribute-item_wg6zi_65 {
+._tribute-container-emoji_1o935_64 ._tribute-item_1o935_70,
+._tribute-container-link_1o935_65 ._tribute-item_1o935_70 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._tribute-container-emoji_wg6zi_59 ._tribute-item__emoji_wg6zi_71,
-._tribute-container-link_wg6zi_60 ._tribute-item__emoji_wg6zi_71 {
-  padding-right: calc(var(--default-grid-baseline) * 2);
-}
-._tribute-container-link_wg6zi_60 {
+._tribute-container-link_1o935_65 {
   min-width: 200px;
   max-width: 300px;
 }
-._tribute-container-link_wg6zi_60 ._tribute-item_wg6zi_65 {
+._tribute-container-link_1o935_65 ._tribute-item_1o935_70 {
   display: flex;
   align-items: center;
 }
-._tribute-container-link_wg6zi_60 ._tribute-item__title_wg6zi_84 {
+._tribute-container-link_1o935_65 ._tribute-item__title_1o935_85 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._tribute-container-link_wg6zi_60 ._tribute-item__icon_wg6zi_89 {
+._tribute-container-link_1o935_65 ._tribute-item__icon_1o935_90 {
   margin: auto 0;
   width: 20px;
   height: 20px;
   object-fit: contain;
-  padding-right: calc(var(--default-grid-baseline) * 2);
+  padding-right: var(--default-grid-baseline);
   filter: var(--background-invert-if-dark);
 }