superdesk-ui-framework 3.1.8 → 3.1.12

package/dist/superdesk-ui.bundle.css

@@ -11709,10 +11709,11 @@
   --sd-shadow--z2: 0 0 0 1px var(--sd-shadow-outline), 0 1px 4px hsla(0, 0%, 0%, 0.16), 0 2px 6px hsla(0, 0%, 0%, 0.12), 0 0 1px hsla(0, 0%, 0%, 0.1);
   --sd-shadow--z3: 0 0 0 1px var(--sd-shadow-outline), 0 1px 6px hsla(0, 0%, 0%, 0.16), 0 3px 8px hsla(0, 0%, 0%, 0.24), 0 0 1px hsla(0, 0%, 0%, 0.1);
   --sd-shadow--z4: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.2), 0 6px 16px hsla(0, 0%, 0%, 0.3), 0 0 1px hsla(0, 0%, 0%, 0.1);
-  --sd-drop-shadow--z1: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 3px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 0 1px rhsla(0, 0%, 0%, 0.12));
-  --sd-drop-shadow--z2: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 4px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 2px 6px rhsla(0, 0%, 0%, 0.14)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
-  --sd-drop-shadow--z3: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 6px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 3px 8px rhsla(0, 0%, 0%, 0.26)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
-  --sd-drop-shadow--z4: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 2px 10px hsla(0, 0%, 0%, 0.24)) drop-shadow(0 6px 16px rhsla(0, 0%, 0%, 0.32)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
+  --sd-drop-shadow--z1: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 3px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.12));
+  --sd-drop-shadow--z2: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 4px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 2px 6px hsla(0, 0%, 0%, 0.14)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
+  --sd-drop-shadow--z3: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 6px hsla(0, 0%, 0%, 0.18)) drop-shadow(0 3px 8px hsla(0, 0%, 0%, 0.26)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
+  --sd-drop-shadow--z4: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 2px 10px hsla(0, 0%, 0%, 0.24)) drop-shadow(0 6px 16px hsla(0, 0%, 0%, 0.32)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.1));
+  --sd-drop-shadow--none: drop-shadow(0 0 0 transparent);
   --form-element-height-small: var(--space--3);
   --form-element-height-medium: var(--space--4);
   --form-element-height-large: var(--space--5); }
@@ -11729,12 +11730,20 @@
 
 [data-theme="dark-ui"],
 .dark-ui {
-  --sd-shadow-outline: hsl(214, 13%, 60%, 0.14);
+  --sd-shadow-outline: hsl(214, 13%, 60%, 0.28);
   --sd-shadow-outline--2: hsl(214, 13%, 60%, 0.1);
   --sd-shadow__dropdown: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.6), 0 3px 1px -2px hsla(0, 0%, 0%, 0.2);
   --sd-shadow__modal: 0 0 0 1px var(--sd-shadow-outline), 0 0 8px 2px hsla(0, 0%, 0%, 0.4);
   --sd-shadow__toast: 0 0 0 1px var(--sd-shadow-outline--2), 0 2px 4px hsla(0, 0%, 0%, 0.24), 0 8px 12px hsla(0, 0%, 0%, 0.26);
-  --sd-shadow__menu-item--focus-inner: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20), inset 0 0 0 1px var(--sd-colour-interactive--alpha-50); }
+  --sd-shadow__menu-item--focus-inner: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20), inset 0 0 0 1px var(--sd-colour-interactive--alpha-50);
+  --sd-shadow--z1: 0 0 0 1px var(--sd-shadow-outline), 0 1px 3px hsla(0, 0%, 0%, 0.36), 0 0 1px hsla(0, 0%, 0%, 0.2);
+  --sd-shadow--z2: 0 0 0 1px var(--sd-shadow-outline), 0 1px 4px hsla(0, 0%, 0%, 0.36), 0 2px 6px hsla(0, 0%, 0%, 0.24), 0 0 1px hsla(0, 0%, 0%, 0.2);
+  --sd-shadow--z3: 0 0 0 1px var(--sd-shadow-outline), 0 1px 6px hsla(0, 0%, 0%, 0.36), 0 3px 8px hsla(0, 0%, 0%, 0.48), 0 0 1px hsla(0, 0%, 0%, 0.2);
+  --sd-shadow--z4: 0 0 0 1px var(--sd-shadow-outline), 0 2px 10px hsla(0, 0%, 0%, 0.4), 0 6px 16px hsla(0, 0%, 0%, 0.6), 0 0 1px hsla(0, 0%, 0%, 0.2);
+  --sd-drop-shadow--z1: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 3px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
+  --sd-drop-shadow--z2: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 4px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 2px 6px hsla(0, 0%, 0%, 0.28)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
+  --sd-drop-shadow--z3: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 1px 6px hsla(0, 0%, 0%, 0.38)) drop-shadow(0 3px 8px hsla(0, 0%, 0%, 0.50)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2));
+  --sd-drop-shadow--z4: drop-shadow(0 0 0 var(--sd-shadow-outline)) drop-shadow(0 2px 10px hsla(0, 0%, 0%, 0.44)) drop-shadow(0 6px 16px hsla(0, 0%, 0%, 0.64)) drop-shadow(0 0 1px hsla(0, 0%, 0%, 0.2)); }
 
 .sd-top-menu .navbtn,
 .sd-top-menu .sd-navbtn,
@@ -12038,7 +12047,11 @@
   --sd-colour-avatar-outline--online: var(--sd-colour-success);
   --sd-colour-state--default: var(--color-text-lighter);
   --sd-colour-state--in-progress: var(--sd-colour-highlight);
-  --sd-colour-state--done: var(--sd-colour-success); }
+  --sd-colour-state--done: var(--sd-colour-success);
+  --collapse-box-button-color-bg-default: hsla(var(--sd-colour-cool-grey-l--85), 1);
+  --collapse-box-button-color-bg-hover: hsla(var(--sd-colour-cool-grey-l--80), 1);
+  --collapse-box-button-color-fg-default: var(--color-text);
+  --collapse-box-button-color-fg-hover: var(--color-text); }
 
 [data-theme="dark-ui"] {
   --sd-card-header-bg-color--secondary: hsla(214, 30%, 30%, 1);
@@ -12158,7 +12171,11 @@
   --sd-colour-avatar-add--hover: hsla(214, 13%, 90%, 1);
   --sd-colour-state--default: var(--color-text-lighter);
   --sd-colour-state--in-progress: var(--sd-colour-highlight);
-  --sd-colour-state--done: var(--sd-colour-success); }
+  --sd-colour-state--done: var(--sd-colour-success);
+  --collapse-box-button-color-bg-default: hsla(var(--sd-colour-cool-grey-l--25), 1);
+  --collapse-box-button-color-bg-hover: hsla(var(--sd-colour-cool-grey-l--30), 1);
+  --collapse-box-button-color-fg-default: var(--color-text-light);
+  --collapse-box-button-color-fg-hover: var(--color-text); }
 
 [data-theme="accessible-light-ui"],
 [data-theme="contrast-light-ui"] {
@@ -17044,272 +17061,6 @@ button {
 .cursor-pointer {
   cursor: pointer; }
 
-.sd-display--none {
-  display: none !important; }
-
-.sd-display--inline {
-  display: inline !important; }
-
-.sd-display--inline-block {
-  display: inline-block !important; }
-
-.sd-display--block {
-  display: block !important; }
-
-.sd-display--contents {
-  display: contents !important; }
-
-.sd-display--table {
-  display: table; }
-
-.sd-display--table-cell {
-  display: table-cell; }
-
-.sd-display--table-row {
-  display: table-row; }
-
-.sd-display--table-column {
-  display: table-column; }
-
-.sd-display--table-column-group {
-  display: table-column-group; }
-
-.sd-display--table-row-group {
-  display: table-row-group; }
-
-.sd-display--table-footer-group {
-  display: table-footer-group; }
-
-.sd-display--table-header-group {
-  display: table-header-group; }
-
-.sd-display--table-caption {
-  display: table-caption; }
-
-.sd-display--inline-flex {
-  display: inline-flex !important; }
-
-.sd-display--flex {
-  display: flex !important; }
-
-.sd-flex--direction-row {
-  flex-direction: row !important; }
-
-.sd-flex--direction-col {
-  flex-direction: column !important; }
-
-.sd-flex--direction-row-reverse {
-  flex-direction: row-reverse !important; }
-
-.sd-flex--direction-col-reverse {
-  flex-direction: column-reverse !important; }
-
-.sd-flex--wrap {
-  flex-wrap: wrap; }
-
-.sd-flex--wrap-reverse {
-  flex-wrap: wrap-reverse; }
-
-.sd-flex--nowrap {
-  flex-wrap: nowrap; }
-
-.sd-flex--flex-1 {
-  flex: 1 1 0%; }
-
-.sd-flex--flex-1 {
-  flex: 1 1 0%; }
-
-.sd-flex--flex-auto {
-  flex: 1 1 auto; }
-
-.sd-flex--flex-initial {
-  flex: 0 1 auto; }
-
-.sd-flex--flex-none {
-  flex: none; }
-
-.sd-flex--shrink {
-  flex-shrink: 1 !important; }
-
-.sd-flex--shrink-0 {
-  flex-shrink: 0 !important; }
-
-.sd-flex--grow {
-  flex-grow: 1 !important; }
-
-.sd-flex--grow-0 {
-  flex-grow: 0 !important; }
-
-.sd-flex--justify-start {
-  justify-content: flex-start !important; }
-
-.sd-flex--justify-end {
-  justify-content: flex-end !important; }
-
-.sd-flex--justify-center {
-  justify-content: center !important; }
-
-.sd-flex--justify-between {
-  justify-content: space-between !important; }
-
-.sd-flex--justify-around {
-  justify-content: space-around !important; }
-
-.sd-flex--justify-evenly {
-  justify-content: space-evenly !important; }
-
-.sd-flex--items-start {
-  align-items: flex-start !important; }
-
-.sd-flex--items-end {
-  align-items: flex-end !important; }
-
-.sd-flex--items-center {
-  align-items: center !important; }
-
-.sd-flex--items-baseline {
-  align-items: baseline !important; }
-
-.sd-flex--items-stretch {
-  align-items: stretch !important; }
-
-.sd-empty:empty {
-  display: none !important; }
-
-.sd-position--static {
-  position: static; }
-
-.sd-position--fixed {
-  position: fixed; }
-
-.sd-position--relative {
-  position: relative; }
-
-.sd-position--absolute {
-  position: absolute; }
-
-.sd-position--sticky {
-  position: sticky; }
-
-.sd-overflow--auto {
-  overflow: auto !important; }
-
-.sd-overflow--hidden {
-  overflow: hidden !important; }
-
-.sd-overflow--visible {
-  overflow: visible !important; }
-
-.sd-overflow--scroll {
-  overflow: scroll !important; }
-
-.sd-overflow--x-auto {
-  overflow-x: auto !important; }
-
-.sd-overflow--y-auto {
-  overflow-y: auto !important; }
-
-.sd-overflow--x-hidden {
-  overflow-x: hidden !important; }
-
-.sd-overflow--y-hidden {
-  overflow-y: hidden !important; }
-
-.sd-overflow--x-visible {
-  overflow-x: visible !important; }
-
-.sd-overflow--y-visible {
-  overflow-y: visible !important; }
-
-.sd-overflow--x-scroll {
-  overflow-x: scroll !important; }
-
-.sd-overflow--y-scroll {
-  overflow-y: scroll !important; }
-
-.sd-overflow-ellipsis,
-.sd-overflow--ellipsis {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden; }
-
-.sd-object-fit--contain {
-  object-fit: contain; }
-
-.sd-object-fit--cover {
-  object-fit: cover; }
-
-.sd-object-fit--fill {
-  object-fit: fill; }
-
-.sd-object-fit--none {
-  object-fit: none; }
-
-.sd-object-fit--scale-down {
-  object-fit: scale-down; }
-
-.sd-object-position--bottom {
-  object-position: bottom; }
-
-.sd-object-position--center {
-  object-position: center; }
-
-.sd-object-position--left {
-  object-position: inline-start; }
-
-.sd-object-position--left-bottom {
-  object-position: left bottom; }
-
-.sd-object-position--left-top {
-  object-position: left top; }
-
-.sd-object-position--right {
-  object-position: right; }
-
-.sd-object-position--right-bottom {
-  object-position: right bottom; }
-
-.sd-object-position--right-top {
-  object-position: right top; }
-
-.sd-object-position--top {
-  object-position: top; }
-
-.sd-shadow--z0 {
-  box-shadow: none !important;
-  transition: box-shadow 0.3s ease-out; }
-  .sd-shadow--z0.btn:active {
-    box-shadow: none !important;
-    transition: box-shadow 0.4s ease-out; }
-
-.sd-shadow--z1 {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.1) !important;
-  transition: box-shadow 0.3s ease-out; }
-  .sd-shadow--z1.btn:active {
-    box-shadow: none !important;
-    transition: box-shadow 0.4s ease-out; }
-
-.sd-shadow--z2 {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1) !important;
-  transition: box-shadow 0.3s ease-out; }
-  .sd-shadow--z2.btn:active {
-    box-shadow: none !important;
-    transition: box-shadow 0.4s ease-out; }
-
-.sd-shadow--z3 {
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.1) !important;
-  transition: box-shadow 0.3s ease-out; }
-  .sd-shadow--z3.btn:active {
-    box-shadow: none !important;
-    transition: box-shadow 0.4s ease-out; }
-
-.sd-shadow--z4 {
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) !important;
-  transition: box-shadow 0.3s ease-out; }
-  .sd-shadow--z4.btn:active {
-    box-shadow: none !important;
-    transition: box-shadow 0.4s ease-out; }
-
 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
@@ -17390,45 +17141,6 @@ h6 {
   color: var(--color-text-light);
   letter-spacing: 0.025em; }
 
-.sd-line-clamp--1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1; }
-
-.sd-line-clamp--2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2; }
-
-.sd-line-clamp--3 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3; }
-
-.sd-line-clamp--4 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4; }
-
-.sd-line-clamp--5 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5; }
-
-.sd-line-clamp--6 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 6; }
-
-.sd-line-clamp--none {
-  -webkit-line-clamp: unset; }
-
 .sd-text__slugline {
   color: var(--sd-slugline-color);
   font-weight: 500;
@@ -17472,253 +17184,894 @@ h6 {
   margin-inline-end: 0;
   margin-inline-start: 1rem; }
 
-.sd-opacity--20 {
-  opacity: 0.2 !important; }
-
-.sd-opacity--25 {
-  opacity: 0.25 !important; }
+.sd-padding-all--0 {
+  padding: 0 !important; }
 
-.sd-opacity--30 {
-  opacity: 0.3 !important; }
+.sd-padding-all--0-5 {
+  padding: 0.4rem !important; }
 
-.sd-opacity--40 {
-  opacity: 0.4 !important; }
+.sd-padding-all--1 {
+  padding: 0.8rem !important; }
 
-.sd-opacity--50 {
-  opacity: 0.5 !important; }
+.sd-padding-all--1-5 {
+  padding: 1.2rem !important; }
 
-.sd-opacity--60 {
-  opacity: 0.6 !important; }
+.sd-padding-all--2 {
+  padding: 1.6rem !important; }
 
-.sd-opacity--75 {
-  opacity: 0.75 !important; }
+.sd-padding-all--3 {
+  padding: 2.4rem !important; }
 
-.m-auto,
-.sd-margin--auto {
-  margin: auto !important; }
+.sd-margin-all--0 {
+  margin: 0 !important; }
 
-.ml-auto,
-.ms-auto,
-.sd-margin-l--auto,
-.sd-margin-s--auto {
-  margin-inline-start: auto !important; }
+.sd-margin-all--0-5 {
+  margin: 0.4rem !important; }
 
-.mr-auto,
-.me-auto,
-.sd-margin-r--auto,
-.sd-margin-e--auto {
-  margin-inline-end: auto !important; }
+.sd-margin-all--1 {
+  margin: 0.8rem !important; }
 
-.mt-auto,
-.sd-margin-t--auto {
-  margin-block-start: auto !important; }
+.sd-margin-all--1-5 {
+  margin: 1.2rem !important; }
 
-.mb-auto,
-.sd-margin-b--auto {
-  margin-block-end: auto !important; }
+.sd-margin-all--2 {
+  margin: 1.6rem !important; }
 
-.mlr-auto,
-.mx-auto,
-.sd-margin-x--auto {
-  margin-inline-start: auto !important;
-  margin-inline-end: auto !important; }
+.sd-margin-all--3 {
+  margin: 2.4rem !important; }
 
-.my-auto,
-.sd-margin-y--auto {
-  margin-block-start: auto !important;
-  margin-block-end: auto !important; }
+.sd-wrap-helper {
+  display: contents !important; }
 
-.m-0,
-.sd-margin--0 {
-  margin: 0 !important; }
+.sd-accessibility__btn-text--invisible,
+.sd-accessibility__screenreader-text {
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  font-size: 0.1rem;
+  color: transparent !important;
+  pointer-events: none; }
 
-.m-0-5,
-.sd-margin--0-5 {
-  margin: calc(0.5 * var(--base-increment)) !important; }
+.overflow-auto {
+  overflow: auto !important; }
 
-.m-1,
-.sd-margin--1 {
-  margin: calc(1 * var(--base-increment)) !important; }
+.overflow-hidden {
+  overflow: hidden !important; }
 
-.m-1-5,
-.sd-margin--1-5 {
-  margin: calc(1.5 * var(--base-increment)) !important; }
+.overflow-x-hidden {
+  overflow-x: hidden !important; }
 
-.m-2,
-.sd-margin--2 {
-  margin: calc(2 * var(--base-increment)) !important; }
+.sd-d-none {
+  display: none !important; }
 
-.m-3,
-.sd-margin--3 {
-  margin: calc(3 * var(--base-increment)) !important; }
+.sd-d-inline {
+  display: inline !important; }
 
-.m-4,
-.sd-margin--4 {
-  margin: calc(4 * var(--base-increment)) !important; }
+.sd-d-inline-block {
+  display: inline-block !important; }
 
-.m-5,
-.sd-margin--5 {
-  margin: calc(5 * var(--base-increment)) !important; }
+.sd-d-block {
+  display: block !important; }
 
-.ms-0,
-.sd-margin-l--0 {
-  margin-inline-start: 0 !important; }
+.sd-d-flex {
+  display: flex !important; }
 
-.ms-0-5,
-.sd-margin-l--0-5 {
-  margin-inline-start: calc(0.5 * var(--base-increment)) !important; }
+.sd-d-inline-flex {
+  display: inline-flex !important; }
 
-.ms-1,
-.sd-margin-l--1 {
-  margin-inline-start: calc(1 * var(--base-increment)) !important; }
+.sd-display-flex-column {
+  display: flex;
+  flex-direction: column;
+  overflow: auto; }
 
-.ms-1-5,
-.sd-margin-l--1-5 {
-  margin-inline-start: calc(1.5 * var(--base-increment)) !important; }
+.sd-flex-wrap {
+  flex-wrap: wrap; }
 
-.ms-2,
-.sd-margin-l--2 {
-  margin-inline-start: calc(2 * var(--base-increment)) !important; }
+.sd-flex-shrink {
+  flex-shrink: 1 !important; }
 
-.ms-3,
-.sd-margin-l--3 {
-  margin-inline-start: calc(3 * var(--base-increment)) !important; }
+.sd-flex-no-shrink {
+  flex-shrink: 0 !important; }
 
-.ms-4,
-.sd-margin-l--4 {
-  margin-inline-start: calc(4 * var(--base-increment)) !important; }
+.sd-flex-justify-end {
+  justify-content: flex-end !important; }
 
-.ms-5,
-.sd-margin-l--5 {
-  margin-inline-start: calc(5 * var(--base-increment)) !important; }
+.sd-flex-justify-center {
+  justify-content: center !important; }
 
-.me-0,
-.sd-margin-r--0 {
-  margin-inline-end: 0 !important; }
+.sd-flex-justify-space-between {
+  justify-content: space-between !important; }
 
-.me-0-5,
-.sd-margin-r--0-5 {
-  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }
+.sd-flex-align-items-center {
+  align-items: center !important; }
 
-.me-1,
-.sd-margin-r--1 {
-  margin-inline-end: calc(1 * var(--base-increment)) !important; }
+.sd-flex-grow {
+  flex-grow: 1 !important; }
 
-.me-1-5,
-.sd-margin-r--1-5 {
-  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }
+.sd-flex-no-grow {
+  flex-grow: 0 !important; }
 
-.me-2,
-.sd-margin-r--2 {
-  margin-inline-end: calc(2 * var(--base-increment)) !important; }
+.sd-no-wrap {
+  white-space: nowrap; }
 
-.me-3,
-.sd-margin-r--3 {
-  margin-inline-end: calc(3 * var(--base-increment)) !important; }
+.sd-text__serif,
+.sd-text--serif {
+  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; }
 
-.me-4,
-.sd-margin-r--4 {
-  margin-inline-end: calc(4 * var(--base-increment)) !important; }
+.sd-text--sans {
+  font-family: "Roboto", Helvetica, Arial, sans-serif; }
 
-.me-5,
-.sd-margin-r--5 {
-  margin-inline-end: calc(5 * var(--base-increment)) !important; }
+.sd-text--mono {
+  font-family: "Roboto Mono", "Consolas", "monaco", monospace; }
 
-.mx-0,
-.sd-margin-x--0 {
-  margin-inline-start: 0 !important;
-  margin-inline-end: 0 !important; }
+.sd-whitespace--normal,
+.whitespace-normal {
+  white-space: normal; }
 
-.mx-0-5,
-.sd-margin-r--0-5 {
-  margin-inline-start: calc(0.5 * var(--base-increment)) !important;
-  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }
+.sd-whitespace--nowrap,
+.whitespace-nowrap {
+  white-space: nowrap; }
 
-.mx-1,
-.sd-margin-x--1 {
-  margin-inline-start: calc(1 * var(--base-increment)) !important;
-  margin-inline-end: calc(1 * var(--base-increment)) !important; }
+.sd-whitespace--pre,
+.whitespace-pre {
+  white-space: pre; }
 
-.mx-1-5,
-.sd-margin-x--1-5 {
-  margin-inline-start: calc(1.5 * var(--base-increment)) !important;
-  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }
+.sd-whitespace--pre-line,
+.whitespace-pre-line {
+  white-space: pre-line; }
 
-.mx-2,
-.sd-margin-x--2 {
-  margin-inline-start: calc(2 * var(--base-increment)) !important;
-  margin-inline-end: calc(2 * var(--base-increment)) !important; }
+.sd-whitespace--pre-wrap,
+.whitespace-pre-wrap {
+  white-space: pre-wrap; }
 
-.mx-3,
-.sd-margin-x--3 {
-  margin-inline-start: calc(3 * var(--base-increment)) !important;
-  margin-inline-end: calc(3 * var(--base-increment)) !important; }
+.whitespace-break-spaces {
+  white-space: break-spaces; }
 
-.mx-4,
-.sd-margin-x--4 {
-  margin-inline-start: calc(4 * var(--base-increment)) !important;
-  margin-inline-end: calc(4 * var(--base-increment)) !important; }
+.sd-panel-bg--100 {
+  background-color: var(--sd-colour-panel-bg--100); }
 
-.mx-5,
-.sd-margin-x--5 {
-  margin-inline-start: calc(5 * var(--base-increment)) !important;
-  margin-inline-end: calc(5 * var(--base-increment)) !important; }
+.sd-panel-bg--000 {
+  background-color: var(--sd-item__main-Bg); }
 
-.mt-0,
-.sd-margin-t--0 {
-  margin-block-start: 0 !important; }
+.sd-panel-bg--gradient-1 {
+  background-color: var(--sd-item__main-Bg);
+  background: linear-gradient(180deg, var(--sd-colour-interactive--alpha-20) 0%, var(--sd-item__main-Bg) 40%); }
 
-.mt-0-5,
-.sd-margin-t--0-5 {
-  margin-block-start: calc(0.5 * var(--base-increment)) !important; }
+.sd-state--focus:focus-within,
+.sd-state--active {
+  box-shadow: var(--sd-shadow__item--selected) !important;
+  transition: box-shadow 0.3s ease, filter 0.3s ease; }
 
-.mt-1,
-.sd-margin-t--1 {
-  margin-block-start: calc(1 * var(--base-increment)) !important; }
+.sd-width--xxx-small {
+  width: var(--width__container--xxx-small) !important; }
 
-.mt-1-5,
-.sd-margin-t--1-5 {
-  margin-block-start: calc(1.5 * var(--base-increment)) !important; }
+.sd-width--xx-small {
+  width: var(--width__container--xx-small); }
 
-.mt-2,
-.sd-margin-t--2 {
-  margin-block-start: calc(2 * var(--base-increment)) !important; }
+.sd-width--x-small {
+  width: var(--width__container--x-small); }
 
-.mt-3,
-.sd-margin-t--3 {
-  margin-block-start: calc(3 * var(--base-increment)) !important; }
+.sd-width--small {
+  width: var(--width__container--small); }
 
-.mt-4,
-.sd-margin-t--4 {
-  margin-block-start: calc(4 * var(--base-increment)) !important; }
+.sd-width--medium {
+  width: var(--width__container--medium); }
 
-.mt-5,
-.sd-margin-t--5 {
-  margin-block-start: calc(5 * var(--base-increment)) !important; }
+.sd-width--large {
+  width: var(--width__container--large); }
 
-.mb--0,
-.sd-margin-b--0 {
-  margin-block-end: 0 !important; }
+.sd-width--x-large {
+  width: var(--width__container--x-large); }
 
-.mb-0-5,
-.sd-margin-b--0-5 {
-  margin-block-end: calc(0.5 * var(--base-increment)) !important; }
+.sd-width--xx-large {
+  width: var(--width__container--xx-large); }
 
-.mb-1,
-.sd-margin-b--1 {
-  margin-block-end: calc(1 * var(--base-increment)) !important; }
+.sd-width--xxx-large {
+  width: var(--width__container--xxx-large); }
 
-.mb-1-5,
-.sd-margin-b--1-5 {
-  margin-block-end: calc(1.5 * var(--base-increment)) !important; }
+.sd-width--full {
+  width: var(--width__container--full); }
 
-.mb-2,
-.sd-margin-b--2 {
-  margin-block-end: calc(2 * var(--base-increment)) !important; }
+.sd-gap--x-small {
+  gap: var(--gap--x-small); }
 
-.mb-3,
-.sd-margin-b--3 {
-  margin-block-end: calc(3 * var(--base-increment)) !important; }
+.sd-gap--small {
+  gap: var(--gap--small); }
+
+.sd-gap--medium {
+  gap: var(--gap--medium); }
+
+.sd-gap--large {
+  gap: var(--gap--large); }
+
+.sd-gap--x-large {
+  gap: var(--gap--x-large); }
+
+.sd-gap--xx-large {
+  gap: var(--gap--xx-large); }
+
+.sd-gap--auto {
+  gap: var(--gap--auto); }
+
+.max-h-5 {
+  max-height: calc(5 * var(--base-increment)) !important; }
+
+.max-h-6 {
+  max-height: calc(6 * var(--base-increment)) !important; }
+
+.max-h-8 {
+  max-height: calc(8 * var(--base-increment)) !important; }
+
+.max-h-10 {
+  max-height: calc(10 * var(--base-increment)) !important; }
+
+.max-h-15 {
+  max-height: calc(15 * var(--base-increment)) !important; }
+
+.max-h-20 {
+  max-height: calc(20 * var(--base-increment)) !important; }
+
+.max-h-25 {
+  max-height: calc(25 * var(--base-increment)) !important; }
+
+.max-h-30 {
+  max-height: calc(30 * var(--base-increment)) !important; }
+
+.max-h-full {
+  max-height: 100%; }
+
+.max-h-screen {
+  max-height: 100svh; }
+
+.sd-empty:empty,
+.empty-hidden:empty {
+  display: none !important; }
+
+.sd-display--block,
+.d-block {
+  display: block !important; }
+
+.sd-display--inline-block,
+.d-inline-block {
+  display: inline-block !important; }
+
+.sd-display--inline,
+.d-inline {
+  display: inline !important; }
+
+.sd-display--flex,
+.d-flex {
+  display: flex !important; }
+
+.sd-display--inline-flex,
+.d-inline-flex {
+  display: inline-flex !important; }
+
+.d-grid {
+  display: grid !important; }
+
+.d-inline-grid {
+  display: grid !important; }
+
+.sd-display--contents,
+.d-contents {
+  display: contents !important; }
+
+.sd-display--none,
+.d-none {
+  display: none !important; }
+
+.d-flow-root {
+  display: flow-root !important; }
+
+.d-list-item {
+  display: list-item !important; }
+
+.sd-display--table,
+.d-table {
+  display: table; }
+
+.d-inline-table {
+  display: table; }
+
+.sd-display--table-caption,
+.d-table-caption {
+  display: table-caption; }
+
+.sd-display--table-cell,
+.d-table-cell {
+  display: table-cell; }
+
+.sd-display--table-column,
+.d-table-column {
+  display: table-column; }
+
+.sd-display--table-column-group,
+.d-table-column-group {
+  display: table-column-group; }
+
+.sd-display--table-footer-group,
+.d-table-footer-group {
+  display: table-footer-group; }
+
+.sd-display--table-header-group,
+.d-table-header-group {
+  display: table-header-group; }
+
+.sd-display--table-row,
+.d-table-row {
+  display: table-row; }
+
+.sd-display--table-row-group,
+.d-table-row-group {
+  display: table-row-group; }
+
+.sd-flex--direction-row,
+.flex-row {
+  flex-direction: row !important; }
+
+.sd-flex--direction-col,
+.flex-col {
+  flex-direction: column !important; }
+
+.sd-flex--direction-row-reverse,
+.flex-row-reverse {
+  flex-direction: row-reverse !important; }
+
+.sd-flex--direction-col-reverse,
+.flex-col-reverse {
+  flex-direction: column-reverse !important; }
+
+.sd-flex--wrap,
+.flex-wrap {
+  flex-wrap: wrap; }
+
+.sd-flex--wrap-reverse,
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse; }
+
+.sd-flex--nowrap,
+.flex-nowrap {
+  flex-wrap: nowrap; }
+
+.sd-flex--flex-1,
+.flex-1 {
+  flex: 1 1 0%; }
+
+.sd-flex--flex-auto,
+.flex-auto {
+  flex: 1 1 auto; }
+
+.sd-flex--flex-initial,
+.flex-initial {
+  flex: 0 1 auto; }
+
+.sd-flex--flex-none,
+.flex-none {
+  flex: none; }
+
+.sd-flex--grow,
+.flex-grow {
+  flex-grow: 1 !important; }
+
+.sd-flex--grow-0,
+.flex-grow-0 {
+  flex-grow: 0 !important; }
+
+.sd-flex--shrink,
+.flex-shrink {
+  flex-shrink: 1 !important; }
+
+.sd-flex--shrink-0,
+.flex-shrink-0 {
+  flex-shrink: 0 !important; }
+
+.sd-flex--justify-start,
+.justify-start {
+  justify-content: flex-start !important; }
+
+.sd-flex--justify-end,
+.justify-end {
+  justify-content: flex-end !important; }
+
+.sd-flex--justify-center,
+.justify-center {
+  justify-content: center !important; }
+
+.sd-flex--justify-between,
+.justify-between {
+  justify-content: space-between !important; }
+
+.sd-flex--justify-around,
+.justify-around {
+  justify-content: space-around !important; }
+
+.sd-flex--justify-evenly,
+.justify-evenly {
+  justify-content: space-evenly !important; }
+
+.justify-normal {
+  justify-content: normal !important; }
+
+.justify-stretch {
+  justify-content: stretch !important; }
+
+.sd-flex--items-start,
+.items-start {
+  align-items: flex-start !important; }
+
+.sd-flex--items-end,
+.items-end {
+  align-items: flex-end !important; }
+
+.sd-flex--items-center,
+.items-center {
+  align-items: center !important; }
+
+.sd-flex--items-baseline,
+.items-baseline {
+  align-items: baseline !important; }
+
+.sd-flex--items-stretch,
+.items-stretch {
+  align-items: stretch !important; }
+
+.justify-items-start {
+  justify-items: start; }
+
+.justify-items-end {
+  justify-items: end; }
+
+.justify-items-center {
+  justify-items: center; }
+
+.justify-items-stretch {
+  justify-items: stretch; }
+
+.content-normal {
+  align-content: normal; }
+
+.content-center {
+  align-content: center; }
+
+.content-start {
+  align-content: start; }
+
+.content-end {
+  align-content: end; }
+
+.content-between {
+  align-content: space-between; }
+
+.content-around {
+  align-content: space-around; }
+
+.content-evenly {
+  align-content: space-evenly; }
+
+.content-baseline {
+  align-content: baseline; }
+
+.content-stretch {
+  align-content: stretch; }
+
+.self-auto {
+  align-self: auto; }
+
+.self-start {
+  align-self: flex-start; }
+
+.self-end {
+  align-self: flex-end; }
+
+.self-center {
+  align-self: center; }
+
+.self-stretch {
+  align-self: stretch; }
+
+.self-baseline {
+  align-self: baseline; }
+
+.justify-self-auto {
+  justify-self: auto; }
+
+.justify-self-start {
+  justify-self: start; }
+
+.justify-self-end {
+  justify-self: end; }
+
+.justify-self-center {
+  justify-self: center; }
+
+.justify-self-stretch {
+  justify-self: stretch; }
+
+.place-content-center {
+  place-content: center; }
+
+.place-content-start {
+  place-content: start; }
+
+.place-content-end {
+  place-content: end; }
+
+.place-content-between {
+  place-content: space-between; }
+
+.place-content-around {
+  place-content: space-around; }
+
+.place-content-evenly {
+  place-content: space-evenly; }
+
+.place-content-baseline {
+  place-content: baseline; }
+
+.place-content-stretch {
+  place-content: stretch; }
+
+.place-items-start {
+  place-items: start; }
+
+.place-items-end {
+  place-items: end; }
+
+.place-items-center {
+  place-items: center; }
+
+.place-items-baseline {
+  place-items: baseline; }
+
+.place-items-stretch {
+  place-items: stretch; }
+
+.place-self-auto {
+  place-self: auto; }
+
+.place-self-start {
+  place-self: start; }
+
+.place-self-end {
+  place-self: end; }
+
+.place-self-center {
+  place-self: center; }
+
+.place-self-stretch {
+  place-self: stretch; }
+
+.sd-position--static,
+.p-static {
+  position: static; }
+
+.sd-position--fixed,
+.p-fixed {
+  position: fixed; }
+
+.sd-position--relative,
+.p-relative {
+  position: relative; }
+
+.sd-position--absolute,
+.p-absolute {
+  position: absolute; }
+
+.sd-position--sticky,
+.p-sticky {
+  position: sticky; }
+
+.sd-overflow--auto,
+.overflow-auto {
+  overflow: auto !important; }
+
+.sd-overflow--hidden,
+.overflow-hidden {
+  overflow: hidden !important; }
+
+.sd-overflow--visible,
+.overflow-visible {
+  overflow: visible !important; }
+
+.sd-overflow--scroll,
+.overflow-scroll {
+  overflow: scroll !important; }
+
+.sd-overflow--x-auto,
+.overflow-x-auto {
+  overflow-x: auto !important; }
+
+.sd-overflow--y-auto,
+.overflow-y-auto {
+  overflow-y: auto !important; }
+
+.sd-overflow--x-hidden,
+.overflow-x-hidden {
+  overflow-x: hidden !important; }
+
+.sd-overflow--y-hidden,
+.overflow-y-hidden {
+  overflow-y: hidden !important; }
+
+.sd-overflow--x-visible,
+.overflow-x-visible {
+  overflow-x: visible !important; }
+
+.sd-overflow--y-visible,
+.overflow-y-visible {
+  overflow-y: visible !important; }
+
+.sd-overflow--x-scroll,
+.overflow-x-scroll {
+  overflow-x: scroll !important; }
+
+.sd-overflow--y-scroll,
+.overflow-y-scroll {
+  overflow-y: scroll !important; }
+
+.overflow-clip {
+  overflow: clip !important; }
+
+.overflow-x-clip {
+  overflow-x: clip !important; }
+
+.overflow-y-clip {
+  overflow-y: clip !important; }
+
+.sd-shadow--z1 {
+  box-shadow: var(--sd-shadow--z1); }
+
+.sd-shadow--z2 {
+  box-shadow: var(--sd-shadow--z2); }
+
+.sd-shadow--z3 {
+  box-shadow: var(--sd-shadow--z3); }
+
+.sd-shadow--z4 {
+  box-shadow: var(--sd-shadow--z4); }
+
+.sd-shadow--none {
+  box-shadow: none; }
+
+.sd-drop-shadow--z1 {
+  filter: var(--sd-drop-shadow--z1); }
+
+.sd-drop-shadow--z2 {
+  filter: var(--sd-drop-shadow--z2); }
+
+.sd-drop-shadow--z3 {
+  filter: var(--sd-drop-shadow--z3); }
+
+.sd-drop-shadow--z4 {
+  filter: var(--sd-drop-shadow--z4); }
+
+.m-auto,
+.sd-margin--auto {
+  margin: auto !important; }
+
+.ml-auto,
+.ms-auto,
+.sd-margin-l--auto,
+.sd-margin-s--auto {
+  margin-inline-start: auto !important; }
+
+.mr-auto,
+.me-auto,
+.sd-margin-r--auto,
+.sd-margin-e--auto {
+  margin-inline-end: auto !important; }
+
+.mt-auto,
+.sd-margin-t--auto {
+  margin-block-start: auto !important; }
+
+.mb-auto,
+.sd-margin-b--auto {
+  margin-block-end: auto !important; }
+
+.mlr-auto,
+.mx-auto,
+.sd-margin-x--auto {
+  margin-inline-start: auto !important;
+  margin-inline-end: auto !important; }
+
+.my-auto,
+.sd-margin-y--auto {
+  margin-block-start: auto !important;
+  margin-block-end: auto !important; }
+
+.m-0,
+.sd-margin--0 {
+  margin: 0 !important; }
+
+.m-0-5,
+.sd-margin--0-5 {
+  margin: calc(0.5 * var(--base-increment)) !important; }
+
+.m-1,
+.sd-margin--1 {
+  margin: calc(1 * var(--base-increment)) !important; }
+
+.m-1-5,
+.sd-margin--1-5 {
+  margin: calc(1.5 * var(--base-increment)) !important; }
+
+.m-2,
+.sd-margin--2 {
+  margin: calc(2 * var(--base-increment)) !important; }
+
+.m-3,
+.sd-margin--3 {
+  margin: calc(3 * var(--base-increment)) !important; }
+
+.m-4,
+.sd-margin--4 {
+  margin: calc(4 * var(--base-increment)) !important; }
+
+.m-5,
+.sd-margin--5 {
+  margin: calc(5 * var(--base-increment)) !important; }
+
+.ms-0,
+.sd-margin-l--0 {
+  margin-inline-start: 0 !important; }
+
+.ms-0-5,
+.sd-margin-l--0-5 {
+  margin-inline-start: calc(0.5 * var(--base-increment)) !important; }
+
+.ms-1,
+.sd-margin-l--1 {
+  margin-inline-start: calc(1 * var(--base-increment)) !important; }
+
+.ms-1-5,
+.sd-margin-l--1-5 {
+  margin-inline-start: calc(1.5 * var(--base-increment)) !important; }
+
+.ms-2,
+.sd-margin-l--2 {
+  margin-inline-start: calc(2 * var(--base-increment)) !important; }
+
+.ms-3,
+.sd-margin-l--3 {
+  margin-inline-start: calc(3 * var(--base-increment)) !important; }
+
+.ms-4,
+.sd-margin-l--4 {
+  margin-inline-start: calc(4 * var(--base-increment)) !important; }
+
+.ms-5,
+.sd-margin-l--5 {
+  margin-inline-start: calc(5 * var(--base-increment)) !important; }
+
+.me-0,
+.sd-margin-r--0 {
+  margin-inline-end: 0 !important; }
+
+.me-0-5,
+.sd-margin-r--0-5 {
+  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }
+
+.me-1,
+.sd-margin-r--1 {
+  margin-inline-end: calc(1 * var(--base-increment)) !important; }
+
+.me-1-5,
+.sd-margin-r--1-5 {
+  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }
+
+.me-2,
+.sd-margin-r--2 {
+  margin-inline-end: calc(2 * var(--base-increment)) !important; }
+
+.me-3,
+.sd-margin-r--3 {
+  margin-inline-end: calc(3 * var(--base-increment)) !important; }
+
+.me-4,
+.sd-margin-r--4 {
+  margin-inline-end: calc(4 * var(--base-increment)) !important; }
+
+.me-5,
+.sd-margin-r--5 {
+  margin-inline-end: calc(5 * var(--base-increment)) !important; }
+
+.mx-0,
+.sd-margin-x--0 {
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0 !important; }
+
+.mx-0-5,
+.sd-margin-r--0-5 {
+  margin-inline-start: calc(0.5 * var(--base-increment)) !important;
+  margin-inline-end: calc(0.5 * var(--base-increment)) !important; }
+
+.mx-1,
+.sd-margin-x--1 {
+  margin-inline-start: calc(1 * var(--base-increment)) !important;
+  margin-inline-end: calc(1 * var(--base-increment)) !important; }
+
+.mx-1-5,
+.sd-margin-x--1-5 {
+  margin-inline-start: calc(1.5 * var(--base-increment)) !important;
+  margin-inline-end: calc(1.5 * var(--base-increment)) !important; }
+
+.mx-2,
+.sd-margin-x--2 {
+  margin-inline-start: calc(2 * var(--base-increment)) !important;
+  margin-inline-end: calc(2 * var(--base-increment)) !important; }
+
+.mx-3,
+.sd-margin-x--3 {
+  margin-inline-start: calc(3 * var(--base-increment)) !important;
+  margin-inline-end: calc(3 * var(--base-increment)) !important; }
+
+.mx-4,
+.sd-margin-x--4 {
+  margin-inline-start: calc(4 * var(--base-increment)) !important;
+  margin-inline-end: calc(4 * var(--base-increment)) !important; }
+
+.mx-5,
+.sd-margin-x--5 {
+  margin-inline-start: calc(5 * var(--base-increment)) !important;
+  margin-inline-end: calc(5 * var(--base-increment)) !important; }
+
+.mt-0,
+.sd-margin-t--0 {
+  margin-block-start: 0 !important; }
+
+.mt-0-5,
+.sd-margin-t--0-5 {
+  margin-block-start: calc(0.5 * var(--base-increment)) !important; }
+
+.mt-1,
+.sd-margin-t--1 {
+  margin-block-start: calc(1 * var(--base-increment)) !important; }
+
+.mt-1-5,
+.sd-margin-t--1-5 {
+  margin-block-start: calc(1.5 * var(--base-increment)) !important; }
+
+.mt-2,
+.sd-margin-t--2 {
+  margin-block-start: calc(2 * var(--base-increment)) !important; }
+
+.mt-3,
+.sd-margin-t--3 {
+  margin-block-start: calc(3 * var(--base-increment)) !important; }
+
+.mt-4,
+.sd-margin-t--4 {
+  margin-block-start: calc(4 * var(--base-increment)) !important; }
+
+.mt-5,
+.sd-margin-t--5 {
+  margin-block-start: calc(5 * var(--base-increment)) !important; }
+
+.mb--0,
+.sd-margin-b--0 {
+  margin-block-end: 0 !important; }
+
+.mb-0-5,
+.sd-margin-b--0-5 {
+  margin-block-end: calc(0.5 * var(--base-increment)) !important; }
+
+.mb-1,
+.sd-margin-b--1 {
+  margin-block-end: calc(1 * var(--base-increment)) !important; }
+
+.mb-1-5,
+.sd-margin-b--1-5 {
+  margin-block-end: calc(1.5 * var(--base-increment)) !important; }
+
+.mb-2,
+.sd-margin-b--2 {
+  margin-block-end: calc(2 * var(--base-increment)) !important; }
+
+.mb-3,
+.sd-margin-b--3 {
+  margin-block-end: calc(3 * var(--base-increment)) !important; }
 
 .mb-4,
 .sd-margin-b--4 {
@@ -18008,499 +18361,6 @@ h6 {
   padding-block-start: calc(5 * var(--base-increment)) !important;
   padding-block-end: calc(5 * var(--base-increment)) !important; }
 
-.sd-padding-all--0 {
-  padding: 0 !important; }
-
-.sd-padding-all--0-5 {
-  padding: 0.4rem !important; }
-
-.sd-padding-all--1 {
-  padding: 0.8rem !important; }
-
-.sd-padding-all--1-5 {
-  padding: 1.2rem !important; }
-
-.sd-padding-all--2 {
-  padding: 1.6rem !important; }
-
-.sd-padding-all--3 {
-  padding: 2.4rem !important; }
-
-.sd-margin-all--0 {
-  margin: 0 !important; }
-
-.sd-margin-all--0-5 {
-  margin: 0.4rem !important; }
-
-.sd-margin-all--1 {
-  margin: 0.8rem !important; }
-
-.sd-margin-all--1-5 {
-  margin: 1.2rem !important; }
-
-.sd-margin-all--2 {
-  margin: 1.6rem !important; }
-
-.sd-margin-all--3 {
-  margin: 2.4rem !important; }
-
-.sd-wrap-helper {
-  display: contents !important; }
-
-.sd-accessibility__btn-text--invisible,
-.sd-accessibility__screenreader-text {
-  position: absolute;
-  top: 0;
-  inset-inline-start: 0;
-  font-size: 0.1rem;
-  color: transparent !important;
-  pointer-events: none; }
-
-.overflow-auto {
-  overflow: auto !important; }
-
-.overflow-hidden {
-  overflow: hidden !important; }
-
-.overflow-x-hidden {
-  overflow-x: hidden !important; }
-
-.sd-d-none {
-  display: none !important; }
-
-.sd-d-inline {
-  display: inline !important; }
-
-.sd-d-inline-block {
-  display: inline-block !important; }
-
-.sd-d-block {
-  display: block !important; }
-
-.sd-d-flex {
-  display: flex !important; }
-
-.sd-d-inline-flex {
-  display: inline-flex !important; }
-
-.sd-display-flex-column {
-  display: flex;
-  flex-direction: column;
-  overflow: auto; }
-
-.sd-flex-wrap {
-  flex-wrap: wrap; }
-
-.sd-flex-shrink {
-  flex-shrink: 1 !important; }
-
-.sd-flex-no-shrink {
-  flex-shrink: 0 !important; }
-
-.sd-flex-justify-end {
-  justify-content: flex-end !important; }
-
-.sd-flex-justify-center {
-  justify-content: center !important; }
-
-.sd-flex-justify-space-between {
-  justify-content: space-between !important; }
-
-.sd-flex-align-items-center {
-  align-items: center !important; }
-
-.sd-flex-grow {
-  flex-grow: 1 !important; }
-
-.sd-flex-no-grow {
-  flex-grow: 0 !important; }
-
-.sd-no-wrap {
-  white-space: nowrap; }
-
-.sd-radius--x-small {
-  border-radius: var(--b-radius--x-small); }
-
-.sd-radius--small {
-  border-radius: var(--b-radius--small); }
-
-.sd-radius--medium {
-  border-radius: var(--b-radius--medium); }
-
-.sd-radius--large {
-  border-radius: var(--b-radius--large); }
-
-.sd-radius--x-large {
-  border-radius: var(--b-radius--x-large); }
-
-.sd-radius--full {
-  border-radius: var(--b-radius--full); }
-
-.sd-border--x-light {
-  border: 1px solid var(--sd-colour-line--x-light); }
-
-.sd-border--light {
-  border: 1px solid var(--sd-colour-line--light); }
-
-.sd-border--medium {
-  border: 1px solid var(--sd-colour-line--medium); }
-
-.sd-border--strong {
-  border: 1px solid var(--sd-colour-line--strong); }
-
-.sd-border--x-light {
-  border: 1px solid var(--sd-colour-line--x-light); }
-
-.sd-border-style--dotted {
-  border-style: dotted !important; }
-
-.sd-border-style--dashed {
-  border-style: dashed !important; }
-
-.sd-border-width--2 {
-  border-width: 2px; }
-
-.sd-border-width--3 {
-  border-width: 3px; }
-
-.text-2xs {
-  font-size: calc(var(--text-size--base) * 1); }
-
-.sd-font-size--x-small,
-.text-xs {
-  font-size: calc(var(--text-size--base) * 1.2); }
-
-.sd-font-size--small,
-.text-sm {
-  font-size: calc(var(--text-size--base) * 1.4); }
-
-.sd-font-size--medium,
-.text-md {
-  font-size: calc(var(--text-size--base) * 1.6); }
-
-.sd-font-size--large,
-.text-lg {
-  font-size: calc(var(--text-size--base) * 2); }
-
-.sd-font-size--x-large,
-.text-xl {
-  font-size: calc(var(--text-size--base) * 2.4); }
-
-.sd-font-size--x-large,
-.text-2xl {
-  font-size: calc(var(--text-size--base) * 3.2); }
-
-.sd-text-color--normal,
-.text-color-normal {
-  color: var(--color-text) !important; }
-
-.sd-text-color--light,
-.text-color-muted {
-  color: var(--color-text-light) !important; }
-
-.sd-text-color--lighter,
-.text-color-subdued {
-  color: var(--color-text-lighter) !important; }
-
-.sd-text-color--inverse,
-.text-color-inverse {
-  color: var(--color-text--inverse) !important; }
-
-.sd-text__light,
-.sd-text--light,
-.font-light {
-  font-weight: 300; }
-
-.sd-text__normal,
-.sd-text--normal,
-.font-normal {
-  font-weight: 400; }
-
-.sd-text--medium,
-.font-medium {
-  font-weight: 500; }
-
-.sd-text--medium,
-.font-semibold {
-  font-weight: 500; }
-
-.sd-text__strong,
-.sd-text--strong,
-.sd-text--bold,
-.font-bold {
-  font-weight: 700; }
-
-.font-black {
-  font-weight: 900; }
-
-.sd-text__italic,
-.sd-text--italic,
-.italic {
-  font-style: italic; }
-
-.sd-text--non-italic,
-.non-italic {
-  font-style: normal; }
-
-.sd-text-align--left,
-.sd-text-align--start,
-.text-start,
-.text-left {
-  text-align: start; }
-
-.sd-text__center,
-.sd-text-align--center,
-.text-center {
-  text-align: center; }
-
-.sd-text__right,
-.sd-text-align--right,
-.sd-text-align--end,
-.text-end {
-  text-align: end; }
-
-.sd-text-align--justify,
-.text-justify {
-  text-align: justify; }
-
-.sd-text__serif,
-.sd-text--serif {
-  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; }
-
-.sd-text--sans {
-  font-family: "Roboto", Helvetica, Arial, sans-serif; }
-
-.sd-text--mono {
-  font-family: "Roboto Mono", "Consolas", "monaco", monospace; }
-
-.sd-whitespace--normal,
-.whitespace-normal {
-  white-space: normal; }
-
-.sd-whitespace--nowrap,
-.whitespace-nowrap {
-  white-space: nowrap; }
-
-.sd-whitespace--pre,
-.whitespace-pre {
-  white-space: pre; }
-
-.sd-whitespace--pre-line,
-.whitespace-pre-line {
-  white-space: pre-line; }
-
-.sd-whitespace--pre-wrap,
-.whitespace-pre-wrap {
-  white-space: pre-wrap; }
-
-.whitespace-break-spaces {
-  white-space: break-spaces; }
-
-.sd-txt-transform--uppercase,
-.text-uppercase {
-  text-transform: uppercase; }
-
-.sd-txt-transform--lowercase,
-.text-lowercase {
-  text-transform: lowercase; }
-
-.sd-txt-transform--capitalize,
-.text-capitalize {
-  text-transform: capitalize; }
-
-.sd-txt-transform--none,
-.text-normal-case {
-  text-transform: none; }
-
-.sd-txt-decoration--underline,
-.text-underline {
-  text-decoration: underline; }
-
-.sd-txt-decoration--line-through,
-.text-line-through {
-  text-decoration: line-through; }
-
-.sd-txt-decoration--none,
-.text-no-underline {
-  text-decoration: none; }
-
-.sd-overflow-ellipsis,
-.sd-overflow--ellipsis,
-.text-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap; }
-
-.text-clip {
-  text-overflow: clip; }
-
-.text-wrap {
-  text-wrap: wrap; }
-
-.text-nowrap {
-  text-wrap: clip; }
-
-.text-balance {
-  text-wrap: balance; }
-
-.text-pretty {
-  text-wrap: pretty; }
-
-.sd-word-break--normal,
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal; }
-
-.sd-word-break--words,
-.break-words {
-  overflow-wrap: break-word; }
-
-.sd-word-break--all,
-.break-all {
-  word-break: break-all; }
-
-.sd-line-clamp--1,
-.line-clamp-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1; }
-
-.sd-line-clamp--2,
-.line-clamp-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2; }
-
-.sd-line-clamp--3,
-.line-clamp-3 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3; }
-
-.sd-line-clamp--4,
-.line-clamp-4 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4; }
-
-.sd-line-clamp--5,
-.line-clamp-5 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5; }
-
-.sd-line-clamp--6,
-.line-clamp-6 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 6; }
-
-.sd-line-clamp--none,
-.line-clamp-none {
-  -webkit-line-clamp: none; }
-
-.sd-panel-bg--100 {
-  background-color: var(--sd-colour-panel-bg--100); }
-
-.sd-panel-bg--000 {
-  background-color: var(--sd-item__main-Bg); }
-
-.sd-panel-bg--gradient-1 {
-  background-color: var(--sd-item__main-Bg);
-  background: linear-gradient(180deg, var(--sd-colour-interactive--alpha-20) 0%, var(--sd-item__main-Bg) 40%); }
-
-.sd-state--focus:focus-within,
-.sd-state--active {
-  box-shadow: var(--sd-shadow__item--selected) !important;
-  transition: box-shadow 0.3s ease, filter 0.3s ease; }
-
-.sd-width--xxx-small {
-  width: var(--width__container--xxx-small) !important; }
-
-.sd-width--xx-small {
-  width: var(--width__container--xx-small); }
-
-.sd-width--x-small {
-  width: var(--width__container--x-small); }
-
-.sd-width--small {
-  width: var(--width__container--small); }
-
-.sd-width--medium {
-  width: var(--width__container--medium); }
-
-.sd-width--large {
-  width: var(--width__container--large); }
-
-.sd-width--x-large {
-  width: var(--width__container--x-large); }
-
-.sd-width--xx-large {
-  width: var(--width__container--xx-large); }
-
-.sd-width--xxx-large {
-  width: var(--width__container--xxx-large); }
-
-.sd-width--full {
-  width: var(--width__container--full); }
-
-.sd-gap--x-small {
-  gap: var(--gap--x-small); }
-
-.sd-gap--small {
-  gap: var(--gap--small); }
-
-.sd-gap--medium {
-  gap: var(--gap--medium); }
-
-.sd-gap--large {
-  gap: var(--gap--large); }
-
-.sd-gap--x-large {
-  gap: var(--gap--x-large); }
-
-.sd-gap--xx-large {
-  gap: var(--gap--xx-large); }
-
-.sd-gap--auto {
-  gap: var(--gap--auto); }
-
-.max-h-5 {
-  max-height: calc(5 * var(--base-increment)) !important; }
-
-.max-h-6 {
-  max-height: calc(6 * var(--base-increment)) !important; }
-
-.max-h-8 {
-  max-height: calc(8 * var(--base-increment)) !important; }
-
-.max-h-10 {
-  max-height: calc(10 * var(--base-increment)) !important; }
-
-.max-h-15 {
-  max-height: calc(15 * var(--base-increment)) !important; }
-
-.max-h-20 {
-  max-height: calc(20 * var(--base-increment)) !important; }
-
-.max-h-25 {
-  max-height: calc(25 * var(--base-increment)) !important; }
-
-.max-h-30 {
-  max-height: calc(30 * var(--base-increment)) !important; }
-
-.max-h-full {
-  max-height: 100%; }
-
-.max-h-screen {
-  max-height: 100svh; }
-
 .gap-0 {
   gap: var(--gap-0); }
 
@@ -18525,6 +18385,384 @@ h6 {
 .gap-5 {
   gap: var(--gap-5); }
 
+.text-2xs {
+  font-size: calc(var(--text-size--base) * 1); }
+
+.sd-font-size--x-small,
+.text-xs {
+  font-size: calc(var(--text-size--base) * 1.2); }
+
+.sd-font-size--small,
+.text-sm {
+  font-size: calc(var(--text-size--base) * 1.4); }
+
+.sd-font-size--medium,
+.text-md {
+  font-size: calc(var(--text-size--base) * 1.6); }
+
+.sd-font-size--large,
+.text-lg {
+  font-size: calc(var(--text-size--base) * 2); }
+
+.sd-font-size--x-large,
+.text-xl {
+  font-size: calc(var(--text-size--base) * 2.4); }
+
+.sd-font-size--x-large,
+.text-2xl {
+  font-size: calc(var(--text-size--base) * 3.2); }
+
+.sd-text-color--normal,
+.text-color-normal {
+  color: var(--color-text) !important; }
+
+.sd-text-color--light,
+.text-color-muted {
+  color: var(--color-text-light) !important; }
+
+.sd-text-color--lighter,
+.text-color-subdued {
+  color: var(--color-text-lighter) !important; }
+
+.sd-text-color--inverse,
+.text-color-inverse {
+  color: var(--color-text--inverse) !important; }
+
+.sd-text__light,
+.sd-text--light,
+.font-light {
+  font-weight: 300; }
+
+.sd-text__normal,
+.sd-text--normal,
+.font-normal {
+  font-weight: 400; }
+
+.sd-text--medium,
+.font-medium {
+  font-weight: 500; }
+
+.sd-text--medium,
+.font-semibold {
+  font-weight: 500; }
+
+.sd-text__strong,
+.sd-text--strong,
+.sd-text--bold,
+.font-bold {
+  font-weight: 700; }
+
+.font-black {
+  font-weight: 900; }
+
+.sd-text__italic,
+.sd-text--italic,
+.italic {
+  font-style: italic; }
+
+.sd-text--non-italic,
+.non-italic {
+  font-style: normal; }
+
+.sd-text-align--left,
+.sd-text-align--start,
+.text-start,
+.text-left {
+  text-align: start; }
+
+.sd-text__center,
+.sd-text-align--center,
+.text-center {
+  text-align: center; }
+
+.sd-text__right,
+.sd-text-align--right,
+.sd-text-align--end,
+.text-end {
+  text-align: end; }
+
+.sd-text-align--justify,
+.text-justify {
+  text-align: justify; }
+
+.sd-txt-transform--uppercase,
+.text-uppercase {
+  text-transform: uppercase; }
+
+.sd-txt-transform--lowercase,
+.text-lowercase {
+  text-transform: lowercase; }
+
+.sd-txt-transform--capitalize,
+.text-capitalize {
+  text-transform: capitalize; }
+
+.sd-txt-transform--none,
+.text-normal-case {
+  text-transform: none; }
+
+.sd-txt-decoration--underline,
+.text-underline {
+  text-decoration: underline; }
+
+.sd-txt-decoration--line-through,
+.text-line-through {
+  text-decoration: line-through; }
+
+.sd-txt-decoration--none,
+.text-no-underline {
+  text-decoration: none; }
+
+.sd-overflow-ellipsis,
+.sd-overflow--ellipsis,
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.text-clip {
+  text-overflow: clip; }
+
+.text-wrap {
+  text-wrap: wrap; }
+
+.text-nowrap {
+  text-wrap: clip; }
+
+.text-balance {
+  text-wrap: balance; }
+
+.text-pretty {
+  text-wrap: pretty; }
+
+.sd-word-break--normal,
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal; }
+
+.sd-word-break--words,
+.break-words {
+  overflow-wrap: break-word; }
+
+.sd-word-break--all,
+.break-all {
+  word-break: break-all; }
+
+.sd-line-clamp--1,
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1; }
+
+.sd-line-clamp--2,
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; }
+
+.sd-line-clamp--3,
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3; }
+
+.sd-line-clamp--4,
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4; }
+
+.sd-line-clamp--5,
+.line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5; }
+
+.sd-line-clamp--6,
+.line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6; }
+
+.sd-line-clamp--none,
+.line-clamp-none {
+  -webkit-line-clamp: none; }
+
+.sd-radius--x-small,
+.radius-xs {
+  border-radius: var(--b-radius--x-small); }
+
+.sd-radius--small,
+.radius-sm {
+  border-radius: var(--b-radius--small); }
+
+.sd-radius--medium,
+.radius-md {
+  border-radius: var(--b-radius--medium); }
+
+.sd-radius--large,
+.radius-lg {
+  border-radius: var(--b-radius--large); }
+
+.sd-radius--x-large,
+.radius-xl {
+  border-radius: var(--b-radius--x-large); }
+
+.sd-radius--full,
+.radius-full {
+  border-radius: var(--b-radius--full); }
+
+.sd-border--x-light,
+.border-x-light {
+  border: 1px solid var(--sd-colour-line--x-light); }
+
+.sd-border--light,
+.border-light {
+  border: 1px solid var(--sd-colour-line--light); }
+
+.sd-border--medium,
+.border-medium {
+  border: 1px solid var(--sd-colour-line--medium); }
+
+.sd-border--strong,
+.border-strong {
+  border: 1px solid var(--sd-colour-line--strong); }
+
+.sd-border-style--solid,
+.border-solid {
+  border-style: solid; }
+
+.sd-border-style--dotted,
+.border-dotted {
+  border-style: dotted; }
+
+.sd-border-style--dashed,
+.border-dashed {
+  border-style: dashed; }
+
+.border-double {
+  border-style: double; }
+
+.sd-border-width--0,
+.border-0 {
+  border-width: 0px; }
+
+.sd-border-width--1,
+.border-1 {
+  border-width: 1px; }
+
+.sd-border-width--2,
+.border-2 {
+  border-width: 2px; }
+
+.sd-border-width--3,
+.border-3 {
+  border-width: 3px; }
+
+.sd-border-width--4,
+.border-4 {
+  border-width: 4px; }
+
+.border-x-0 {
+  border-inline-start-width: 0px;
+  border-inline-end-width: 0px; }
+
+.border-y-0 {
+  border-block-start-width: 0px;
+  border-block-end-width: 0px; }
+
+.border-s-0 {
+  border-inline-start-width: 0px; }
+
+.border-e-0 {
+  border-inline-end-width: 0px; }
+
+.border-t-0 {
+  border-top: 0px; }
+
+.border-b-0 {
+  border-bottom: 0px; }
+
+.sd-opacity--0,
+.opacity-0 {
+  opacity: 0; }
+
+.sd-opacity--20,
+.opacity-20 {
+  opacity: 0.2; }
+
+.sd-opacity--25,
+.opacity-25 {
+  opacity: 0.25; }
+
+.sd-opacity--30,
+.opacity-30 {
+  opacity: 0.3; }
+
+.sd-opacity--40,
+.opacity-40 {
+  opacity: 0.4; }
+
+.sd-opacity--50,
+.opacity-50 {
+  opacity: 0.5; }
+
+.sd-opacity--60,
+.opacity-60 {
+  opacity: 0.6; }
+
+.sd-opacity--75,
+.opacity-75 {
+  opacity: 0.75; }
+
+.object-contain {
+  object-fit: contain; }
+
+.object-cover {
+  object-fit: cover; }
+
+.object-fill {
+  object-fit: fill; }
+
+.object-none {
+  object-fit: none; }
+
+.object-scale-down {
+  object-fit: scale-down; }
+
+.object-bottom {
+  object-position: bottom; }
+
+.object-center {
+  object-position: center; }
+
+.object-left {
+  object-position: left; }
+
+.object-left-bottom {
+  object-position: left bottom; }
+
+.object-left-top {
+  object-position: left top; }
+
+.object-right {
+  object-position: right; }
+
+.object-right-bottom {
+  object-position: right bottom; }
+
+.object-right-top {
+  object-position: right top; }
+
+.object-top {
+  object-position: top; }
+
 :root {
   --new-button-hover-shadow: 0 0 0 1px rgba(0,0,0,.12), 0 1px 4px 0 rgba(0,0,0,.14); }
 
@@ -37057,7 +37295,7 @@ tags-input,
   grid-row: 2/3; }
 
 .sd-board__content-block {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--sd-shadow--z2);
   border-radius: var(--b-radius--x-small);
   background-color: var(--sd-item__main-Bg);
   display: flex;
@@ -37067,7 +37305,7 @@ tags-input,
   transition: box-shadow ease-in-out .2s;
   cursor: pointer; }
   .sd-board__content-block--clickable:hover {
-    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.24), 0 0 1px rgba(0, 0, 0, 0.1);
+    box-shadow: var(--sd-shadow--z3);
     outline: 1px solid var(--sd-colour-interactive--alpha-50); }
 
 .sd-board__list {
@@ -41601,8 +41839,7 @@ input.sd-inset-search__input {
   display: grid;
   grid-template-columns: [slideInLeft] auto [mainContent] 1fr [slideInRight] auto [overlayContainer] 0;
   grid-template-rows: [headerToolbar] auto [contentBlock] 1fr;
-  overflow: auto;
-  height: 100%; }
+  overflow: auto; }
 
 .sd-main-content-grid__header {
   grid-column: 1/4;
@@ -42490,16 +42727,16 @@ a.text-link {
     cursor: pointer; }
 
 .sd-editor__container-wrapper {
+  grid-column: 1 / 2;
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-auto-columns: auto;
   width: 0;
   min-width: 0;
   max-width: 0;
   transition: all ease-in-out 0.2s; }
 
 .sd-editor__container {
-  grid-column: 1 / 2;
-  display: grid;
-  grid-template-rows: 1fr;
-  grid-auto-columns: auto;
   overflow-y: auto;
   overflow: hidden;
   opacity: 0;
@@ -42519,7 +42756,7 @@ a.text-link {
   .open-editor .sd-editor__container.sd-editor__container--large {
     min-width: 52vw; }
 
-.sd-content-wrapper--editor-full .open-editor .sd-editor__container {
+.sd-content-wrapper--editor-full .open-editor .sd-editor__container-wrapper {
   min-width: auto;
   max-width: none; }
 
@@ -44338,6 +44575,95 @@ a.text-link {
     display: flex;
     align-items: center; }
 
+.new-collapse-box {
+  --collapse-box-clor-bg: var(--sd-colour-panel-bg--100);
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 0fr auto;
+  border-radius: var(--b-radius--small);
+  position: relative;
+  overflow: hidden;
+  transition: all 0.2s ease;
+  outline: 1px solid var(--sd-colour-line--x-light); }
+
+.new-collapse-box__header {
+  grid-row: 1 / 2;
+  height: auto;
+  padding: 0;
+  overflow: hidden;
+  transition: all 0.2s ease; }
+
+.new-collapse-box__content {
+  grid-row: 2 / 3;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  overflow: hidden;
+  padding-block: 0;
+  background-color: var(--sd-colour-panel-bg--100);
+  transition: grid-template-rows 0.2s ease; }
+
+.new-collapse-box.new-collapse-box--open {
+  grid-template-rows: auto 1fr auto; }
+  .new-collapse-box.new-collapse-box--open .new-collapse-box__content > .new-collapse-box__content-inner {
+    animation: fadeIn 0.3s ease-in 0s 1;
+    overflow-y: auto; }
+    .new-collapse-box.new-collapse-box--open .new-collapse-box__content > .new-collapse-box__content-inner .new-collapse-box.new-collapse-box--open .new-collapse-box__content .new-collapse-box__content-inner {
+      animation: fadeIn2 0.3s ease-in 0s 1; }
+  .new-collapse-box.new-collapse-box--open:focus-within {
+    outline-color: var(--sd-colour-interactive); }
+
+.new-collapse-box .sd-list-item {
+  border-radius: var(--b-radius--small) var(--b-radius--small) 0 0; }
+  .new-collapse-box .sd-list-item + .sd-list-item {
+    border-block-start: none; }
+  .new-collapse-box .sd-list-item .sd-list-item__border {
+    border-radius: var(--b-radius--small) 0 0 0; }
+
+.new-collapse-box__divider {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-width: 100%;
+  background: linear-gradient(to bottom, transparent 50%, var(--collapse-box-clor-bg) 50%);
+  padding-inline: 0;
+  margin-inline: 0;
+  margin-block-start: -9px;
+  margin-block-end: 8px;
+  border-block-start: 0;
+  border-block-end: 0;
+  border-inline-start: 0;
+  border-inline-end: 0;
+  border-block-start-color: var(--sd-colour-line--light);
+  border-style: solid; }
+  .new-collapse-box__divider::before, .new-collapse-box__divider::after {
+    content: "";
+    position: relative;
+    inset-block-start: 50%;
+    width: 50%;
+    border-block-start: 1px solid transparent;
+    border-top-color: transparent;
+    border-top-color: inherit;
+    border-block-end: 0;
+    border-inline-start: 0;
+    border-inline-end: 0;
+    transform: translateY(50%);
+    border-style: inherit; }
+  .new-collapse-box__divider .new-collapse-box__divider-label {
+    background-color: var(--collapse-box-button-color-bg-default);
+    color: var(--collapse-box-button-color-fg-default);
+    transition: all 0.2s ease; }
+  .new-collapse-box__divider:hover {
+    border-block-start-color: var(--sd-colour-line--medium); }
+    .new-collapse-box__divider:hover .new-collapse-box__divider-label {
+      background-color: var(--collapse-box-button-color-bg-hover);
+      color: var(--collapse-box-button-color-fg-hover);
+      transition: all 0.2s ease; }
+
 .sd-photo-preview {
   margin: 0;
   display: grid;
@@ -47895,8 +48221,7 @@ textarea.sd-media-carousel__media-title {
   z-index: 3;
   align-items: center;
   color: var(--color-text);
-  flex-shrink: 0;
-  flex-grow: 1; }
+  flex-shrink: 0; }
   .subnav .sd-check__group {
     padding: 0;
     display: flex;