superdesk-ui-framework 3.0.1-beta.7 → 3.0.1-beta.9

package/dist/superdesk-ui.bundle.css

@@ -9510,6 +9510,279 @@
   --icon-base-size: 64px
         ; }
 
+.icon-photo-cancel:before {
+  content: ""; }
+
+.icon-photo-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-photo-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-photo-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-photo-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-photo-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-photo-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-photo-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-photo-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-photo-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-photo-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-photo-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-video-cancel:before {
+  content: ""; }
+
+.icon-video-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-video-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-video-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-video-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-video-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-video-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-video-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-video-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-video-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-video-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-video-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-text-cancel:before {
+  content: ""; }
+
+.icon-text-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-file-cancel:before {
+  content: ""; }
+
+.icon-file-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-file-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-file-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-file-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-file-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-file-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-file-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-file-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-file-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-file-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-file-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-audio-cancel:before {
+  content: ""; }
+
+.icon-audio-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-audio-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-audio-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-audio-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-audio-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-audio-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-audio-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-audio-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-audio-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-audio-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-audio-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-list-alt-cancel:before {
+  content: ""; }
+
+.icon-list-alt-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-list-alt-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-list-alt-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-list-alt-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-list-alt-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-list-alt-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-list-alt-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-list-alt-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-list-alt-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-list-alt-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-list-alt-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-post-cancel:before {
+  content: ""; }
+
+.icon-post-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-post-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-post-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-post-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-post-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-post-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-post-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-post-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-post-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-post-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-post-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-block;
@@ -10381,7 +10654,7 @@
   --width__container--x-large:   72rem;
   --width__container--xx-large:  80rem;
   --width__container--xxx-large: 120rem;
-  --width__container--full:      100%;
+  --width__container--full:      100vw;
   --width__modal--small:         40rem;
   --width__modal--medium:        64rem;
   --width__modal--large:         80rem;
@@ -27491,6 +27764,279 @@ a.label {
   --icon-base-size: 64px
         ; }
 
+.icon-photo-cancel:before {
+  content: ""; }
+
+.icon-photo-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-photo-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-photo-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-photo-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-photo-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-photo-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-photo-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-photo-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-photo-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-photo-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-photo-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-video-cancel:before {
+  content: ""; }
+
+.icon-video-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-video-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-video-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-video-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-video-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-video-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-video-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-video-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-video-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-video-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-video-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-text-cancel:before {
+  content: ""; }
+
+.icon-text-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-file-cancel:before {
+  content: ""; }
+
+.icon-file-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-file-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-file-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-file-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-file-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-file-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-file-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-file-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-file-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-file-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-file-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-audio-cancel:before {
+  content: ""; }
+
+.icon-audio-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-audio-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-audio-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-audio-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-audio-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-audio-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-audio-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-audio-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-audio-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-audio-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-audio-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-list-alt-cancel:before {
+  content: ""; }
+
+.icon-list-alt-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-list-alt-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-list-alt-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-list-alt-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-list-alt-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-list-alt-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-list-alt-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-list-alt-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-list-alt-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-list-alt-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-list-alt-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-post-cancel:before {
+  content: ""; }
+
+.icon-post-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-post-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-post-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-post-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-post-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-post-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-post-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-post-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-post-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-post-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-post-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-block;
@@ -33375,7 +33921,8 @@ tags-input,
 
 .tags-input__overlay-button {
   position: absolute;
-  inset: 0; }
+  inset: 0;
+  width: 100%; }
 
 .tags-input__single-item {
   display: flex;
@@ -38080,8 +38627,24 @@ tags-input,
 .sd-main-content-grid__preview.open-preview .side-panel__container {
   width: var(--width__container--medium);
   overflow-y: auto; }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xxx-small {
+    width: var(--width__container--xxx-small); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xx-small {
+    width: var(--width__container--xx-small); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--x-small {
+    width: var(--width__container--x-small); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--small {
+    width: var(--width__container--small); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--large {
+    width: var(--width__container--large); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--x-large {
+    width: var(--width__container--x-large); }
   .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xx-large {
     width: var(--width__container--xx-large); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--xxx-large {
+    width: var(--width__container--xxx-large); }
+  .sd-main-content-grid__preview.open-preview .side-panel__container.side-panel__container--full {
+    width: var(--width__container--full); }
   .sd-main-content-grid__preview.open-preview .side-panel__container .side-panel {
     opacity: 1; }
 
@@ -38471,10 +39034,10 @@ a.text-link {
     left: 400px; }
 
 .sd-page__sidebar + .sd-page__main-content {
-  left: 200px; }
+  left: 240px; }
 
 .sd-page__sidebar + .sd-content-navigation-panel {
-  left: 200px;
+  left: 240px;
   top: 0;
   bottom: 0;
   position: absolute; }
@@ -38630,7 +39193,7 @@ a.text-link {
     overflow: visible; }
     .sd-editor-grid__sidetabs-content-overlay.sidetab-content-overlay--open .sidetabs-content-overlay__inner {
       opacity: 1;
-      width: 320px;
+      width: auto;
       position: absolute;
       overflow: hidden;
       inset-inline-end: 0;
@@ -38870,6 +39433,8 @@ a.text-link {
   overflow-y: auto;
   width: auto;
   min-width: 45vw; }
+  .open-editor .sd-editor__container.sd-editor__container--large {
+    min-width: 52vw; }
 
 .sd-editor__input--title {
   -webkit-appearance: none;
@@ -39783,9 +40348,13 @@ a.text-link {
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-inline-start: auto;
+    margin-inline-start: 0.8rem;
     justify-content: flex-end;
-    visibility: hidden; }
+    visibility: hidden;
+    max-width: 0;
+    opacity: 0;
+    padding-inline-end: 0;
+    transition: all 0.2s ease; }
     .sd-grid-item .sd-grid-item__footer-actions--visible {
       visibility: visible;
       opacity: 0.5; }
@@ -39907,7 +40476,11 @@ a.text-link {
     .sd-grid-item:hover .sd-grid-item__checkbox .sd-check-new__wrapper {
       visibility: visible; }
   .sd-grid-item:hover .sd-grid-item__footer-actions {
-    visibility: visible; }
+    visibility: visible;
+    padding-inline-end: 0.4rem;
+    max-width: 32px;
+    margin-inline-start: auto;
+    opacity: 1; }
     .sd-grid-item:hover .sd-grid-item__footer-actions--visible {
       opacity: 1; }
   .sd-grid-item:hover .sd-grid-item__top-actions {
@@ -39918,6 +40491,14 @@ a.text-link {
       visibility: visible; }
   .sd-grid-item.sd-grid-item--selected:hover .sd-grid-item__checkbox, .sd-grid-item.selected:hover .sd-grid-item__checkbox {
     visibility: visible; }
+  .sd-grid-item.sd-grid-item--selected .sd-grid-item__footer-actions, .sd-grid-item.selected .sd-grid-item__footer-actions {
+    visibility: visible;
+    padding-inline-end: 0.4rem;
+    max-width: 32px;
+    margin-inline-start: auto;
+    opacity: 1; }
+    .sd-grid-item.sd-grid-item--selected .sd-grid-item__footer-actions--visible, .sd-grid-item.selected .sd-grid-item__footer-actions--visible {
+      opacity: 1; }
   .sd-grid-item.sd-grid-item--overflow-v {
     overflow: visible; }
     .sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__thumb, .sd-grid-item.sd-grid-item--overflow-v .sd-grid-item__media {
@@ -40040,34 +40621,28 @@ a.text-link {
       display: flex;
       flex-direction: row;
       align-items: center; }
-      .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l {
+      .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l, .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
         flex-grow: 1;
         display: flex;
         flex-direction: row;
         align-items: center;
-        padding-inline-start: 0.4rem; }
+        gap: 0.8rem; }
+      .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-l {
+        justify-content: flex-start; }
       .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--multi-r {
-        flex-grow: 1;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-end;
-        padding-inline-end: 0.4rem; }
+        justify-content: flex-end; }
       .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--single-r {
         flex-grow: 0; }
+      .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left, .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right {
+        gap: 0.8rem; }
       .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left {
         margin-inline-end: auto;
         justify-content: flex-start;
-        padding: 0.4rem; }
-        .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--left > * {
-          margin: 0 0.4rem; }
+        padding-inline-start: 0.8rem; }
       .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right {
         margin-inline-start: auto;
         justify-content: flex-end; }
-        .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block--right > * {
-          margin: 0 0.4rem; }
     .sd-grid-item .sd-grid-item__footer .sd-grid-item__footer-block-item {
-      margin: 0 0.4rem;
       flex-shrink: 0; }
     .sd-grid-item .sd-grid-item__footer time {
       display: inline-block; }
@@ -45641,10 +46216,66 @@ a.text-link {
   .form__group-new .sd-input {
     flex: 1 1 0;
     min-width: 12rem;
-    margin: 0; }
-  .form__group-new .btn {
+    margin: 0;
+    align-self: flex-start; }
+  .form__group-new .btn,
+  .form__group-new .icn-btn,
+  .form__group-new .sd-thumb-carousel__btn--prev,
+  .form__group-new .sd-thumb-carousel__btn--next,
+  .form__group-new .p-carousel-prev,
+  .form__group-new .p-carousel-next {
     flex: 0 0 auto;
     margin-top: 1.6rem; }
+  .form__group-new .sd-text {
+    min-height: 3.2rem;
+    margin-block-start: 1.6rem;
+    line-height: 3.2rem; }
+  .form__group-new--condensed {
+    gap: 0.8rem; }
+  .form__group-new--relaxed {
+    gap: 2.4rem; }
+  .form__group-new--mb-0 {
+    margin-bottom: 0; }
+  .form__group-new--mb-1 {
+    margin-bottom: 0.8rem; }
+  .form__group-new--mb-2 {
+    margin-bottom: 1.6rem; }
+  .form__group-new--mb-3 {
+    margin-bottom: 2.4rem; }
+  .form__group-new--mb-4 {
+    margin-bottom: 3.2rem; }
+  .form__group-new--inline-labels .btn,
+  .form__group-new--inline-labels .icn-btn,
+  .form__group-new--inline-labels .sd-thumb-carousel__btn--prev,
+  .form__group-new--inline-labels .sd-thumb-carousel__btn--next,
+  .form__group-new--inline-labels .p-carousel-prev,
+  .form__group-new--inline-labels .p-carousel-next,
+  .form__group-new--inline-labels .sd-text {
+    margin-top: 0; }
+  .form__group-new--inline-labels .btn,
+  .form__group-new--inline-labels .icn-btn,
+  .form__group-new--inline-labels .sd-thumb-carousel__btn--prev,
+  .form__group-new--inline-labels .sd-thumb-carousel__btn--next,
+  .form__group-new--inline-labels .p-carousel-prev,
+  .form__group-new--inline-labels .p-carousel-next,
+  .form__group-new--inline-labels .sd-text {
+    margin-top: 0; }
+
+.form__group-new__wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%; }
+  .form__group-new__wrapper .form__group-new__label {
+    flex: 0 0 auto;
+    min-height: 2rem;
+    display: inline-block;
+    font-size: 1.6rem;
+    margin: 0;
+    margin-bottom: 1.2rem;
+    line-height: 1;
+    color: var(--color-label-text);
+    font-weight: 500;
+    letter-spacing: 0.02em; }
 
 .form-label {
   display: inline-block;
@@ -57840,6 +58471,279 @@ i.sd-sidetab-menu__helper-icon {
   --icon-base-size: 64px
         ; }
 
+.icon-photo-cancel:before {
+  content: ""; }
+
+.icon-photo-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-photo-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-photo-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-photo-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-photo-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-photo-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-photo-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-photo-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-photo-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-photo-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-photo-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-video-cancel:before {
+  content: ""; }
+
+.icon-video-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-video-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-video-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-video-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-video-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-video-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-video-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-video-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-video-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-video-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-video-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-text-cancel:before {
+  content: ""; }
+
+.icon-text-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-file-cancel:before {
+  content: ""; }
+
+.icon-file-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-file-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-file-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-file-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-file-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-file-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-file-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-file-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-file-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-file-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-file-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-audio-cancel:before {
+  content: ""; }
+
+.icon-audio-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-audio-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-audio-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-audio-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-audio-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-audio-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-audio-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-audio-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-audio-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-audio-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-audio-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-list-alt-cancel:before {
+  content: ""; }
+
+.icon-list-alt-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-list-alt-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-list-alt-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-list-alt-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-list-alt-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-list-alt-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-list-alt-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-list-alt-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-list-alt-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-list-alt-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-list-alt-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-post-cancel:before {
+  content: ""; }
+
+.icon-post-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-post-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-post-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-post-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-post-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-post-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-post-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-post-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-post-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-post-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-post-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-block;