@nextcloud/vue 8.40.0 → 8.41.0

package/dist/assets/{NcPopover-CVOTdP6j.css → NcPopover-nBCZ8J9Q.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_iOqZb {
+._material-design-icon_S8GUm {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8 .resize-observer {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8 .resize-observer {
   position: absolute;
   top: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
@@ -31,7 +31,7 @@
   overflow: hidden;
   opacity: 0;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8 .resize-observer object {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8 .resize-observer object {
   display: block;
   position: absolute;
   top: 0;
@@ -43,14 +43,14 @@
   pointer-events: none;
   z-index: -1;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper {
   z-index: 100000;
   top: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   left: 0;
   display: block !important;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__wrapper {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__wrapper {
   /*
    * In theory, "filter: drop-shadow" would look better here with arrow shadow.
    * In fact, in results in a blurry popover in Chromium on scaling.
@@ -62,14 +62,14 @@
   box-shadow: 0 1px 10px var(--color-box-shadow);
   border-radius: var(--border-radius-large);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__inner {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__inner {
   padding: 0;
   color: var(--color-main-text);
   border-radius: var(--border-radius-large);
   overflow: hidden;
   background: var(--color-main-background);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__arrow-container {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper .v-popper__arrow-container {
   position: absolute;
   z-index: 1;
   width: 0;
@@ -78,21 +78,21 @@
   border-color: transparent;
   border-width: 10px;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
   bottom: -9px;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-bottom-width: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-top-color: var(--color-main-background);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
   top: -9px;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-top-width: 0;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-bottom-color: var(--color-main-background);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   left: -9px;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
@@ -100,7 +100,7 @@
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-right-color: var(--color-main-background);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   right: -9px;
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
@@ -108,12 +108,12 @@
   /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
   border-left-color: var(--color-main-background);
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden=true] {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden=true] {
   visibility: hidden;
   transition: opacity var(--animation-quick), visibility var(--animation-quick);
   opacity: 0;
 }
-._ncPopover_HuRfU.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden=false] {
+._ncPopover_2xQGD.v-popper--theme-nc-popover-8.v-popper__popper[aria-hidden=false] {
   visibility: visible;
   transition: opacity var(--animation-quick);
   opacity: 1;

package/dist/assets/NcProfileHoverCard-D3V682nS.css

@@ -0,0 +1,340 @@
+/**
+ * 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-cf5e55fe] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.profile-hover-card[data-v-cf5e55fe] {
+  box-sizing: border-box;
+  position: relative;
+  width: 560px;
+  max-width: min(560px, 90vw);
+  min-height: 300px;
+  overflow: hidden;
+  color: var(--color-main-text);
+  background-color: var(--color-main-background);
+  border-radius: var(--border-radius-large);
+  display: flex;
+  flex-direction: column;
+}
+.profile-hover-card__header[data-v-cf5e55fe] {
+  display: flex;
+  flex-shrink: 0;
+  position: relative;
+  height: 127px;
+  background-color: var(--color-primary-element-light);
+}
+.profile-hover-card__header__edit[data-v-cf5e55fe] {
+  position: absolute;
+  inset-block-start: 8px;
+  inset-inline-end: 8px;
+  z-index: 1;
+}
+.profile-hover-card__header__container[data-v-cf5e55fe] {
+  align-self: flex-end;
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+  width: 100%;
+  margin: 8px 0;
+  padding-inline: 16px;
+  box-sizing: border-box;
+}
+.profile-hover-card__header__container__placeholder[data-v-cf5e55fe] {
+  flex: 0 0 180px;
+  width: 180px;
+}
+.profile-hover-card__header__container__avatar[data-v-cf5e55fe] {
+  flex-shrink: 0;
+}
+.profile-hover-card__header__container__identity[data-v-cf5e55fe] {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 4px;
+  min-width: 0;
+  flex: 1;
+  padding-inline: 0;
+}
+.profile-hover-card__header__container__displayname[data-v-cf5e55fe] {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+}
+.profile-hover-card__header__container__displayname h2[data-v-cf5e55fe] {
+  font-size: 24px;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__header__container__pronouns[data-v-cf5e55fe] {
+  font-size: 15px;
+  color: var(--color-text-maxcontrast);
+}
+.profile-hover-card__header__container__status[data-v-cf5e55fe] {
+  min-width: 0;
+}
+.profile-hover-card__header__container__status-content[data-v-cf5e55fe] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__body[data-v-cf5e55fe] {
+  flex: 1;
+  min-height: 0;
+  background-color: var(--color-main-background);
+}
+.profile-hover-card__content[data-v-cf5e55fe] {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding-inline: 16px 16px;
+  box-sizing: border-box;
+}
+.profile-hover-card__sidebar[data-v-cf5e55fe] {
+  align-self: flex-start;
+  padding-top: 8px;
+  width: 180px;
+  min-width: 180px;
+  margin-block: -100px 0;
+  margin-inline: 0 12px;
+}
+.profile-hover-card__header[data-v-cf5e55fe] .avatar.avatardiv, .profile-hover-card__sidebar[data-v-cf5e55fe] .avatar.avatardiv {
+  text-align: center;
+  margin: auto;
+  display: block;
+  padding: 8px;
+}
+.profile-hover-card__header[data-v-cf5e55fe] .avatar.avatardiv .avatardiv__user-status, .profile-hover-card__sidebar[data-v-cf5e55fe] .avatar.avatardiv .avatardiv__user-status {
+  inset-inline-end: 10px;
+  bottom: 10px;
+  width: 26px;
+  height: 26px;
+  background-size: 22px;
+  border: none;
+  background-color: var(--color-main-background);
+  line-height: 26px;
+  font-size: 16px;
+}
+.profile-hover-card__blocks[data-v-cf5e55fe] {
+  margin: 12px 0 12px 0;
+  display: grid;
+  gap: 8px 0;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  align-content: start;
+}
+.profile-hover-card__blocks p[data-v-cf5e55fe], .profile-hover-card__blocks h3[data-v-cf5e55fe] {
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__blocks-details[data-v-cf5e55fe] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px 0;
+}
+.profile-hover-card__blocks-details .detail[data-v-cf5e55fe] {
+  display: inline-block;
+  color: var(--color-text-maxcontrast);
+  font-size: 14px;
+}
+.profile-hover-card__blocks-details .detail p .detail-icon[data-v-cf5e55fe] {
+  display: inline-block;
+  vertical-align: middle;
+}
+.profile-hover-card__blocks-headline[data-v-cf5e55fe] {
+  margin-inline: 0;
+  margin-block: 4px 0;
+  font-weight: bold;
+  font-size: 16px;
+}
+.profile-hover-card__blocks-biography[data-v-cf5e55fe] {
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
+  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__blocks-biography[data-v-cf5e55fe] p {
+  margin: 0;
+}
+.profile-hover-card__blocks-empty-info[data-v-cf5e55fe] {
+  margin: 0;
+  padding: 0;
+}
+.profile-hover-card__loading[data-v-cf5e55fe], .profile-hover-card__error[data-v-cf5e55fe] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 300px;
+  padding: 16px;
+  color: var(--color-text-maxcontrast);
+}
+.user-actions[data-v-cf5e55fe] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px 0;
+  margin-top: 12px;
+  max-width: 180px;
+}
+.user-actions__loading[data-v-cf5e55fe] {
+  display: flex;
+  justify-content: center;
+  padding: 8px 0;
+}
+.user-actions__primary[data-v-cf5e55fe] {
+  margin: 0 auto;
+  width: 180px !important;
+}
+.user-actions__primary__icon[data-v-cf5e55fe] {
+  height: 20px;
+  width: 20px;
+  object-fit: contain;
+  filter: var(--primary-invert-if-dark);
+}
+.user-actions__primary__icon-class[data-v-cf5e55fe] {
+  display: block;
+  height: 20px;
+  width: 20px;
+  background-size: 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  filter: var(--primary-invert-if-dark);
+}
+.user-actions__other[data-v-cf5e55fe] {
+  display: flex;
+  justify-content: center;
+  gap: 0 4px;
+}
+.user-actions__other__icon[data-v-cf5e55fe] {
+  height: 20px;
+  width: 20px;
+  object-fit: contain;
+  filter: var(--background-invert-if-dark);
+  align-self: center;
+  margin: 8px;
+}
+.user-actions__other__icon-class[data-v-cf5e55fe] {
+  display: block;
+  height: 20px;
+  width: 20px;
+  margin: 8px;
+  background-size: 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  filter: var(--background-invert-if-dark);
+}
+@media only screen and (max-width: 512px) {
+.profile-hover-card[data-v-cf5e55fe] {
+    width: min(560px, 100vw - 24px);
+    max-width: calc(100vw - 24px);
+    height: auto;
+    min-height: 0;
+    max-height: min(80vh, 520px);
+    overflow: auto;
+}
+.profile-hover-card__header[data-v-cf5e55fe] {
+    height: auto;
+    min-height: 112px;
+}
+.profile-hover-card__header__container[data-v-cf5e55fe] {
+    align-self: flex-end;
+    align-items: flex-end;
+    gap: 16px;
+    margin: 12px auto;
+    padding-inline: 12px;
+}
+.profile-hover-card__header__container__avatar[data-v-cf5e55fe] {
+    align-self: flex-end;
+}
+.profile-hover-card__header__container__identity[data-v-cf5e55fe] {
+    gap: 6px;
+    padding-inline: 0;
+    justify-content: flex-end;
+}
+.profile-hover-card__header__container__displayname[data-v-cf5e55fe] {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+}
+.profile-hover-card__header__container__displayname h2[data-v-cf5e55fe] {
+    font-size: 20px;
+}
+.profile-hover-card__header__container__pronouns[data-v-cf5e55fe] {
+    font-size: 16px;
+}
+.profile-hover-card__header__container__pronoun-separator[data-v-cf5e55fe] {
+    display: none;
+}
+.profile-hover-card__header__container__status-content[data-v-cf5e55fe] {
+    font-size: 16px;
+}
+.profile-hover-card__content[data-v-cf5e55fe] {
+    display: block;
+    height: auto;
+    padding-inline: 12px;
+    padding-block-end: 12px;
+}
+.profile-hover-card__sidebar[data-v-cf5e55fe] {
+    margin: unset;
+    width: auto;
+    min-width: 0;
+    padding-top: 0;
+}
+.profile-hover-card__blocks[data-v-cf5e55fe] {
+    width: unset;
+    margin: 0;
+    padding: 8px 4px 12px;
+}
+.profile-hover-card__header[data-v-cf5e55fe] .avatar.avatardiv .avatardiv__user-status, .profile-hover-card__sidebar[data-v-cf5e55fe] .avatar.avatardiv .avatardiv__user-status {
+    inset-inline-end: 0;
+    bottom: 0;
+}
+.profile-hover-card__loading[data-v-cf5e55fe], .profile-hover-card__error[data-v-cf5e55fe] {
+    min-height: 200px;
+}
+.user-actions[data-v-cf5e55fe] {
+    width: unset;
+    max-width: none;
+    margin: 8px auto 0;
+    padding: 0 4px;
+}
+.user-actions__primary[data-v-cf5e55fe] {
+    width: 100% !important;
+    max-width: 220px;
+}
+.user-actions__other[data-v-cf5e55fe] {
+    flex-wrap: wrap;
+}
+}
+@media only screen and (max-width: 480px) {
+.profile-hover-card[data-v-cf5e55fe] {
+    width: calc(100vw - 16px);
+    max-width: calc(100vw - 16px);
+    border-radius: var(--border-radius);
+}
+.profile-hover-card__header__container[data-v-cf5e55fe] {
+    gap: 8px;
+    padding-inline: 8px;
+}
+}

package/dist/assets/{NcRadioGroup-DQde-Yd1.css → NcRadioGroup-Bq7x-xEK.css}

@@ -9,13 +9,13 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_hB6fD {
+._material-design-icon_A8sTh {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroup_checkboxRadioContainer_amoAo .checkbox-content {
+._radioGroup_checkboxRadioContainer_C6Uum .checkbox-content {
   max-width: unset !important;
 }

package/dist/assets/{NcRadioGroupButton-Dwpy1m0F.css → NcRadioGroupButton-i11p0wHX.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_7ahcn {
+._material-design-icon_obCV- {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroupButton_7L9nl {
+._radioGroupButton_3Dqzj {
   --radio-group-button--border-radius: var(--border-radius-small);
   --radio-group-button--border-width: 1px;
   --radio-group-button--color: var(--color-primary-element-light-text);
@@ -39,41 +39,41 @@
   padding-block: var(--radio-group-button--padding) 0;
   padding-inline: var(--radio-group-button--padding);
 }
-._radioGroupButton_7L9nl * {
+._radioGroupButton_3Dqzj * {
   cursor: pointer;
 }
-._radioGroupButton_7L9nl:has(._radioGroupButton__label_u1VfE) {
+._radioGroupButton_3Dqzj:has(._radioGroupButton__label_l-dql) {
   padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
 }
-._radioGroupButton_7L9nl:has(._radioGroupButton__icon_w45z4) {
+._radioGroupButton_3Dqzj:has(._radioGroupButton__icon_78UAr) {
   padding-inline-start: var(--radio-group-button--padding);
 }
-._radioGroupButton_7L9nl:hover:not(._radioGroupButton_disabled_6HMWB) {
+._radioGroupButton_3Dqzj:hover:not(._radioGroupButton_disabled_1iFko) {
   background-color: var(--radio-group-button--background-color-hover);
 }
-._radioGroupButton_7L9nl:focus-within {
+._radioGroupButton_3Dqzj:focus-within {
   --radio-group-button--border-width: 2px;
   --radio-group-button--padding: 0px;
   border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
   outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
 }
-._radioGroupButton_active_sPnCq {
+._radioGroupButton_active_sqEAl {
   --radio-group-button--color: var(--color-primary-element-text);
   --radio-group-button--background-color: var(--color-primary-element);
   --radio-group-button--background-color-hover: var(--color-primary-element-hover);
 }
-._radioGroupButton__label_u1VfE {
+._radioGroupButton__label_l-dql {
   font-weight: var(--font-weight-element, bold);
 }
-._radioGroupButton_disabled_6HMWB {
+._radioGroupButton_disabled_1iFko {
   filter: saturate(0.7);
   opacity: 0.5;
   cursor: default;
 }
-._radioGroupButton_disabled_6HMWB * {
+._radioGroupButton_disabled_1iFko * {
   cursor: default;
 }
-._radioGroupButton__icon_w45z4 {
+._radioGroupButton__icon_78UAr {
   --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
   display: flex;
   align-items: center;
@@ -81,6 +81,6 @@
   height: 100%;
   width: var(--radio-group-button--icon-size);
 }
-._radioGroupButton__icon_w45z4 * {
+._radioGroupButton__icon_78UAr * {
   --default-clickable-area: var(--radio-group-button--icon-size);
 }

package/dist/assets/NcReferenceWidget-Cg4xOL_8.css

@@ -0,0 +1,150 @@
+/**
+ * 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-96e3ab0e] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.widget-custom[data-v-96e3ab0e] {
+  width: 100%;
+  margin: auto;
+  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
+  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
+  overflow: hidden;
+  border: 2px solid var(--color-border);
+  border-radius: var(--border-radius-container);
+  background-color: transparent;
+  display: flex;
+  position: relative;
+}
+.widget-custom.full-width[data-v-96e3ab0e] {
+  width: var(--widget-full-width, 100%) !important;
+  inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1);
+  position: relative;
+}
+.widget-custom__content[data-v-96e3ab0e] {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.widget-custom__resize-handle[data-v-96e3ab0e] {
+  position: absolute;
+  bottom: 0;
+  inset-inline-start: 0;
+  width: 100%;
+  height: calc(var(--default-grid-baseline) * 2);
+  border-top: 1px solid var(--color-border);
+  margin-top: -1px;
+  cursor: row-resize;
+  touch-action: none;
+}
+.widget-custom__resize-handle[data-v-96e3ab0e]::before, .widget-custom__resize-handle[data-v-96e3ab0e]::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: var(--color-border);
+  margin-top: 1px;
+  transform: translateX(-50%);
+  width: 30px;
+  height: 1px;
+}
+.widget-custom__resize-handle[data-v-96e3ab0e]::before {
+  margin-top: -2px;
+}
+.widget-custom__resize-handle[data-v-96e3ab0e]:focus-visible {
+  outline: 2px solid var(--color-primary-element);
+  outline-offset: -4px;
+}
+.widget-access[data-v-96e3ab0e] {
+  width: 100%;
+  margin: auto;
+  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
+  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
+  overflow: hidden;
+  border: 2px solid var(--color-border);
+  border-radius: var(--border-radius-container);
+  background-color: transparent;
+  display: flex;
+  padding: calc(var(--default-grid-baseline, 4px) * 3);
+}
+.widget-default[data-v-96e3ab0e] {
+  width: 100%;
+  margin: auto;
+  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
+  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
+  overflow: hidden;
+  border: 2px solid var(--color-border);
+  border-radius: var(--border-radius-container);
+  background-color: transparent;
+  display: flex;
+}
+.widget-default--compact[data-v-96e3ab0e] {
+  flex-direction: column;
+}
+.widget-default--compact .widget-default--image[data-v-96e3ab0e] {
+  width: 100%;
+  height: 150px;
+}
+.widget-default--compact .widget-default--details[data-v-96e3ab0e] {
+  width: 100%;
+  padding-top: calc(var(--default-grid-baseline, 4px) * 2);
+  padding-bottom: calc(var(--default-grid-baseline, 4px) * 2);
+}
+.widget-default--compact .widget-default--description[data-v-96e3ab0e] {
+  display: none;
+}
+.widget-default--image[data-v-96e3ab0e] {
+  width: 40%;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+.widget-default--name[data-v-96e3ab0e] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: var(--font-weight-heading, bold);
+}
+.widget-default--details[data-v-96e3ab0e] {
+  padding: calc(var(--default-grid-baseline, 4px) * 3);
+  width: 60%;
+}
+.widget-default--details p[data-v-96e3ab0e] {
+  margin: 0;
+  padding: 0;
+}
+.widget-default--description[data-v-96e3ab0e] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+.widget-default--link[data-v-96e3ab0e] {
+  color: var(--color-text-maxcontrast);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.toggle-interactive[data-v-96e3ab0e] {
+  position: relative;
+}
+.toggle-interactive .toggle-interactive--button[data-v-96e3ab0e] {
+  position: absolute;
+  bottom: var(--default-grid-baseline);
+  inset-inline-end: var(--default-grid-baseline);
+  z-index: 10000;
+}