@nextcloud/vue 8.5.0 → 8.5.1

package/dist/assets/{NcInputField-Y-Qp3D_b.css → NcInputField-L2Lld_iG.css}

@@ -20,28 +20,28 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-20b30ea0] {
+.material-design-icon[data-v-b312d183] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.input-field[data-v-20b30ea0] {
+.input-field[data-v-b312d183] {
   position: relative;
   width: 100%;
   border-radius: var(--border-radius-large);
   margin-block-start: 6px;
 }
-.input-field__main-wrapper[data-v-20b30ea0] {
+.input-field__main-wrapper[data-v-b312d183] {
   height: var(--default-clickable-area);
   position: relative;
 }
-.input-field--disabled[data-v-20b30ea0] {
+.input-field--disabled[data-v-b312d183] {
   opacity: .4;
   filter: saturate(.4);
 }
-.input-field__input[data-v-20b30ea0] {
+.input-field__input[data-v-b312d183] {
   margin: 0;
   padding-inline: 12px 6px;
   height: var(--default-clickable-area) !important;
@@ -56,59 +56,59 @@
   -webkit-appearance: textfield !important;
   -moz-appearance: textfield !important;
 }
-.input-field__input--label-outside[data-v-20b30ea0] {
+.input-field__input--label-outside[data-v-b312d183] {
   padding-block: 0;
 }
-.input-field__input[data-v-20b30ea0]:active:not([disabled]),
-.input-field__input[data-v-20b30ea0]:hover:not([disabled]),
-.input-field__input[data-v-20b30ea0]:focus:not([disabled]) {
+.input-field__input[data-v-b312d183]:active:not([disabled]),
+.input-field__input[data-v-b312d183]:hover:not([disabled]),
+.input-field__input[data-v-b312d183]:focus:not([disabled]) {
   border-color: 2px solid var(--color-main-text) !important;
   box-shadow: 0 0 0 2px var(--color-main-background) !important;
 }
-.input-field__input:focus + .input-field__label[data-v-20b30ea0],
-.input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-20b30ea0] {
+.input-field__input:focus + .input-field__label[data-v-b312d183],
+.input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-b312d183] {
   color: var(--color-main-text);
 }
-.input-field__input[data-v-20b30ea0]:not(:focus, .input-field__input--label-outside)::placeholder {
+.input-field__input[data-v-b312d183]:not(:focus, .input-field__input--label-outside)::placeholder {
   opacity: 0;
 }
-.input-field__input[data-v-20b30ea0]:focus {
+.input-field__input[data-v-b312d183]:focus {
   cursor: text;
 }
-.input-field__input[data-v-20b30ea0]:disabled {
+.input-field__input[data-v-b312d183]:disabled {
   cursor: default;
 }
-.input-field__input[data-v-20b30ea0]:focus-visible {
+.input-field__input[data-v-b312d183]:focus-visible {
   box-shadow: unset !important;
 }
-.input-field__input--leading-icon[data-v-20b30ea0] {
+.input-field__input--leading-icon[data-v-b312d183] {
   padding-inline-start: var(--default-clickable-area);
 }
-.input-field__input--trailing-icon[data-v-20b30ea0] {
+.input-field__input--trailing-icon[data-v-b312d183] {
   padding-inline-end: var(--default-clickable-area);
 }
-.input-field__input--success[data-v-20b30ea0] {
+.input-field__input--success[data-v-b312d183] {
   border-color: var(--color-success) !important;
 }
-.input-field__input--success[data-v-20b30ea0]:focus-visible {
+.input-field__input--success[data-v-b312d183]:focus-visible {
   box-shadow:
     #f8fafc 0 0 0 2px,
     var(--color-primary-element) 0 0 0 4px,
     #0000000d 0 1px 2px;
 }
-.input-field__input--error[data-v-20b30ea0] {
+.input-field__input--error[data-v-b312d183] {
   border-color: var(--color-error) !important;
 }
-.input-field__input--error[data-v-20b30ea0]:focus-visible {
+.input-field__input--error[data-v-b312d183]:focus-visible {
   box-shadow:
     #f8fafc 0 0 0 2px,
     var(--color-primary-element) 0 0 0 4px,
     #0000000d 0 1px 2px;
 }
-.input-field__input--pill[data-v-20b30ea0] {
+.input-field__input--pill[data-v-b312d183] {
   border-radius: var(--border-radius-pill);
 }
-.input-field__label[data-v-20b30ea0] {
+.input-field__label[data-v-b312d183] {
   position: absolute;
   margin-inline: 14px 0;
   max-width: fit-content;
@@ -126,15 +126,16 @@
     color var(--animation-quick),
     background-color var(--animation-quick) var(--animation-slow);
 }
-.input-field__label--leading-icon[data-v-20b30ea0] {
+.input-field__label--leading-icon[data-v-b312d183] {
   margin-inline-start: var(--default-clickable-area);
 }
-.input-field__label--trailing-icon[data-v-20b30ea0] {
+.input-field__label--trailing-icon[data-v-b312d183] {
   margin-inline-end: var(--default-clickable-area);
 }
-.input-field__input:focus + .input-field__label[data-v-20b30ea0],
-.input-field__input:not(:placeholder-shown) + .input-field__label[data-v-20b30ea0] {
+.input-field__input:focus + .input-field__label[data-v-b312d183],
+.input-field__input:not(:placeholder-shown) + .input-field__label[data-v-b312d183] {
   inset-block-start: -10px;
+  line-height: 1.5;
   font-size: 13px;
   font-weight: 500;
   border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
@@ -147,11 +148,11 @@
     font-size var(--animation-quick),
     color var(--animation-quick);
 }
-.input-field__input:focus + .input-field__label--leading-icon[data-v-20b30ea0],
-.input-field__input:not(:placeholder-shown) + .input-field__label--leading-icon[data-v-20b30ea0] {
+.input-field__input:focus + .input-field__label--leading-icon[data-v-b312d183],
+.input-field__input:not(:placeholder-shown) + .input-field__label--leading-icon[data-v-b312d183] {
   margin-inline-start: 41px;
 }
-.input-field__icon[data-v-20b30ea0] {
+.input-field__icon[data-v-b312d183] {
   position: absolute;
   height: var(--default-clickable-area);
   width: var(--default-clickable-area);
@@ -160,34 +161,34 @@
   justify-content: center;
   opacity: .7;
 }
-.input-field__icon--leading[data-v-20b30ea0] {
+.input-field__icon--leading[data-v-b312d183] {
   inset-block-end: 0;
   inset-inline-start: 2px;
 }
-.input-field__icon--trailing[data-v-20b30ea0] {
+.input-field__icon--trailing[data-v-b312d183] {
   inset-block-end: 0;
   inset-inline-end: 2px;
 }
-.input-field__trailing-button.button-vue[data-v-20b30ea0] {
+.input-field__trailing-button.button-vue[data-v-b312d183] {
   position: absolute;
   top: 0;
   right: 0;
   border-radius: var(--border-radius-large);
 }
-.input-field__trailing-button--pill.button-vue[data-v-20b30ea0] {
+.input-field__trailing-button--pill.button-vue[data-v-b312d183] {
   border-radius: var(--border-radius-pill);
 }
-.input-field__helper-text-message[data-v-20b30ea0] {
+.input-field__helper-text-message[data-v-b312d183] {
   padding-block: 4px;
   display: flex;
   align-items: center;
 }
-.input-field__helper-text-message__icon[data-v-20b30ea0] {
+.input-field__helper-text-message__icon[data-v-b312d183] {
   margin-inline-end: 8px;
 }
-.input-field__helper-text-message--error[data-v-20b30ea0] {
+.input-field__helper-text-message--error[data-v-b312d183] {
   color: var(--color-error-text);
 }
-.input-field__helper-text-message--success[data-v-20b30ea0] {
+.input-field__helper-text-message--success[data-v-b312d183] {
   color: var(--color-success-text);
 }

package/dist/assets/{NcModal-QzDLeQrW.css → NcModal-UZh031V1.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-fc538491] {
+.material-design-icon[data-v-bbeb5a25] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-fc538491] {
+.modal-mask[data-v-bbeb5a25] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -37,10 +37,10 @@
   height: 100%;
   background-color: #00000080;
 }
-.modal-mask--dark[data-v-fc538491] {
+.modal-mask--dark[data-v-bbeb5a25] {
   background-color: #000000eb;
 }
-.modal-header[data-v-fc538491] {
+.modal-header[data-v-bbeb5a25] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -54,7 +54,7 @@
   overflow: hidden;
   transition: opacity .25s, visibility .25s;
 }
-.modal-header .modal-name[data-v-fc538491] {
+.modal-header .modal-name[data-v-bbeb5a25] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -67,19 +67,19 @@
   margin-bottom: 0;
 }
 @media only screen and (min-width: 1024px) {
-  .modal-header .modal-name[data-v-fc538491] {
+  .modal-header .modal-name[data-v-bbeb5a25] {
     padding-left: 132px;
     text-align: center;
   }
 }
-.modal-header .icons-menu[data-v-fc538491] {
+.modal-header .icons-menu[data-v-bbeb5a25] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-fc538491] {
+.modal-header .icons-menu .header-close[data-v-bbeb5a25] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -87,7 +87,7 @@
   margin: 3px;
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-fc538491] {
+.modal-header .icons-menu .play-pause-icons[data-v-bbeb5a25] {
   position: relative;
   width: 50px;
   height: 50px;
@@ -97,16 +97,16 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-fc538491],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-fc538491],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-fc538491],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-fc538491] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-bbeb5a25],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-bbeb5a25],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-bbeb5a25],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-bbeb5a25] {
   opacity: 1;
   border-radius: 22px;
   background-color: #7f7f7f40;
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-fc538491],
-.modal-header .icons-menu .play-pause-icons__pause[data-v-fc538491] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-bbeb5a25],
+.modal-header .icons-menu .play-pause-icons__pause[data-v-bbeb5a25] {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -114,13 +114,13 @@
   cursor: pointer;
   opacity: .7;
 }
-.modal-header .icons-menu .header-actions[data-v-fc538491] {
+.modal-header .icons-menu .header-actions[data-v-bbeb5a25] {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-fc538491] .action-item {
+.modal-header .icons-menu[data-v-bbeb5a25] .action-item {
   margin: 3px;
 }
-.modal-header .icons-menu[data-v-fc538491] .action-item--single {
+.modal-header .icons-menu[data-v-bbeb5a25] .action-item--single {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -128,18 +128,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu[data-v-fc538491] button {
+.modal-header .icons-menu[data-v-bbeb5a25] button {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-fc538491] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-bbeb5a25] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-fc538491] .action-item__menutoggle span,
-.modal-header .icons-menu[data-v-fc538491] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-bbeb5a25] .action-item__menutoggle span,
+.modal-header .icons-menu[data-v-bbeb5a25] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-fc538491] {
+.modal-wrapper[data-v-bbeb5a25] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -147,8 +147,8 @@
   width: 100%;
   height: 100%;
 }
-.modal-wrapper .prev[data-v-fc538491],
-.modal-wrapper .next[data-v-fc538491] {
+.modal-wrapper .prev[data-v-bbeb5a25],
+.modal-wrapper .next[data-v-bbeb5a25] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -156,18 +156,18 @@
   transition: opacity .25s;
   color: #fff;
 }
-.modal-wrapper .prev[data-v-fc538491]:focus-visible,
-.modal-wrapper .next[data-v-fc538491]:focus-visible {
+.modal-wrapper .prev[data-v-bbeb5a25]:focus-visible,
+.modal-wrapper .next[data-v-bbeb5a25]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-fc538491] {
+.modal-wrapper .prev[data-v-bbeb5a25] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-fc538491] {
+.modal-wrapper .next[data-v-bbeb5a25] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-fc538491] {
+.modal-wrapper .modal-container[data-v-bbeb5a25] {
   position: relative;
   display: flex;
   padding: 0;
@@ -177,41 +177,41 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px #0003;
 }
-.modal-wrapper .modal-container__close[data-v-fc538491] {
+.modal-wrapper .modal-container__close[data-v-bbeb5a25] {
   z-index: 1;
   position: absolute;
   top: 4px;
   right: 4px;
 }
-.modal-wrapper .modal-container__content[data-v-fc538491] {
+.modal-wrapper .modal-container__content[data-v-bbeb5a25] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small .modal-container[data-v-fc538491] {
+.modal-wrapper--small .modal-container[data-v-bbeb5a25] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--normal .modal-container[data-v-fc538491] {
+.modal-wrapper--normal .modal-container[data-v-bbeb5a25] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--large .modal-container[data-v-fc538491] {
+.modal-wrapper--large .modal-container[data-v-bbeb5a25] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--full .modal-container[data-v-fc538491] {
+.modal-wrapper--full .modal-container[data-v-bbeb5a25] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
   top: 50px;
   border-radius: 0;
 }
-@media only screen and (max-width: 512px) {
-  .modal-wrapper .modal-container[data-v-fc538491] {
+@media only screen and ((max-width: 512px) or (max-height: 400px)) {
+  .modal-wrapper .modal-container[data-v-bbeb5a25] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -221,60 +221,60 @@
     border-radius: 0;
   }
 }
-.fade-enter-active[data-v-fc538491],
-.fade-leave-active[data-v-fc538491] {
+.fade-enter-active[data-v-bbeb5a25],
+.fade-leave-active[data-v-bbeb5a25] {
   transition: opacity .25s;
 }
-.fade-enter[data-v-fc538491],
-.fade-leave-to[data-v-fc538491] {
+.fade-enter[data-v-bbeb5a25],
+.fade-leave-to[data-v-bbeb5a25] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-fc538491],
-.fade-visibility-leave-to[data-v-fc538491] {
+.fade-visibility-enter[data-v-bbeb5a25],
+.fade-visibility-leave-to[data-v-bbeb5a25] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-fc538491],
-.modal-in-leave-active[data-v-fc538491],
-.modal-out-enter-active[data-v-fc538491],
-.modal-out-leave-active[data-v-fc538491] {
+.modal-in-enter-active[data-v-bbeb5a25],
+.modal-in-leave-active[data-v-bbeb5a25],
+.modal-out-enter-active[data-v-bbeb5a25],
+.modal-out-leave-active[data-v-bbeb5a25] {
   transition: opacity .25s;
 }
-.modal-in-enter[data-v-fc538491],
-.modal-in-leave-to[data-v-fc538491],
-.modal-out-enter[data-v-fc538491],
-.modal-out-leave-to[data-v-fc538491] {
+.modal-in-enter[data-v-bbeb5a25],
+.modal-in-leave-to[data-v-bbeb5a25],
+.modal-out-enter[data-v-bbeb5a25],
+.modal-out-leave-to[data-v-bbeb5a25] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-fc538491],
-.modal-in-leave-to .modal-container[data-v-fc538491] {
+.modal-in-enter .modal-container[data-v-bbeb5a25],
+.modal-in-leave-to .modal-container[data-v-bbeb5a25] {
   transform: scale(.9);
 }
-.modal-out-enter .modal-container[data-v-fc538491],
-.modal-out-leave-to .modal-container[data-v-fc538491] {
+.modal-out-enter .modal-container[data-v-bbeb5a25],
+.modal-out-leave-to .modal-container[data-v-bbeb5a25] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-fc538491] {
+.modal-mask .play-pause-icons .progress-ring[data-v-bbeb5a25] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-fc538491] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-bbeb5a25] {
   transition: .1s stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-fc538491 linear var(--slideshow-duration) infinite;
+  animation: progressring-bbeb5a25 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-fc538491] {
-  animation: breath-fc538491 2s cubic-bezier(.4, 0, .2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-bbeb5a25] {
+  animation: breath-bbeb5a25 2s cubic-bezier(.4, 0, .2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-fc538491] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-bbeb5a25] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-fc538491 {
+@keyframes progressring-bbeb5a25 {
   0% {
     stroke-dashoffset: 94.2477796077;
   }
@@ -282,7 +282,7 @@
     stroke-dashoffset: 0;
   }
 }
-@keyframes breath-fc538491 {
+@keyframes breath-bbeb5a25 {
   0% {
     opacity: 1;
   }

package/dist/assets/{NcRichContenteditable-xiQ4y2Z6.css → NcRichContenteditable-j9edXOEH.css}

@@ -74,18 +74,18 @@
 .autocomplete-result__subline[data-v-b6d7cce6] {
   color: var(--color-text-maxcontrast);
 }
-.material-design-icon[data-v-e6d6ac8d] {
+.material-design-icon[data-v-eb9c34f9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.rich-contenteditable[data-v-e6d6ac8d] {
+.rich-contenteditable[data-v-eb9c34f9] {
   position: relative;
   width: auto;
 }
-.rich-contenteditable__label[data-v-e6d6ac8d] {
+.rich-contenteditable__label[data-v-eb9c34f9] {
   position: absolute;
   margin-inline: 14px 0;
   max-width: fit-content;
@@ -103,9 +103,10 @@
     color var(--animation-quick),
     background-color var(--animation-quick) var(--animation-slow);
 }
-.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-e6d6ac8d],
-.rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-e6d6ac8d] {
+.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-eb9c34f9],
+.rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-eb9c34f9] {
   inset-block-start: -10px;
+  line-height: 1.5;
   font-size: 13px;
   font-weight: 500;
   border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
@@ -118,7 +119,7 @@
     font-size var(--animation-quick),
     color var(--animation-quick);
 }
-.rich-contenteditable__input[data-v-e6d6ac8d] {
+.rich-contenteditable__input[data-v-eb9c34f9] {
   overflow-y: auto;
   width: auto;
   margin: 0;
@@ -136,16 +137,16 @@
   min-height: 44px;
   max-height: 242px;
 }
-.rich-contenteditable__input--has-label[data-v-e6d6ac8d] {
+.rich-contenteditable__input--has-label[data-v-eb9c34f9] {
   margin-top: 10px;
 }
-.rich-contenteditable__input--empty[data-v-e6d6ac8d]:focus:before,
-.rich-contenteditable__input--empty[data-v-e6d6ac8d]:not(.rich-contenteditable__input--has-label):before {
+.rich-contenteditable__input--empty[data-v-eb9c34f9]:focus:before,
+.rich-contenteditable__input--empty[data-v-eb9c34f9]: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-e6d6ac8d]:not(.rich-contenteditable__input--disabled) {
+.rich-contenteditable__input[contenteditable=false][data-v-eb9c34f9]:not(.rich-contenteditable__input--disabled) {
   cursor: default;
   background-color: transparent;
   color: var(--color-main-text);
@@ -153,11 +154,11 @@
   opacity: 1;
   border-radius: 0;
 }
-.rich-contenteditable__input--multiline[data-v-e6d6ac8d] {
+.rich-contenteditable__input--multiline[data-v-eb9c34f9] {
   min-height: 132px;
   max-height: none;
 }
-.rich-contenteditable__input--disabled[data-v-e6d6ac8d] {
+.rich-contenteditable__input--disabled[data-v-eb9c34f9] {
   opacity: .5;
   color: var(--color-text-maxcontrast);
   border: 2px solid var(--color-background-darker);