superdesk-ui-framework 3.0.1-beta.3 → 3.0.1-beta.4

package/dist/superdesk-ui.bundle.css

@@ -10776,7 +10776,7 @@
   --sd-colour-bg__grid-item--selected:    var(--sd-colour-bg--04);
   --sd-colour-bg__sliding-toolbar:        var(--sd-colour-interactive--darken-30);
   --sd-colour-bg__searchbar:              var(--sd-colour-bg--02);
-  --sd-colour-overlay-actioning:          hsla(var(--sd-colour-cool-grey-l--20), 0.85);
+  --sd-colour-overlay-actioning:          hsla(var(--sd-colour-cool-grey-l--15), 0.85);
   --color-dropdown-menu-Bg:               var(--sd-colour-bg--05);
   --color-modal-Bg:                       var(--sd-colour-bg--05);
   --sd-colour--shadow-line:               hsla(var(--sd-colour-cool-grey-l--70), 0.12);
@@ -32928,324 +32928,41 @@ sd-tag-input {
   font-weight: 500;
   letter-spacing: 0.08em; }
 
-tags-input, .tags-input {
+tags-input,
+.tags-input {
   display: block;
   background-color: var(--color-input-bg); }
-  tags-input .tags-input__host, .tags-input .tags-input__host {
-    position: relative;
-    margin-top: 0.5rem;
-    margin-bottom: 0;
-    height: 100%; }
-    tags-input .tags-input__host:active, .tags-input .tags-input__host:active {
-      outline: none; }
-  tags-input .tags-input__tags, .tags-input .tags-input__tags {
-    padding: 0.1rem 0 0 0.1rem;
-    overflow: hidden;
-    word-wrap: break-word;
-    cursor: text;
-    background-color: transparent;
-    border: none;
-    transition: border linear 0.2s, box-shadow linear 0.2s;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-    height: 100%; }
-    tags-input .tags-input__tags:hover, .tags-input .tags-input__tags:hover {
-      border-color: rgba(0, 0, 0, 0.3); }
-    tags-input .tags-input__tags.focused, .tags-input .tags-input__tags.focused {
-      outline: none;
-      border-bottom: 1px solid var(--sd-colour-interactive);
-      box-shadow: 0 1px 0 var(--sd-colour-interactive); }
-      tags-input .tags-input__tags.focused .tags-input__input, .tags-input .tags-input__tags.focused .tags-input__input {
-        width: auto; }
-    tags-input .tags-input__tags .tags-input__tag-list, .tags-input .tags-input__tags .tags-input__tag-list {
-      margin: 0;
-      padding: 0;
-      list-style-type: none;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 0.8rem; }
-    tags-input .tags-input__tags .tags-input__tag-item, .tags-input .tags-input__tags .tags-input__tag-item {
-      display: inline-flex;
-      align-items: center;
-      min-width: 1.8em;
-      padding: 0;
-      padding-inline: 1em 1em;
-      border-radius: var(--b-radius--full);
-      font-size: 1.4rem;
-      line-height: 100%;
-      position: relative;
-      text-align: center;
-      font-weight: 400;
-      transition: background-color .2s ease-out, opacity .1s ease-out;
-      margin: 0.2rem 0;
-      margin-right: 0.3rem;
-      height: 2.4rem;
-      color: var(--color-text);
-      transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
-      background: var(--sd-colour__tag-label-Bg--1);
-      color: currentColor; }
-      tags-input .tags-input__tags .tags-input__tag-item.selected, .tags-input .tags-input__tags .tags-input__tag-item.selected {
-        background-color: var(--sd-colour-interactive--alpha-70); }
-      tags-input .tags-input__tags .tags-input__tag-item:hover, .tags-input .tags-input__tags .tags-input__tag-item:hover {
-        cursor: pointer; }
-      tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button, .tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button {
-        text-decoration: none;
-        background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
-        tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button [class*=" icon-"], .tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item:hover .tags-input__remove-button [class*=" icon-"] {
-          opacity: 0.85; }
-      tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button, .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
-        height: 1.8rem;
-        width: 1.8rem;
-        padding: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font-size: inherit;
-        line-height: 1;
-        text-decoration: none;
-        text-align: center;
-        vertical-align: middle;
-        border-radius: var(--b-radius--full);
-        background-color: var(--sd-colour__tag-label-remove-Bg);
-        color: var(--color-text);
-        cursor: pointer;
-        transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
-        margin-right: -1rem;
-        margin-left: 0.8rem; }
-        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"] {
-          color: var(--color-text-light);
-          font-size: 1.6rem;
-          flex-grow: 0;
-          flex-shrink: 0;
-          margin-left: 1px;
-          opacity: 0.4;
-          transition: color .1s ease-out, opacity .1s ease-out; }
-        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover, .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover {
-          text-decoration: none;
-          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
-          tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"] {
-            opacity: 0.85; }
-        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active, .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
-          background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
-          tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
-            color: var(--sd-colour-interactive);
-            opacity: 1; }
-      tags-input .tags-input__tags .tags-input__tag-item ti-tag-item, .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item {
-        display: flex;
-        flex-direction: row;
-        align-items: center; }
-        tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box, .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box {
-          display: flex;
-          flex-direction: row;
-          align-items: center; }
-          tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span, .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
-            flex-grow: 1; }
-    tags-input .tags-input__tags .tags-input__tag-item-multiselect, .tags-input .tags-input__tags .tags-input__tag-item-multiselect {
-      margin: 0 !important; }
-    tags-input .tags-input__tags .tags-input__tag-item-readonly, .tags-input .tags-input__tags .tags-input__tag-item-readonly {
-      cursor: default !important; }
-    tags-input .tags-input__tags .tags-input__input, .tags-input .tags-input__tags .tags-input__input {
-      border: 0;
-      outline: none;
-      margin: 0.2rem;
-      padding: 0;
-      float: left;
-      height: 26px;
-      color: currentColor;
-      background-color: transparent;
-      width: 20px; }
-      tags-input .tags-input__tags .tags-input__input.invalid-tag, .tags-input .tags-input__tags .tags-input__input.invalid-tag {
-        color: #e41b21; }
-      tags-input .tags-input__tags .tags-input__input::-ms-clear, .tags-input .tags-input__tags .tags-input__input::-ms-clear {
-        display: none; }
-      tags-input .tags-input__tags .tags-input__input:focus, .tags-input .tags-input__tags .tags-input__input:focus {
-        box-shadow: unset !important; }
-      tags-input .tags-input__tags .tags-input__input::placeholder, .tags-input .tags-input__tags .tags-input__input::placeholder {
-        opacity: 0.8;
-        font-weight: 300;
-        font-style: italic; }
-    tags-input .tags-input__tags--boxed, .tags-input .tags-input__tags--boxed {
-      background-color: rgba(0, 0, 0, 0.05);
-      padding-left: 0.4rem;
-      border-radius: var(--b-radius--x-small); }
-      tags-input .tags-input__tags--boxed:hover, .tags-input .tags-input__tags--boxed:hover {
-        background-color: rgba(0, 0, 0, 0.1); }
-  tags-input.ng-invalid .tags-input__tags, .tags-input.ng-invalid .tags-input__tags {
-    border-bottom: 1px solid #e41b21 !important;
-    box-shadow: 0 1px 0 #e41b21 !important; }
-  tags-input[disabled] .tags-input__host:focus, .tags-input[disabled] .tags-input__host:focus {
-    outline: none; }
-  tags-input[disabled] .tags-input__tags, .tags-input[disabled] .tags-input__tags {
-    background-color: #eee;
-    cursor: default; }
-    tags-input[disabled] .tags-input__tags .tags-input__tag-item, .tags-input[disabled] .tags-input__tags .tags-input__tag-item {
-      opacity: 0.65; }
-      tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button, .tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
-        cursor: default; }
-        tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active, .tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
-          color: #585858; }
-    tags-input[disabled] .tags-input__tags .tags-input__input, .tags-input[disabled] .tags-input__tags .tags-input__input {
-      background-color: #eee;
-      cursor: default; }
-  tags-input .tags-input__add-button, .tags-input .tags-input__add-button {
-    float: left;
-    height: 2.4rem;
-    width: 2.4rem;
-    background-color: var(--sd-colour-interactive);
-    color: #fff;
-    display: flex;
-    align-items: center;
-    text-align: center;
-    margin: 0.2rem 0.4rem 0.2rem 0;
-    transition: all 0.3s;
-    border-radius: var(--b-radius--x-small);
-    opacity: 0.5;
-    padding: 0;
-    justify-content: center; }
-    tags-input .tags-input__add-button i, .tags-input .tags-input__add-button i {
-      color: inherit; }
-    tags-input .tags-input__add-button:hover, .tags-input .tags-input__add-button:hover {
-      opacity: 1; }
-    tags-input .tags-input__add-button[disabled], tags-input .tags-input__add-button [disabled]:hover, tags-input .tags-input__add-button [disabled]:active, .tags-input .tags-input__add-button[disabled], .tags-input .tags-input__add-button [disabled]:hover, .tags-input .tags-input__add-button [disabled]:active {
-      opacity: 0.5;
-      background-color: rgba(123, 123, 123, 0.4);
-      cursor: default;
-      cursor: not-allowed;
-      color: rgba(255, 255, 255, 0.8); }
-  tags-input .autocomplete, .tags-input .autocomplete {
-    margin-top: 0.5rem;
-    position: absolute;
-    padding: 0.5rem 0;
-    z-index: 999;
-    width: 100%;
-    background-color: var(--color-dropdown-menu-Bg);
-    box-shadow: var(--sd-shadow__dropdown); }
-    tags-input .autocomplete__header, .tags-input .autocomplete__header {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 10px;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-      padding: 4px; }
-    tags-input .autocomplete__icon, .tags-input .autocomplete__icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 35px;
-      width: 35px; }
-      tags-input .autocomplete__icon:hover .arrow-left, .tags-input .autocomplete__icon:hover .arrow-left {
-        color: var(--sd-colour-interactive--alpha-70);
-        transition: 0.2s;
-        transform: translate(-3px); }
-      tags-input .autocomplete__icon .arrow-left, .tags-input .autocomplete__icon .arrow-left {
-        cursor: pointer; }
-      tags-input .autocomplete__icon .search, .tags-input .autocomplete__icon .search {
-        cursor: not-allowed; }
-    tags-input .autocomplete__filter, .tags-input .autocomplete__filter {
-      height: 32px;
-      width: 100%; }
-    tags-input .autocomplete__button, .tags-input .autocomplete__button {
-      height: 32px;
-      padding: 0 15px;
-      font-weight: bold;
-      width: 100%;
-      cursor: default; }
-    tags-input .autocomplete__input, .tags-input .autocomplete__input {
-      height: 32px;
-      width: 100%;
-      padding: 4px;
-      border: none; }
-    tags-input .autocomplete__button--multiselect, .tags-input .autocomplete__button--multiselect {
-      background-color: var(--sd-colour-interactive--alpha-10);
-      border-radius: var(--b-radius--small);
-      cursor: pointer; }
-      tags-input .autocomplete__button--multiselect:hover, .tags-input .autocomplete__button--multiselect:hover {
-        background-color: var(--sd-colour-interactive--alpha-20); }
-    tags-input .autocomplete-multiselect, .tags-input .autocomplete-multiselect {
-      padding: 0 !important; }
-    tags-input .autocomplete-multiselect-width, .tags-input .autocomplete-multiselect-width {
-      width: 275px !important; }
-    tags-input .autocomplete .suggestion-list, .tags-input .autocomplete .suggestion-list {
-      margin: 0;
-      padding: 0;
-      list-style-type: none;
-      max-height: 28rem;
-      overflow-y: auto;
-      position: relative; }
-    tags-input .autocomplete .suggestion-list--multi-select, .tags-input .autocomplete .suggestion-list--multi-select {
-      padding: 4px 0 !important; }
-    tags-input .autocomplete .suggestion-item, .tags-input .autocomplete .suggestion-item {
-      padding: 0.5rem 1rem;
-      cursor: pointer;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: var(--color-text);
-      background-color: #fff;
-      transition: all ease-in-out 0.1s; }
-      tags-input .autocomplete .suggestion-item.selected, .tags-input .autocomplete .suggestion-item.selected {
-        background-color: var(--sd-colour-interactive--alpha-30); }
-        tags-input .autocomplete .suggestion-item.selected:active, .tags-input .autocomplete .suggestion-item.selected:active {
-          background-color: var(--sd-colour-interactive--alpha-70);
-          color: #fff; }
-      tags-input .autocomplete .suggestion-item[disabled], tags-input .autocomplete .suggestion-item[disabled]:hover, tags-input .autocomplete .suggestion-item[disabled]:active, .tags-input .autocomplete .suggestion-item[disabled], .tags-input .autocomplete .suggestion-item[disabled]:hover, .tags-input .autocomplete .suggestion-item[disabled]:active {
-        background-color: transparent;
-        opacity: 0.45;
-        cursor: default;
-        pointer-events: none; }
-      tags-input .autocomplete .suggestion-item:hover, .tags-input .autocomplete .suggestion-item:hover {
-        background-color: var(--sd-colour-interactive--alpha-10) !important; }
-      tags-input .autocomplete .suggestion-item__icon, .tags-input .autocomplete .suggestion-item__icon {
-        display: flex;
-        align-items: center;
-        justify-content: center; }
-    tags-input .autocomplete .suggestion-item--multi-select, .tags-input .autocomplete .suggestion-item--multi-select {
-      display: flex;
-      justify-content: space-between;
-      align-items: center; }
-    tags-input .autocomplete .suggestion-item--disabled, .tags-input .autocomplete .suggestion-item--disabled {
-      opacity: 0.5; }
-
-.tags-input--multiselect {
-  position: relative; }
-
-.tags-input {
-  display: block; }
+  tags-input .tags-input__host,
   .tags-input .tags-input__host {
     position: relative;
     margin-top: 0.5rem;
     margin-bottom: 0;
     height: 100%; }
+    tags-input .tags-input__host:active,
     .tags-input .tags-input__host:active {
       outline: none; }
+  tags-input .tags-input__tags,
   .tags-input .tags-input__tags {
-    padding: 0.1rem 0 0 0.1rem;
+    display: flex;
+    align-items: flex-start;
+    padding: 0.4rem 0.4rem 0.3rem 0.4rem;
     overflow: hidden;
     word-wrap: break-word;
-    cursor: text;
     background-color: transparent;
     border: none;
-    transition: border linear 0.2s, box-shadow linear 0.2s;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-    height: 100%;
-    display: flex;
-    align-items: center;
-    min-height: 3.2rem; }
-    .tags-input .tags-input__tags:hover {
-      border-color: rgba(0, 0, 0, 0.3); }
-    .tags-input .tags-input__tags.focused {
-      outline: none;
-      border-bottom: 1px solid var(--sd-colour-interactive);
-      box-shadow: 0 1px 0 var(--sd-colour-interactive); }
-      .tags-input .tags-input__tags.focused .tags-input__input {
-        width: auto; }
+    height: 100%; }
+    tags-input .tags-input__tags .tags-input__tag-list,
     .tags-input .tags-input__tags .tags-input__tag-list {
       margin: 0;
       padding: 0;
       list-style-type: none;
       display: flex;
+      justify-content: flex-start;
+      align-items: center;
       flex-wrap: wrap;
+      padding-inline-start: 0.4rem;
       gap: 0.4rem; }
+    tags-input .tags-input__tags .tags-input__tag-item,
     .tags-input .tags-input__tags .tags-input__tag-item {
       display: inline-flex;
       align-items: center;
@@ -33263,12 +32980,16 @@ tags-input, .tags-input {
       margin-right: 0.3rem;
       height: 2.4rem;
       color: var(--color-text);
-      float: left;
       transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
       background: var(--sd-colour__tag-label-Bg--1);
       color: currentColor; }
+      tags-input .tags-input__tags .tags-input__tag-item.selected,
       .tags-input .tags-input__tags .tags-input__tag-item.selected {
         background-color: var(--sd-colour-interactive--alpha-70); }
+      tags-input .tags-input__tags .tags-input__tag-item:hover,
+      .tags-input .tags-input__tags .tags-input__tag-item:hover {
+        cursor: pointer; }
+      tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button,
       .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
         height: 1.8rem;
         width: 1.8rem;
@@ -33286,80 +33007,111 @@ tags-input, .tags-input {
         color: var(--color-text);
         cursor: pointer;
         transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
-        margin-inline-end: -1rem;
-        margin-inline-start: 0.8rem; }
-        .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"] {
+        margin-right: -1rem;
+        margin-left: 0.8rem; }
+        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"],
+        .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"],
+        .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"] {
           color: var(--color-text-light);
           font-size: 1.6rem;
           flex-grow: 0;
           flex-shrink: 0;
-          margin-inline-start: 1px;
+          margin-left: 1px;
           opacity: 0.4;
           transition: color .1s ease-out, opacity .1s ease-out; }
+        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover,
         .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover {
           text-decoration: none;
           background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
-          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"] {
+          tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"],
+          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class^="icon-"],
+          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:hover [class*=" icon-"] {
             opacity: 0.85; }
+        tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active,
         .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
           background-color: var(--sd-colour__tag-label-remove-Bg--hover); }
-          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
+          tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"],
+          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class^="icon-"],
+          .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active [class*=" icon-"] {
             color: var(--sd-colour-interactive);
             opacity: 1; }
+      tags-input .tags-input__tags .tags-input__tag-item ti-tag-item,
       .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item {
         display: flex;
         flex-direction: row;
         align-items: center; }
+        tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box,
         .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box {
           display: flex;
           flex-direction: row;
           align-items: center; }
+          tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span,
           .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
             flex-grow: 1; }
+    tags-input .tags-input__tags .tags-input__tag-item--multi-select,
+    .tags-input .tags-input__tags .tags-input__tag-item--multi-select {
+      margin: 0 !important; }
+    tags-input .tags-input__tags .tags-input__tag-item--readonly,
+    .tags-input .tags-input__tags .tags-input__tag-item--readonly {
+      cursor: default !important; }
+    tags-input .tags-input__tags .tags-input__input,
     .tags-input .tags-input__tags .tags-input__input {
       border: 0;
       outline: none;
       margin: 0.2rem;
       padding: 0;
+      float: left;
       height: 26px;
       color: currentColor;
-      background-color: transparent; }
+      background-color: transparent;
+      width: 20px; }
+      tags-input .tags-input__tags .tags-input__input.invalid-tag,
       .tags-input .tags-input__tags .tags-input__input.invalid-tag {
         color: #e41b21; }
+      tags-input .tags-input__tags .tags-input__input::-ms-clear,
       .tags-input .tags-input__tags .tags-input__input::-ms-clear {
         display: none; }
+      tags-input .tags-input__tags .tags-input__input:focus,
       .tags-input .tags-input__tags .tags-input__input:focus {
         box-shadow: unset !important; }
+      tags-input .tags-input__tags .tags-input__input::placeholder,
       .tags-input .tags-input__tags .tags-input__input::placeholder {
         opacity: 0.8;
         font-weight: 300;
         font-style: italic; }
+    tags-input .tags-input__tags--boxed,
     .tags-input .tags-input__tags--boxed {
       background-color: rgba(0, 0, 0, 0.05);
-      padding-inline-start: 0.4rem;
+      padding-left: 0.4rem;
       border-radius: var(--b-radius--x-small); }
+      tags-input .tags-input__tags--boxed:hover,
       .tags-input .tags-input__tags--boxed:hover {
         background-color: rgba(0, 0, 0, 0.1); }
+  tags-input.ng-invalid .tags-input__tags,
   .tags-input.ng-invalid .tags-input__tags {
     border-bottom: 1px solid #e41b21 !important;
     box-shadow: 0 1px 0 #e41b21 !important; }
+  tags-input[disabled] .tags-input__host:focus,
   .tags-input[disabled] .tags-input__host:focus {
     outline: none; }
+  tags-input[disabled] .tags-input__tags,
   .tags-input[disabled] .tags-input__tags {
     background-color: #eee;
     cursor: default; }
+    tags-input[disabled] .tags-input__tags .tags-input__tag-item,
     .tags-input[disabled] .tags-input__tags .tags-input__tag-item {
       opacity: 0.65; }
+      tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button,
       .tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button {
         cursor: default; }
+        tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active,
         .tags-input[disabled] .tags-input__tags .tags-input__tag-item .tags-input__remove-button:active {
           color: #585858; }
+    tags-input[disabled] .tags-input__tags .tags-input__input,
     .tags-input[disabled] .tags-input__tags .tags-input__input {
       background-color: #eee;
       cursor: default; }
-  .tags-input .tag-input__invalid-tag {
-    border-bottom: 1px solid #E51C23 !important;
-    box-shadow: 0 1px 0 #E51C23 !important; }
+  tags-input .tags-input__add-button,
   .tags-input .tags-input__add-button {
     height: 2.4rem;
     width: 2.4rem;
@@ -33368,37 +33120,49 @@ tags-input, .tags-input {
     display: flex;
     align-items: center;
     text-align: center;
-    margin-block-start: 0.2rem;
-    margin-block-end: 0.2rem;
-    margin-inline-start: 0;
-    margin-inline-end: 0.4rem;
     transition: all 0.3s;
     border-radius: var(--b-radius--x-small);
     opacity: 0.5;
     padding: 0;
     justify-content: center;
     flex-shrink: 0; }
+    tags-input .tags-input__add-button i,
     .tags-input .tags-input__add-button i {
       color: inherit; }
+    tags-input .tags-input__add-button:hover,
     .tags-input .tags-input__add-button:hover {
       opacity: 1; }
-    .tags-input .tags-input__add-button[disabled], .tags-input .tags-input__add-button [disabled]:hover, .tags-input .tags-input__add-button [disabled]:active {
+    tags-input .tags-input__add-button[disabled], tags-input .tags-input__add-button [disabled]:hover, tags-input .tags-input__add-button [disabled]:active,
+    .tags-input .tags-input__add-button[disabled],
+    .tags-input .tags-input__add-button [disabled]:hover,
+    .tags-input .tags-input__add-button [disabled]:active {
       opacity: 0.5;
       background-color: rgba(123, 123, 123, 0.4);
       cursor: default;
       cursor: not-allowed;
       color: rgba(255, 255, 255, 0.8); }
+  tags-input .tags-input__remove-value,
+  .tags-input .tags-input__remove-value {
+    display: flex;
+    align-items: center;
+    align-self: flex-end;
+    margin-inline-start: auto;
+    z-index: 2;
+    cursor: pointer;
+    opacity: 0.5;
+    transition: opacity 0.3s ease; }
+    tags-input .tags-input__remove-value:hover,
+    .tags-input .tags-input__remove-value:hover {
+      opacity: 1; }
+  tags-input .autocomplete,
   .tags-input .autocomplete {
-    margin-block-start: 0.5rem;
     position: absolute;
-    padding: 0;
-    padding-block-start: 0.5rem;
-    padding-block-end: 0.5rem;
+    padding: 0.5rem 0;
     z-index: 999;
     width: 100%;
-    border-radius: var(--b-radius--small);
     background-color: var(--color-dropdown-menu-Bg);
     box-shadow: var(--sd-shadow__dropdown); }
+    tags-input .autocomplete .suggestion-list,
     .tags-input .autocomplete .suggestion-list {
       margin: 0;
       padding: 0;
@@ -33406,6 +33170,15 @@ tags-input, .tags-input {
       max-height: 28rem;
       overflow-y: auto;
       position: relative; }
+    tags-input .autocomplete .suggestion-list--multi-select,
+    .tags-input .autocomplete .suggestion-list--multi-select {
+      padding: 4px 0 !important; }
+    tags-input .autocomplete .suggestion-list--loader,
+    .tags-input .autocomplete .suggestion-list--loader {
+      padding: 4px 0 !important;
+      position: relative;
+      min-height: 56px; }
+    tags-input .autocomplete .suggestion-item,
     .tags-input .autocomplete .suggestion-item {
       padding: 0.5rem 1rem;
       cursor: pointer;
@@ -33413,19 +33186,222 @@ tags-input, .tags-input {
       overflow: hidden;
       text-overflow: ellipsis;
       color: var(--color-text);
-      transition: all ease-in-out 0.1s; }
-      .tags-input .autocomplete .suggestion-item:hover {
-        background-color: var(--sd-colour-interactive--alpha-20); }
+      transition: all ease 0.2s;
+      min-height: 3.2rem; }
+      tags-input .autocomplete .suggestion-item.selected,
       .tags-input .autocomplete .suggestion-item.selected {
-        background-color: var(--sd-colour-interactive--alpha-20); }
+        background-color: var(--sd-colour-interactive--alpha-30); }
+        tags-input .autocomplete .suggestion-item.selected:active,
         .tags-input .autocomplete .suggestion-item.selected:active {
           background-color: var(--sd-colour-interactive--alpha-70);
           color: #fff; }
-      .tags-input .autocomplete .suggestion-item[disabled], .tags-input .autocomplete .suggestion-item[disabled]:hover, .tags-input .autocomplete .suggestion-item[disabled]:active {
+      tags-input .autocomplete .suggestion-item[disabled], tags-input .autocomplete .suggestion-item[disabled]:hover, tags-input .autocomplete .suggestion-item[disabled]:active,
+      .tags-input .autocomplete .suggestion-item[disabled],
+      .tags-input .autocomplete .suggestion-item[disabled]:hover,
+      .tags-input .autocomplete .suggestion-item[disabled]:active {
         background-color: transparent;
         opacity: 0.45;
         cursor: default;
         pointer-events: none; }
+      tags-input .autocomplete .suggestion-item:hover,
+      .tags-input .autocomplete .suggestion-item:hover {
+        background-color: var(--sd-colour-interactive--alpha-10) !important; }
+      tags-input .autocomplete .suggestion-item .suggestion-item__icon,
+      .tags-input .autocomplete .suggestion-item .suggestion-item__icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        opacity: 0.5; }
+    tags-input .autocomplete .suggestion-item--multi-select,
+    .tags-input .autocomplete .suggestion-item--multi-select {
+      display: flex;
+      justify-content: space-between;
+      align-items: center; }
+    tags-input .autocomplete .suggestion-item--disabled,
+    .tags-input .autocomplete .suggestion-item--disabled {
+      opacity: 0.5; }
+
+.tags-input {
+  padding-inline: 0 !important;
+  height: auto !important;
+  min-height: 3.2rem; }
+  .tags-input .tags-input__tags .tags-input__input {
+    border: 0;
+    outline: none;
+    margin: 0.2rem;
+    padding: 0;
+    height: 26px;
+    color: currentColor;
+    background-color: transparent; }
+    .tags-input .tags-input__tags .tags-input__input.invalid-tag {
+      color: #e41b21; }
+    .tags-input .tags-input__tags .tags-input__input::-ms-clear {
+      display: none; }
+    .tags-input .tags-input__tags .tags-input__input:focus {
+      box-shadow: unset !important; }
+    .tags-input .tags-input__tags .tags-input__input::placeholder {
+      opacity: 0.8;
+      font-weight: 300;
+      font-style: italic; }
+  .tags-input .tags-input__tags--boxed {
+    background-color: rgba(0, 0, 0, 0.05);
+    padding-inline-start: 0.4rem;
+    border-radius: var(--b-radius--x-small); }
+    .tags-input .tags-input__tags--boxed:hover {
+      background-color: rgba(0, 0, 0, 0.1); }
+  .tags-input .tags-input__helper-box {
+    display: flex;
+    align-items: center; }
+  .tags-input .autocomplete {
+    position: absolute;
+    padding: 0;
+    padding-block-start: 0.5rem;
+    padding-block-end: 0.5rem;
+    z-index: 999;
+    width: 100%;
+    border-radius: var(--b-radius--small);
+    background-color: var(--color-dropdown-menu-Bg);
+    box-shadow: var(--sd-shadow__dropdown); }
+    .tags-input .autocomplete .autocomplete__header {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      border-bottom: 1px solid var(--sd-colour-line--light);
+      padding: 4px; }
+    .tags-input .autocomplete .autocomplete__category-header {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      border-bottom: 1px solid var(--sd-colour-line--x-light);
+      padding: 4px; }
+    .tags-input .autocomplete .autocomplete__icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 35px;
+      width: 35px; }
+      .tags-input .autocomplete .autocomplete__icon:hover .arrow-left {
+        color: var(--sd-colour-interactive--alpha-70);
+        transition: 0.2s;
+        transform: translate(-3px); }
+      .tags-input .autocomplete .autocomplete__icon .arrow-left {
+        cursor: pointer; }
+      .tags-input .autocomplete .autocomplete__icon .search {
+        cursor: default;
+        opacity: 0.65; }
+    .tags-input .autocomplete .autocomplete__filter {
+      height: 32px;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      gap: 4px; }
+    .tags-input .autocomplete .autocomplete__button {
+      height: 32px;
+      padding: 0 15px;
+      font-weight: 600;
+      width: auto;
+      cursor: default;
+      margin-inline-start: auto; }
+    .tags-input .autocomplete .autocomplete__category-title {
+      font-weight: 600;
+      padding: 0;
+      cursor: default; }
+    .tags-input .autocomplete .autocomplete__input {
+      height: 32px;
+      width: 100%;
+      padding: 4px;
+      border: none;
+      background-color: transparent;
+      color: var(--color-text); }
+      .tags-input .autocomplete .autocomplete__input::placeholder {
+        color: var(--color-text-lighter);
+        font-weight: 300; }
+    .tags-input .autocomplete .autocomplete__button--multi-select {
+      background-color: transparent;
+      border: 1px solid var(--sd-colour-interactive--alpha-50);
+      border-radius: var(--b-radius--small);
+      color: var(--sd-colour-interactive);
+      cursor: pointer;
+      transition: all ease 0.2s;
+      font-size: 1.3rem;
+      font-weight: 400;
+      margin-inline-end: 0.8rem;
+      height: 2.8rem; }
+      .tags-input .autocomplete .autocomplete__button--multi-select:hover {
+        border: 1px solid var(--sd-colour-interactive);
+        box-shadow: inset 0 0 0 2px var(--sd-colour-interactive--alpha-20); }
+      .tags-input .autocomplete .autocomplete__button--multi-select:active {
+        border: 1px solid var(--sd-colour-interactive);
+        box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-30); }
+      .tags-input .autocomplete .autocomplete__button--multi-select.autocomplete__button--disabled, .tags-input .autocomplete .autocomplete__button--multi-select.autocomplete__button--disabled:hover {
+        opacity: 0.75;
+        border: 1px solid var(--sd-colour-line--light);
+        color: var(--color-text-light);
+        cursor: not-allowed;
+        box-shadow: none; }
+    .tags-input .autocomplete--multi-select {
+      padding: 0 !important;
+      margin-block-start: 0; }
+    .tags-input .autocomplete--fixed-width {
+      width: 275px !important; }
+
+.tags-input--multi-select,
+.tags-input--single-select {
+  position: relative; }
+
+.tags-input--single-select .tags-input__tags {
+  align-items: center; }
+
+.tags-input--single-select::after {
+  position: absolute;
+  z-index: 1;
+  display: inline-block;
+  margin-inline-end: 1rem;
+  vertical-align: middle;
+  border-left: 0.4rem solid transparent;
+  border-right: 0.4rem solid transparent;
+  border-top: 0.4rem solid var(--color-text);
+  pointer-events: none;
+  opacity: 0.4;
+  content: "";
+  z-index: 0;
+  inset-inline-end: 0;
+  inset-block-start: 1.5rem; }
+
+.tags-input--single-select:hover::after {
+  opacity: 0.6; }
+
+.tags-input__overlay-button {
+  position: absolute;
+  inset: 0; }
+
+.tags-input__single-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: stretch;
+  padding-inline-start: 0.8rem;
+  padding-inline-end: 2.4rem; }
+  .tags-input__single-item .tags-input__helper-box {
+    display: flex;
+    width: 100%;
+    align-items: center; }
+  .tags-input__single-item .tags-input__remove-button {
+    display: flex;
+    align-items: center;
+    align-self: flex-end;
+    margin-inline-start: auto;
+    z-index: 2;
+    cursor: pointer;
+    opacity: 0.5;
+    transition: opacity 0.3s ease; }
+    .tags-input__single-item .tags-input__remove-button:hover {
+      opacity: 1; }
+  .tags-input__single-item .tags-input__placeholder {
+    color: var(--color-text-lighter);
+    font-weight: 300; }
 
 .boxed-list {
   display: flex;
@@ -38977,6 +38953,13 @@ a.text-link {
     cursor: grabbing;
     cursor: -moz-grabbing;
     cursor: -webkit-grabbing; }
+  .sd-list-item.actioning:hover {
+    cursor: progress; }
+    .sd-list-item.actioning:hover .sd-list-item__action-menu {
+      padding: 0;
+      width: 0;
+      overflow: hidden;
+      opacity: 0; }
   .sd-list-item.actioning::before {
     content: '';
     position: absolute;
@@ -38989,7 +38972,8 @@ a.text-link {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 45px;
-    background-color: rgba(255, 255, 255, 0.65); }
+    background-color: var(--sd-colour-overlay-actioning);
+    border-radius: var(--b-radius--small); }
   .sd-list-item.locked .sd-list-item__border {
     background: #e41b21; }
   .sd-list-item.archived:after {
@@ -40574,7 +40558,7 @@ a.text-link {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 60px;
-    background-color: rgba(0, 0, 0, 0.85); }
+    background-color: var(--sd-colour-overlay-actioning); }
 
 .sd-photo-preview__video {
   display: grid;
@@ -45514,12 +45498,6 @@ a.text-link {
     width: 100%;
     margin-bottom: 1rem;
     margin-right: 0; }
-  .form__row label + div,
-  .form__row-item label + div {
-    margin-top: .4rem; }
-    .form__row label + div .label,
-    .form__row-item label + div .label {
-      margin-bottom: .3rem; }
 
 .label--active {
   color: var(--sd-colour-interactive--darken-10); }
@@ -45648,6 +45626,20 @@ a.text-link {
   background-color: var(--color-form-bg);
   color: var(--color-text); }
 
+.form__group-new {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  align-items: flex-start;
+  gap: 1.6rem; }
+  .form__group-new .sd-input {
+    flex: 1 1 0;
+    min-width: 12rem;
+    margin: 0; }
+  .form__group-new .btn {
+    flex: 0 0 auto;
+    margin-top: 1.6rem; }
+
 .form-label {
   display: inline-block;
   font-size: 1.1rem;
@@ -46028,7 +46020,8 @@ a.text-link {
   grid-template-columns: auto 1fr auto;
   grid-template-rows: 1.6rem auto auto;
   grid-gap: 0;
-  position: relative; }
+  position: relative;
+  align-self: stretch; }
   .sd-input .sd-input__input {
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -46059,6 +46052,9 @@ a.text-link {
       background-color: var(--sd-colour-interactive--alpha-20); }
       .sd-input .sd-input__input:focus::placeholder {
         opacity: 0.45; }
+  .sd-input .sd-input__input-container {
+    grid-row: 2/3;
+    grid-column: 2/4; }
   .sd-input textarea.sd-input__input {
     height: auto;
     min-height: 3.2rem; }
@@ -46267,6 +46263,14 @@ a.text-link {
   .sd-input--disabled select.sd-input__select:hover::after {
     opacity: 0.3;
     filter: "alpha(opacity=30)"; }
+  .sd-input--disabled div.sd-input__duration-input, .sd-input--disabled div.sd-input__duration-input:hover, .sd-input--disabled div.sd-input__duration-input:focus {
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    box-shadow: none; }
+  .sd-input--disabled div input.duration-input, .sd-input--disabled div input.duration-input:hover, .sd-input--disabled div input.duration-input:focus {
+    opacity: 0.5;
+    cursor: not-allowed !important;
+    box-shadow: none; }
   .sd-input--disabled .sd-input__label, .sd-input--disabled .sd-input__message-box, .sd-input--disabled .sd-input__char-count {
     opacity: 0.5 !important;
     pointer-events: none !important; }
@@ -46279,6 +46283,38 @@ a.text-link {
   .sd-input--full-width {
     flex-grow: 1;
     width: 100%; }
+  .sd-input--medium.sd-input--boxed-style .sd-input__input,
+  .sd-input--medium.sd-input--boxed-style .sd-input__select {
+    border-radius: var(--b-radius--medium); }
+    .sd-input--medium.sd-input--boxed-style .sd-input__input:focus,
+    .sd-input--medium.sd-input--boxed-style .sd-input__select:focus {
+      box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
+  .sd-input--large .sd-input__input,
+  .sd-input--large .sd-input__select {
+    padding: 0 1.6rem;
+    min-height: 4.8rem;
+    font-size: 2.4rem;
+    font-weight: 500; }
+  .sd-input--large .sd-input__select {
+    line-height: 2.4rem; }
+    .sd-input--large .sd-input__select option {
+      color: var(--color-text);
+      font-size: 1.4rem !important;
+      line-height: 2rem;
+      background-color: var(--color-dropdown-menu-Bg); }
+  .sd-input--x-large .sd-input__input,
+  .sd-input--x-large .sd-input__select {
+    padding: 0 1.6rem;
+    min-height: 5.6rem;
+    font-size: 3.2rem;
+    font-weight: 500; }
+  .sd-input--x-large .sd-input__select {
+    line-height: 3.2rem; }
+    .sd-input--x-large .sd-input__select option {
+      color: var(--color-text);
+      font-size: 1.4rem !important;
+      line-height: 2rem;
+      background-color: var(--color-dropdown-menu-Bg); }
   .sd-input--boxed-style .sd-input__input,
   .sd-input--boxed-style .sd-input__select {
     border: 0;
@@ -46297,7 +46333,10 @@ a.text-link {
       border-color: var(--sd-colour-interactive--alpha-50);
       box-shadow: inset 0 0 0 4px var(--sd-colour-interactive--alpha-20);
       background-color: transparent; }
-  .sd-input--boxed-style.sd-input--disabled input.sd-input__input, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:hover, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:focus, .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input, .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:hover, .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:focus {
+  .sd-input--boxed-style.sd-input--disabled input.sd-input__input, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:hover, .sd-input--boxed-style.sd-input--disabled input.sd-input__input:focus,
+  .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input,
+  .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:hover,
+  .sd-input--boxed-style.sd-input--disabled textarea.sd-input__input:focus {
     opacity: 0.5;
     background-color: transparent;
     border: 2px solid var(--color-input-border) !important;
@@ -46307,7 +46346,17 @@ a.text-link {
     background-color: transparent;
     border: 2px solid var(--color-input-border) !important;
     box-shadow: none; }
-  .sd-input--boxed-style.sd-input--disabled .sd-input__label, .sd-input--boxed-style.sd-input--disabled .sd-input__message-box, .sd-input--boxed-style.sd-input--disabled .sd-input__char-count {
+  .sd-input--boxed-style.sd-input--disabled .tags-input__add-button {
+    pointer-events: none; }
+  .sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__label,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__message-box,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__label .sd-input__char-count,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__label,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__message-box,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__message-box .sd-input__char-count,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__label,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__message-box,
+  .sd-input--boxed-style.sd-input--disabled .sd-input__char-count .sd-input__char-count {
     opacity: 0.5; }
   .sd-input--boxed-style.sd-input--disabled .sd-input__hint,
   .sd-input--boxed-style.sd-input--disabled .sd-input__message,
@@ -46321,38 +46370,6 @@ a.text-link {
     box-shadow: none; }
   .sd-input--boxed-style.sd-input--invalid .sd-input__label, .sd-input--boxed-style.sd-input--invalid .sd-input__message {
     color: #e41b21; }
-  .sd-input--medium.sd-input--boxed-style .sd-input__input,
-  .sd-input--medium.sd-input--boxed-style .sd-input__select {
-    border-radius: var(--b-radius--medium); }
-    .sd-input--medium.sd-input--boxed-style .sd-input__input:focus,
-    .sd-input--medium.sd-input--boxed-style .sd-input__select:focus {
-      box-shadow: inset 0 0 0 3px var(--sd-colour-interactive--alpha-20); }
-  .sd-input--large .sd-input__input,
-  .sd-input--large .sd-input__select {
-    padding: 0 1.6rem;
-    min-height: 4.8rem;
-    font-size: 2.4rem;
-    font-weight: 500; }
-  .sd-input--large .sd-input__select {
-    line-height: 2.4rem; }
-    .sd-input--large .sd-input__select option {
-      color: var(--color-text);
-      font-size: 1.4rem !important;
-      line-height: 2rem;
-      background-color: var(--color-dropdown-menu-Bg); }
-  .sd-input--x-large .sd-input__input,
-  .sd-input--x-large .sd-input__select {
-    padding: 0 1.6rem;
-    min-height: 5.6rem;
-    font-size: 3.2rem;
-    font-weight: 500; }
-  .sd-input--x-large .sd-input__select {
-    line-height: 3.2rem; }
-    .sd-input--x-large .sd-input__select option {
-      color: var(--color-text);
-      font-size: 1.4rem !important;
-      line-height: 2rem;
-      background-color: var(--color-dropdown-menu-Bg); }
   .sd-input--boxed-label {
     grid-template-columns: auto 1fr auto;
     grid-template-rows: auto auto auto; }
@@ -46419,13 +46436,18 @@ a.text-link {
   display: inline-block;
   color: var(--color-text);
   text-align: end;
-  width: 2.5ch; }
+  width: 2.5ch;
+  font-size: 1.4rem; }
   .sd-input__duration-input input::-webkit-outer-spin-button, .sd-input__duration-input input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0; }
   .sd-input__duration-input input[type=number] {
     -moz-appearance: textfield; }
 
+.sd-input__duration-input span {
+  display: flex;
+  align-items: center; }
+
 .sd-input__duration-input .sd-input__suffix {
   height: 3.2rem;
   line-height: 3.2rem;
@@ -46442,7 +46464,26 @@ a.text-link {
 .sd-input .p-dropdown,
 .sd-input .tags-input {
   grid-row: 2/3;
-  grid-column: 2/4; }
+  grid-column: 2/4;
+  width: 100%; }
+
+.sd-input.sd-input--disabled .p-multiselect,
+.sd-input.sd-input--disabled .p-calendar,
+.sd-input.sd-input--disabled .p-multiselect,
+.sd-input.sd-input--disabled .p-dropdown,
+.sd-input.sd-input--disabled .tags-input, .sd-input.sd-input--disabled:hover .p-multiselect,
+.sd-input.sd-input--disabled:hover .p-calendar,
+.sd-input.sd-input--disabled:hover .p-multiselect,
+.sd-input.sd-input--disabled:hover .p-dropdown,
+.sd-input.sd-input--disabled:hover .tags-input {
+  opacity: 0.5;
+  cursor: not-allowed; }
+
+.sd-input.sd-input--disabled .p-calendar, .sd-input.sd-input--disabled:hover .p-calendar {
+  border-bottom: 1px dotted var(--color-input-border);
+  background-color: var(--color-input-bg); }
+  .sd-input.sd-input--disabled .p-calendar .p-calendar-icon, .sd-input.sd-input--disabled:hover .p-calendar .p-calendar-icon {
+    pointer-events: none; }
 
 .sd-toggle, .sd-switch {
   display: inline-block;