.cspell-project-words.txt

+apng
+backtosite
+basethemeurl
+colours
+cpath
+csvg
+customisations
+darkmode
+dasjo
+dermario
+deskinset
+dragdrop
+dropzonejs
+eggenberger
+ESlint
+flyouts
+fullscreeneditor
+ginter
+grouptitle
+gvar
+highcontrastmode
+imageapi
+imce
+lightmode
+linkit
+menubutton
+navigationcreate
+navigaton
+overfloating
+overried
+sascha
+saschaeggi
+scrollsync
+smartdate
+spritemap
+subtheming
+syncscroll
+tablesaw
+tmgmt
+toleft
+toogle
+toolsextra
+topbar
+totop
+treetable
+tvscreen
+uidom
+webform
+xsmall
+xxxs

.gitignore

@@ -20,3 +20,6 @@ domain.json
 
 # Ignore npm debugs
 npm-debug.log
+
+# Ignore JetBrains`s IDE files
+.idea

.gitlab-ci.yml

-include:
-  # This remote project centralize our CI "golden path" https://docs.gitlab.com/ee/ci/yaml/#includefile
-  remote: 'https://gitlab.com/drupalspoons/composer-plugin/-/raw/master/templates/.gitlab-ci.yml'
 
-# Override phpcs config
-phpcs:
-  stage: test
-  script:
-    - cp -u phpcs.xml $WEB_ROOT/modules/custom
-    - composer phpcs -- --report-junit=junit.xml --report-full --report-summary
-  allow_failure: false
-  artifacts:
-    expose_as: junit
-    expire_in: 6 mos
-    paths:
-      - junit.xml
-    reports:
-      junit: junit.xml
-
-# Disable stylelint
-stylelint:
-  stage: test
-  script:
-    - yarn version
+################
+# GitLabCI template for Drupal projects.
+#
+# This template is designed to give any Contrib maintainer everything they need to test, without requiring modification.
+# It is also designed to keep up to date with Core Development automatically through the use of include files that can be centrally maintained.
+# As long as you include the project, ref and three files below, any future updates added by the Drupal Association will be used in your
+# pipelines automatically. However, you can modify this template if you have additional needs for your project.
+# The full documentation is on https://project.pages.drupalcode.org/gitlab_templates/
+################
+# For information on alternative values for 'ref' see https://project.pages.drupalcode.org/gitlab_templates/info/templates-version/
+# To test a Drupal 7 project, change the first include filename from .main.yml to .main-d7.yml
+include:
+  - project: $_GITLAB_TEMPLATES_REPO
+    ref: $_GITLAB_TEMPLATES_REF
+    file:
+      - '/includes/include.drupalci.main.yml'
+      - '/includes/include.drupalci.variables.yml'
+      - '/includes/include.drupalci.workflows.yml'
+#
+################
+# Pipeline configuration variables are defined with default values and descriptions in the file
+# https://git.drupalcode.org/project/gitlab_templates/-/blob/main/includes/include.drupalci.variables.yml
+# Uncomment the lines below if you want to override any of the variables. The following is just an example.
+################
+variables:
+  PROJECT_TYPE: 'theme'
+  SKIP_STYLELINT: '1'
+  # @todo Enable ESlint and resolve issues.
+  SKIP_ESLINT: '1'
+#   OPT_IN_TEST_NEXT_MAJOR: '1'
+#   _CURL_TEMPLATES_REF: 'main'
 
 frontend:
   stage: build
-  image: node:16.13-alpine
+  image: node:20.14.0-alpine
   variables:
     GIT_STRATEGY: fetch
     GIT_CHECKOUT: "true"
@@ -37,4 +45,4 @@ frontend:
   artifacts:
     paths:
       - node_modules/
-    expire_in: 6 mos
+    expire_in: 6 mos
\ No newline at end of file

.tugboat/config.yml

@@ -13,6 +13,8 @@ services:
         # Check out a branch using the unique Tugboat ID for this repository, to
         # ensure we don't clobber an existing branch.
         git checkout -b $TUGBOAT_REPO_ID
+        # Set PHP LIMIT up to 512MB.
+        echo "memory_limit = 512M" >> /usr/local/etc/php/conf.d/my-php.ini
         # Composer is hungry. You need a Tugboat project with a pretty sizeable
         # chunk of memory.
         export COMPOSER_MEMORY_LIMIT=-1
@@ -25,9 +27,11 @@ services:
         # Require Gin Toolbar
         composer require 'drupal/gin_toolbar:^1.0@beta'
         # Require Gin Login
-        composer require 'drupal/gin_login:^1.0@RC'
+        composer require 'drupal/gin_login:^2.1'
         # Require Admin Toolbar
         composer require 'drupal/admin_toolbar:^3.0'
+        # Require Project Browser
+        composer require 'drupal/project_browser:^1.0@beta'
         # Now we can require Gin, specifing the branch name we created
         # above that uses the $TUGBOAT_REPO_ID environment variable.
         composer require drupal/gin:dev-$TUGBOAT_REPO_ID
@@ -53,6 +57,8 @@ services:
         vendor/bin/drush --yes en gin_toolbar
         # Enable gin_login Module.
         vendor/bin/drush --yes en gin_login
+        # Enable project_browser Module.
+        vendor/bin/drush --yes en project_browser
       build: |
         set -eux
         # Delete and re-check out this branch in case this is built from a Base Preview.

CODE_OF_CONDUCT.md

@@ -48,7 +48,7 @@ offensive, or harmful.
 
 This Code of Conduct applies both within project spaces and in public spaces
 when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
+representing a project or community include using an official project email
 address, posting via an official social media account, or acting as an appointed
 representative at an online or offline event. Representation of a project may be
 further defined and clarified by project maintainers.

composer.json

@@ -33,7 +33,7 @@
     ],
     "minimum-stability": "dev",
     "require": {
-        "drupal/gin_toolbar": "^1.0@beta"
+        "drupal/gin_toolbar": "^2.0"
     },
     "scripts": {
         "phpcs": "phpcs -s --runtime-set ignore_warnings_on_exit 1 --runtime-set ignore_errors_on_exit 0 'web/modules/custom'"

config/install/gin.settings.yml

 preset_accent_color: 'blue'
 preset_focus_color: 'gin'
 enable_darkmode: '0'
-classic_toolbar: 'vertical'
+classic_toolbar: 'new'
 secondary_toolbar_frontend: true
 logo:
   use_default: true
@@ -9,6 +9,7 @@ high_contrast_mode: false
 layout_density: 'default'
 show_description_toggle: false
 show_user_theme_settings: false
+sticky_action_buttons: false
 third_party_settings:
   shortcut:
     module_link: true

config/schema/gin.schema.yml

@@ -36,6 +36,9 @@ gin.settings:
     show_user_theme_settings:
       type: boolean
       label: 'Let user override theme'
+    sticky_action_buttons:
+      type: boolean
+      label: 'Sticky action buttons'
     third_party_settings:
       type: mapping
       label: 'Third party settings'

dist/css/base/gin.css

@@ -2,7 +2,7 @@
 
 html {
   font-family: var(--gin-font);
-  scroll-padding-top: var(--gin-scroll-offset) !important;
+  scroll-padding-block-start: var(--gin-scroll-offset) !important;
 }
 
 body {
@@ -59,39 +59,6 @@ a {
   color-scheme: dark;
 }
 
-.views-field .marker,
-.gin-beta-flag,
-.gin-experimental-flag,
-.gin-new-flag {
-  font-size: 10px;
-  font-weight: var(--gin-font-weight-semibold);
-  text-transform: uppercase;
-  letter-spacing: .1em;
-  display: inline-block;
-  padding: .125em .5em;
-  vertical-align: .125em;
-  border-radius: var(--gin-border-xs);
-}
-
-.views-field .marker,
-.gin-beta-flag,
-.gin-experimental-flag {
-  color: #555;
-  background: #ddd;
-}
-
-.gin--dark-mode .views-field .marker,
-.gin--dark-mode .gin-beta-flag,
-.gin--dark-mode .gin-experimental-flag {
-  color: #eee;
-  background: #444;
-}
-
-.gin-new-flag {
-  color: #fff;
-  background-color: #26a769;
-}
-
 a,
 .link,
 button.link,
@@ -101,8 +68,7 @@ button.link,
 [open] .claro-details__summary--vertical-tabs-item,
 .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
   color: var(--gin-color-primary);
-  -webkit-text-decoration-style: var(--gin-link-decoration-style);
-          text-decoration-style: var(--gin-link-decoration-style);
+  text-decoration-style: var(--gin-link-decoration-style);
 }
 
 a:hover,
@@ -127,16 +93,9 @@ button.link:active,
   color: var(--gin-color-primary-active);
 }
 
-*|*:-webkit-any-link:not(svg|a) {
-  text-decoration: underline;
-  -webkit-text-decoration-style: var(--gin-link-decoration-style);
-          text-decoration-style: var(--gin-link-decoration-style);
-}
-
 *|*:any-link:not(svg|a) {
   text-decoration: underline;
-  -webkit-text-decoration-style: var(--gin-link-decoration-style);
-          text-decoration-style: var(--gin-link-decoration-style);
+  text-decoration-style: var(--gin-link-decoration-style);
 }
 
 .is-horizontal .tabs__link:hover,
@@ -193,7 +152,7 @@ button.link:active,
 
 .region-sticky {
   position: sticky;
-  top: var(--gin-toolbar-y-offset);
+  inset-block-start: var(--gin-toolbar-y-offset);
   z-index: 101;
   padding: 0;
   width: 100%;
@@ -206,20 +165,20 @@ button.link:active,
 }
 
 .gin--edit-form .region-sticky {
-  top: calc(var(--gin-toolbar-y-offset) - var(--gin-spacing-xxl) - var(--gin-spacing-xxs));
-  padding-top: var(--gin-spacing-m);
+  inset-block-start: calc(var(--gin-toolbar-y-offset) - var(--gin-spacing-xxl) - var(--gin-spacing-xxs));
+  padding-block-start: var(--gin-spacing-m);
 }
 
 @media (min-width: 64em) {
   .gin--edit-form .region-sticky {
-    top: calc(var(--gin-toolbar-y-offset) - var(--gin-spacing-xxxl));
-    padding-top: var(--gin-spacing-s);
+    inset-block-start: var(--gin-toolbar-y-offset);
+    padding-block-start: var(--gin-spacing-s);
   }
 }
 
 .region-sticky-watcher {
   position: sticky;
-  top: -1px;
+  inset-block-start: -1px;
   height: 0;
 }
 
@@ -243,20 +202,16 @@ button.link:active,
           backdrop-filter: none;
 }
 
-.gin--classic-toolbar:not(.gin--edit-form) .region-sticky {
-  position: static;
-}
-
 @media (min-width: 64em) {
   .region-sticky {
-    top: -1px;
+    inset-block-start: -1px;
     padding: var(--gin-spacing-s) 0;
     height: var(--gin-height-sticky);
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   .gin--navigation .region-sticky, .gin--vertical-toolbar .region-sticky, .gin--horizontal-toolbar .region-sticky, .gin--classic-toolbar .region-sticky {
-    top: var(--gin-toolbar-y-offset);
+    inset-block-start: var(--gin-toolbar-y-offset);
   }
 }
 
@@ -284,7 +239,7 @@ button.link:active,
   .region-sticky__items__inner {
     flex-wrap: nowrap;
     align-items: center;
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   .region-sticky__items__inner .block-page-title-block {
@@ -305,34 +260,42 @@ button.link:active,
   margin: 0;
 }
 
-.region-sticky__items .gin-sticky {
+.region-sticky__items .gin-sticky-form-actions {
   display: flex;
+  width: auto;
+  margin-block-start: 0;
 }
 
 @media (min-width: 64em) {
-  [dir="ltr"] .region-sticky__items .gin-sticky {
-    padding-left: var(--gin-spacing-l);
+  .region-sticky__items .gin-sticky-form-actions {
+    padding-inline-start: var(--gin-spacing-l);
   }
+}
 
-  [dir="rtl"] .region-sticky__items .gin-sticky {
-    padding-right: var(--gin-spacing-l);
-  }
+.region-sticky__items [id*=block-gin-local-actions] + .gin-sticky-form-actions {
+  padding-inline-start: var(--gin-spacing-xs);
 }
 
 .content-header {
-  padding-top: 0;
-  margin-bottom: 0;
+  padding-block: 0;
   background-color: transparent;
   overflow: initial;
 }
 
+@media (min-width: 48em) {
+  .content-header:not(:has(.layout-container *)) {
+    margin-block-start: calc(var(--gin-spacing-m) * -1);
+  }
+}
+
 @media (min-width: 64em) {
   .sticky-shadow {
     z-index: 98;
     position: relative;
     pointer-events: none;
     height: 40px;
-    margin: calc(var(--gin-spacing-xxxl) * -1) auto var(--gin-spacing-l);
+    margin-block: calc(var(--gin-spacing-xxxl) * -1) var(--gin-spacing-l);
+    margin-inline: auto;
     box-shadow: 0 10px 20px -16px rgba(0, 0, 0, .4);
   }
 
@@ -344,14 +307,10 @@ button.link:active,
 @media (min-width: 64em) {
   .sticky-shadow {
     position: sticky;
-    top: calc(var(--gin-toolbar-y-offset) + var(--gin-height-sticky) - 40px);
+    inset-block-start: calc(var(--gin-toolbar-y-offset) + var(--gin-height-sticky) - 40px);
     width: calc(100% - min(10vw, 96px) + var(--gin-spacing-l));
   }
 
-  .gin--classic-toolbar:not(.gin--edit-form) .sticky-shadow {
-    display: none;
-  }
-
   .gin--edit-form .sticky-shadow {
     max-width: 1300px;
   }
@@ -359,43 +318,35 @@ button.link:active,
 
 @media (min-width: 64em) {
   .page-wrapper {
-    margin-top: 1px;
+    margin-block-start: 1px;
   }
 }
 
 .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
 body:not(.toolbar-tray-open) .layout-container {
-  margin-left: var(--gin-spacing-m);
-  margin-right: var(--gin-spacing-m);
+  margin-inline: var(--gin-spacing-m);
 }
 
 @media (min-width: 48em) {
   .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
   body:not(.toolbar-tray-open) .layout-container {
-    margin-left: var(--gin-spacing-xl);
-    margin-right: var(--gin-spacing-xl);
+    margin-inline: var(--gin-spacing-xl);
   }
 }
 
 @media (min-width: 61em) {
   .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
   body:not(.toolbar-tray-open) .layout-container {
-    margin-left: min(5vw, var(--gin-spacing-xxl));
-    margin-right: min(5vw, var(--gin-spacing-xxl));
+    margin-inline: min(5vw, var(--gin-spacing-xxl));
   }
 
   .toolbar-tray-open:not(.toolbar-vertical) .layout-container .layout-container,
   body:not(.toolbar-tray-open) .layout-container .layout-container {
-    margin-left: 0;
-    margin-right: 0;
+    margin-inline: 0;
   }
 }
 
-.layout-node-form__actions {
-  display: none;
-}
-
-.gin-sticky {
+.gin-sticky-form-actions {
   display: flex;
   flex-wrap: wrap;
   flex-shrink: 0;
@@ -405,64 +356,48 @@ body:not(.toolbar-tray-open) .layout-container {
 }
 
 @media (min-width: 64em) {
-  .gin-sticky {
+  .gin-sticky-form-actions {
     flex-wrap: nowrap;
     width: max-content;
   }
 }
 
-.gin-sticky .form-actions {
+.gin-sticky-form-actions .form-actions {
   margin: 0;
   flex-grow: 1;
   align-items: center;
   justify-content: flex-end;
 }
 
-[dir="ltr"] .gin-sticky .form-actions :last-child {
-  margin-right: 0;
-}
-
-[dir="rtl"] .gin-sticky .form-actions :last-child {
-  margin-left: 0;
-}
-
-.gin-sticky .field--name-status {
+.gin-sticky-form-actions .field--name-status {
   display: flex;
   align-items: center;
+  margin-inline-end: var(--gin-spacing-xs);
 }
 
-[dir="ltr"] .gin-sticky .field--name-status {
-  margin-right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .gin-sticky .field--name-status {
-  margin-left: var(--gin-spacing-xxs);
+.gin-sticky-form-actions .field--name-status .form-item__label {
+  font-size: .8125rem;
 }
 
-@media (min-width: 61em) {
-  [dir="ltr"] .gin-sticky .field--name-status {
-    margin-right: var(--gin-spacing-l);
-  }
-
-  [dir="rtl"] .gin-sticky .field--name-status {
-    margin-left: var(--gin-spacing-l);
+@media (max-width: 26.24em) {
+  .gin-sticky-form-actions .field--name-status .form-item__label {
+    display: none;
   }
 }
 
-.gin-sticky .field--name-status .form-type--checkbox {
-  margin-top: var(--gin-spacing-xs);
-  margin-bottom: var(--gin-spacing-xs);
+.gin-sticky-form-actions .field--name-status .form-type--checkbox {
+  margin-block: var(--gin-spacing-xs);
 }
 
 .page-content {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 @media (min-width: 48em) {
   .page-content > .help,
   .page-content > .region-content,
   .page-content > .region-highlighted {
-    margin-top: var(--gin-spacing-l);
+    margin-block-start: var(--gin-spacing-l);
   }
 }
 
@@ -473,11 +408,12 @@ body:not(.toolbar-tray-open) .layout-container {
 .views-edit-view,
 .views-preview-wrapper,
 .modules-tabs,
-.module-filter-update-status-form .table-filter,
 #views-entity-list,
 .admin.my-workbench,
-.media-library-views-form {
-  margin-top: 0;
+.media-library-views-form,
+.user-admin-permissions,
+.field-config-form {
+  margin-block-start: 0;
   box-shadow: var(--gin-shadow-l1);
   border-radius: var(--gin-border-l);
 }
@@ -489,10 +425,11 @@ body:not(.toolbar-tray-open) .layout-container {
 .gin--dark-mode .views-edit-view,
 .gin--dark-mode .views-preview-wrapper,
 .gin--dark-mode .modules-tabs,
-.gin--dark-mode .module-filter-update-status-form .table-filter,
 .gin--dark-mode #views-entity-list,
 .gin--dark-mode .admin.my-workbench,
-.gin--dark-mode .media-library-views-form {
+.gin--dark-mode .media-library-views-form,
+.gin--dark-mode .user-admin-permissions,
+.gin--dark-mode .field-config-form {
   box-shadow: 0 6px 16px var(--gin-border-color-layer);
 }
 
@@ -503,10 +440,11 @@ body:not(.toolbar-tray-open) .layout-container {
 .gin--high-contrast-mode .views-edit-view,
 .gin--high-contrast-mode .views-preview-wrapper,
 .gin--high-contrast-mode .modules-tabs,
-.gin--high-contrast-mode .module-filter-update-status-form .table-filter,
 .gin--high-contrast-mode #views-entity-list,
 .gin--high-contrast-mode .admin.my-workbench,
-.gin--high-contrast-mode .media-library-views-form {
+.gin--high-contrast-mode .media-library-views-form,
+.gin--high-contrast-mode .user-admin-permissions,
+.gin--high-contrast-mode .field-config-form {
   box-shadow: none;
 }
 
@@ -516,9 +454,10 @@ body:not(.toolbar-tray-open) .layout-container {
 .views-edit-view,
 .views-preview-wrapper,
 #views-entity-list,
-.module-filter-update-status-form .table-filter,
 .admin.my-workbench,
-.media-library-views-form {
+.media-library-views-form,
+.user-admin-permissions,
+.field-config-form {
   width: 100%;
   padding: var(--gin-spacing-s);
   background: var(--gin-bg-layer);
@@ -533,9 +472,10 @@ body:not(.toolbar-tray-open) .layout-container {
   .views-edit-view,
   .views-preview-wrapper,
   #views-entity-list,
-  .module-filter-update-status-form .table-filter,
   .admin.my-workbench,
-  .media-library-views-form {
+  .media-library-views-form,
+  .user-admin-permissions,
+  .field-config-form {
     padding: var(--gin-spacing-l);
   }
 }
@@ -552,49 +492,70 @@ body:not(.toolbar-tray-open) .layout-container {
 .views-preview-wrapper .layout-region-node-main > .form-wrapper:first-of-type .form-item,
 #views-entity-list > .form-wrapper:first-of-type .form-item,
 #views-entity-list .layout-region-node-main > .form-wrapper:first-of-type .form-item,
-.module-filter-update-status-form .table-filter > .form-wrapper:first-of-type .form-item,
-.module-filter-update-status-form .table-filter .layout-region-node-main > .form-wrapper:first-of-type .form-item,
 .admin.my-workbench > .form-wrapper:first-of-type .form-item,
 .admin.my-workbench .layout-region-node-main > .form-wrapper:first-of-type .form-item,
 .media-library-views-form > .form-wrapper:first-of-type .form-item,
-.media-library-views-form .layout-region-node-main > .form-wrapper:first-of-type .form-item {
-  margin-top: 0;
+.media-library-views-form .layout-region-node-main > .form-wrapper:first-of-type .form-item,
+.user-admin-permissions > .form-wrapper:first-of-type .form-item,
+.user-admin-permissions .layout-region-node-main > .form-wrapper:first-of-type .form-item,
+.field-config-form > .form-wrapper:first-of-type .form-item,
+.field-config-form .layout-region-node-main > .form-wrapper:first-of-type .form-item {
+  margin-block-start: 0;
+}
+
+.field-config-form > .form-item:first-child {
+  margin-block-start: 0;
 }
 
 #system-clear-cache + #system-performance-settings,
 .gin-layer-wrapper + .imageapi-optimize-default-pipeline {
-  margin-top: var(--gin-spacing-l);
+  margin-block-start: var(--gin-spacing-l);
 }
 
 .node--unpublished {
   background-color: var(--gin-bg-unpublished);
 }
 
+.block-system-main-block > form:has(.table-filter) .table-filter {
+  padding: 0;
+  margin-block-end: var(--gin-spacing-l);
+  background: none;
+  border: none;
+  box-shadow: none;
+}
+
+.block-system-main-block > form:has(.table-filter) .table-filter .form-type--search {
+  margin-block: 0;
+}
+
+.block-system-main-block > form:has(.table-filter) .table-filter .winnow-input,
+.block-system-main-block > form:has(.table-filter) .table-filter .table-filter-text {
+  width: 100%;
+}
+
+.block-system-main-block > form:has(.table-filter) .table-filter .table-filter-text {
+  padding: var(--gin-spacing-m);
+  margin-block-start: 0;
+}
+
 .block-page-title-block:last-child {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .page-title {
   font-size: var(--gin-font-size-h1);
-  font-weight: var(--gin-font-weight-semibold);
+  font-weight: var(--gin-font-weight-bold);
   line-height: normal;
   letter-spacing: -0.05em;
   color: var(--gin-color-title);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  padding-inline-end: .25em;
   max-width: 90%;
   transition: font-size .25s ease;
 }
 
-[dir="ltr"] .page-title {
-  padding-right: .25em;
-}
-
-[dir="rtl"] .page-title {
-  padding-left: .25em;
-}
-
 @media (min-width: 64em) {
   .region-sticky--is-sticky .page-title {
     font-size: var(--gin-font-size-h3);
@@ -610,26 +571,19 @@ body:not(.toolbar-tray-open) .layout-container {
 }
 
 .page-title--is-translation + .shortcut-action .shortcut-action__icon {
-  top: -3px;
+  inset-block-start: -3px;
 }
 
 .shortcut-action {
   position: relative;
   align-self: center;
+  margin-inline-start: 0;
   border-radius: var(--gin-border-m);
 }
 
-[dir="ltr"] .shortcut-action {
-  margin-left: 0;
-}
-
-[dir="rtl"] .shortcut-action {
-  margin-right: 0;
-}
-
 .shortcut-action__icon {
   position: relative;
-  top: 3px;
+  inset-block-start: 3px;
   background: var(--gin-icon-color);
   -webkit-mask-image: url("../../media/sprite.svg#shortcut-view");
           mask-image: url("../../media/sprite.svg#shortcut-view");
@@ -643,14 +597,14 @@ body:not(.toolbar-tray-open) .layout-container {
 
 @media (min-width: 64em) {
   .shortcut-action__icon {
-    top: var(--gin-spacing-xxs);
+    inset-block-start: var(--gin-spacing-xxs);
     -webkit-mask-size: 85% 85%;
             mask-size: 85% 85%;
   }
 }
 
 .gin--edit-form .shortcut-action__icon {
-  top: 3px;
+  inset-block-start: 3px;
 }
 
 .shortcut-action:hover .shortcut-action__icon {
@@ -672,25 +626,18 @@ body:not(.toolbar-tray-open) .layout-container {
 .shortcut-action__message {
   z-index: 2;
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 100%;
   min-width: 120px;
   pointer-events: none;
   white-space: nowrap;
   padding: var(--gin-spacing-xs);
-  margin-top: calc(var(--gin-spacing-xxs) * -1);
+  margin-block-start: calc(var(--gin-spacing-xxs) * -1);
   color: var(--gin-color-contextual-text);
   background: var(--gin-color-contextual);
   border-radius: var(--gin-border-xs);
 }
 
-[dir="ltr"] .shortcut-action__message {
-  left: 100%;
-}
-
-[dir="rtl"] .shortcut-action__message {
-  right: 100%;
-}
-
 .modules-table-filter {
   padding: 0;
   border: 0 none;
@@ -698,15 +645,11 @@ body:not(.toolbar-tray-open) .layout-container {
 }
 
 .package-listing {
-  margin-top: var(--gin-spacing-m);
-}
-
-[dir="ltr"] .claro-details__summary {
-  padding-left: 2.75rem;
+  margin-block-start: var(--gin-spacing-m);
 }
 
-[dir="rtl"] .claro-details__summary {
-  padding-right: 2.75rem;
+.claro-details__summary {
+  padding-inline-start: 2.75rem;
 }
 
 .claro-details.claro-details--package-listing,
@@ -726,7 +669,8 @@ body:not(.toolbar-tray-open) .layout-container {
 .claro-details__wrapper,
 .claro-details__wrapper.claro-details__wrapper--package-listing,
 .claro-details__wrapper.claro-details__wrapper--system-status-report {
-  margin: var(--gin-spacing-m) calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
+  margin-block: var(--gin-spacing-m);
+  margin-inline: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
 }
 
 .claro-details__wrapper--accordion,
@@ -741,7 +685,7 @@ body:not(.toolbar-tray-open) .layout-container {
 }
 
 .module-list__module {
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
 }
 
 details summary {
@@ -755,7 +699,7 @@ details summary {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
-  padding-top: var(--gin-spacing-m);
+  padding-block-start: var(--gin-spacing-m);
 }
 
 .form--inline .form-item,
@@ -764,41 +708,24 @@ details summary {
 [data-drupal-selector*=-bulk-form] .form-actions,
 .layout-region-node-footer__content .form-item,
 .layout-region-node-footer__content .form-actions {
+  margin-block: var(--gin-spacing-xs);
+  margin-inline: 0 var(--gin-spacing-xs);
   align-self: flex-start;
 }
 
-[dir="ltr"] .form--inline .form-item,
-[dir="ltr"] .form--inline .form-actions,
-[dir="ltr"] [data-drupal-selector*=-bulk-form] .form-item,
-[dir="ltr"] [data-drupal-selector*=-bulk-form] .form-actions,
-[dir="ltr"] .layout-region-node-footer__content .form-item,
-[dir="ltr"] .layout-region-node-footer__content .form-actions {
-  margin: var(--gin-spacing-xs) var(--gin-spacing-xs) var(--gin-spacing-xs) 0;
-}
-
-[dir="rtl"] .form--inline .form-item,
-[dir="rtl"] .form--inline .form-actions,
-[dir="rtl"] [data-drupal-selector*=-bulk-form] .form-item,
-[dir="rtl"] [data-drupal-selector*=-bulk-form] .form-actions,
-[dir="rtl"] .layout-region-node-footer__content .form-item,
-[dir="rtl"] .layout-region-node-footer__content .form-actions {
-  margin: var(--gin-spacing-xs) 0 var(--gin-spacing-xs) var(--gin-spacing-xs);
-}
-
 .form--inline .button,
 .form--inline .action-link,
 [data-drupal-selector*=-bulk-form] .button,
 [data-drupal-selector*=-bulk-form] .action-link,
 .layout-region-node-footer__content .button,
 .layout-region-node-footer__content .action-link {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 
 .form--inline .field-add-more-submit,
 [data-drupal-selector*=-bulk-form] .field-add-more-submit,
 .layout-region-node-footer__content .field-add-more-submit {
-  margin-top: var(--gin-spacing-s);
+  margin-block-start: var(--gin-spacing-s);
 }
 
 @keyframes fadeInBottom {
@@ -813,16 +740,9 @@ details summary {
 
 @media (min-width: 26.25em) {
   .show-6 .views-row {
+    float: inline-start;
     width: 50%;
   }
-
-  [dir="ltr"] .show-6 .views-row {
-    float: left;
-  }
-
-  [dir="rtl"] .show-6 .views-row {
-    float: right;
-  }
 }
 
 @media (min-width: 48em) {
@@ -844,110 +764,96 @@ details summary {
 }
 
 .views-exposed-form.views-exposed-form {
-  padding-top: var(--gin-spacing-xs);
+  padding-block-start: var(--gin-spacing-xs);
 }
 
 .views-exposed-form.views-exposed-form .form-element--type-select {
   max-width: 240px;
 }
 
-[dir="ltr"] .views-exposed-form.views-exposed-form .form-type--boolean .form-boolean {
-  margin-left: 0;
-  margin-right: var(--gin-spacing-xs);
-}
-
-[dir="rtl"] .views-exposed-form.views-exposed-form .form-type--boolean .form-boolean {
-  margin-right: 0;
-  margin-left: var(--gin-spacing-xs);
+.views-exposed-form.views-exposed-form .form-type--boolean .form-boolean {
+  margin-inline-start: 0;
+  margin-inline-end: var(--gin-spacing-xs);
 }
 
 .views-exposed-form.views-exposed-form .form-type--boolean.form-type--checkbox {
-  margin-top: auto;
-  margin-bottom: var(--gin-spacing-s);
+  margin-block-start: auto;
+  margin-block-end: var(--gin-spacing-s);
 }
 
 .views-exposed-form.views-exposed-form .form-type--boolean.form-type--checkbox .form-item__label {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .views-exposed-form.views-exposed-form .fieldset--group {
-  margin-top: var(--gin-spacing-s);
+  margin-block-start: var(--gin-spacing-s);
 }
 
 .views-exposed-form.views-exposed-form fieldset {
-  margin-bottom: .4rem;
-}
-
-[dir="ltr"] .views-exposed-form.views-exposed-form fieldset {
-  margin-right: var(--gin-spacing-s);
-}
-
-[dir="rtl"] .views-exposed-form.views-exposed-form fieldset {
-  margin-left: var(--gin-spacing-s);
+  margin-inline-end: var(--gin-spacing-s);
+  margin-block-end: .4rem;
 }
 
 .views-exposed-form.views-exposed-form fieldset > .fieldset__legend > .fieldset__label {
   font-size: var(--gin-font-size-s);
   padding: 0 var(--gin-spacing-xs);
-  margin-bottom: var(--gin-spacing-xxs);
+  margin-block-end: var(--gin-spacing-xxs);
 }
 
 .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper {
   display: flex;
+  margin: 0;
+  margin-inline-start: var(--gin-spacing-xs);
 }
 
-[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper {
-  margin: 0 0 0 var(--gin-spacing-xs);
-}
-
-[dir="rtl"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper {
-  margin: 0 var(--gin-spacing-xs) 0 0;
-}
-
-[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .form-item {
-  margin: 0 var(--gin-spacing-xs) var(--gin-spacing-xs) 0;
+.views-exposed-form.views-exposed-form fieldset .form-item {
+  margin-block: 0 var(--gin-spacing-xs);
+  margin-inline: 0 var(--gin-spacing-xs);
 }
 
-[dir="rtl"] .views-exposed-form.views-exposed-form fieldset .form-item {
-  margin: 0 0 var(--gin-spacing-xs) var(--gin-spacing-xs);
+.views-exposed-form.views-exposed-form.views-exposed-form--preview {
+  background: none;
+  border-color: var(--gin-border-color);
+  border-radius: var(--gin-border-l);
 }
 
-[dir="ltr"] .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
-  margin-right: var(--gin-spacing-xs);
+.views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
+  margin-inline-end: var(--gin-spacing-xs);
 }
 
-[dir="rtl"] .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
-  margin-left: var(--gin-spacing-xs);
+.views-exposed-form .form-item--no-label,
+.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
+  margin-block: var(--gin-spacing-s) 0;
+  align-self: flex-end;
 }
 
 .gin-layer-wrapper {
-  padding: var(--gin-spacing-l);
+  padding: var(--gin-spacing-s);
 }
 
-@media (max-width: 63.99em) {
+@media (min-width: 61em) {
   .gin-layer-wrapper {
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
+    padding: var(--gin-spacing-l);
   }
 }
 
 .gin-layer-wrapper + .gin-layer-wrapper {
-  margin-top: var(--gin-spacing-l);
+  margin-block-start: var(--gin-spacing-l);
 }
 
 .gin-layer-wrapper + h2, .views-edit-view .gin-layer-wrapper + .unit-title, .gin-layer-wrapper + h3 {
-  margin-top: var(--gin-spacing-xl);
+  margin-block-start: var(--gin-spacing-xl);
 }
 
 .views-edit-view .unit-title {
-  margin-top: 0;
-  margin-bottom: var(--gin-spacing-m);
+  margin-block-start: 0;
+  margin-block-end: var(--gin-spacing-m);
 }
 
 .view-preview-form__title {
   padding: 0;
   background-color: transparent;
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .view-preview-form .preview-section {
@@ -966,21 +872,21 @@ details summary {
 
 .view-preview-form .form-item--live-preview {
   position: static !important;
-  margin-top: var(--gin-spacing-l);
-}
-
-[dir="ltr"] .view-preview-form .arguments-preview {
-  margin-left: 0;
+  margin-block-start: var(--gin-spacing-l);
 }
 
-[dir="rtl"] .view-preview-form .arguments-preview {
-  margin-right: 0;
+.view-preview-form .arguments-preview {
+  margin-inline-start: 0;
 }
 
 .views-live-preview {
   padding: 0;
 }
 
+.views-live-preview .section-title {
+  color: var(--gin-color-text);
+}
+
 .views-live-preview .gin-layer-wrapper {
   border-color: var(--gin-border-color);
 }
@@ -1001,31 +907,24 @@ details summary {
 }
 
 .views-display-top {
-  padding: var(--gin-spacing-m);
+  padding-block: var(--gin-spacing-m) var(--gin-spacing-xs);
   background-color: var(--gin-bg-header);
   border: 0 none;
   border-radius: var(--gin-border-l);
 }
 
 .views-display-top__extra-actions-wrapper {
-  margin-bottom: 0;
+  margin-block: 0;
 }
 
 .views-display-top .dropbutton-wrapper {
-  top: 20px;
-}
-
-[dir="ltr"] .views-display-top .dropbutton-wrapper {
-  right: 2var --gin-spacing-l;
-}
-
-[dir="rtl"] .views-display-top .dropbutton-wrapper {
-  left: 2var --gin-spacing-l;
+  inset-block-start: 20px;
+  inset-inline-end: var(--gin-spacing-l);
 }
 
 #edit-displays .views-display-top {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
 }
 
 .edit-display-settings {
@@ -1033,16 +932,15 @@ details summary {
   margin: 0;
 }
 
-.views-tabs a {
+.views-tabs.views-tabs a {
   padding: var(--gin-spacing-xs) var(--gin-spacing-m);
 }
 
-.views-tabs a.views-display-disabled-link {
-  -webkit-padding-start: var(--gin-spacing-l);
-          padding-inline-start: var(--gin-spacing-l);
+.views-tabs.views-tabs a.views-display-disabled-link {
+  padding-inline-start: var(--gin-spacing-l);
 }
 
-.views-tabs a.views-display-disabled-link::before {
+.views-tabs.views-tabs a.views-display-disabled-link::before {
   -webkit-mask-image: url("../../media/sprite.svg#hide-view");
           mask-image: url("../../media/sprite.svg#hide-view");
   -webkit-mask-repeat: no-repeat;
@@ -1053,15 +951,14 @@ details summary {
           mask-size: contain;
   width: var(--gin-spacing-l);
   height: var(--gin-spacing-s);
-  -webkit-margin-start: calc(var(--gin-spacing-m) * -1);
-          margin-inline-start: calc(var(--gin-spacing-m) * -1);
+  margin-inline-start: calc(var(--gin-spacing-m) * -1);
   background-color: currentColor;
   display: inline-block;
   content: "";
 }
 
-.views-tabs .add a,
-.views-tabs li a {
+.views-tabs.views-tabs .add a,
+.views-tabs.views-tabs li a {
   font-size: var(--gin-font-size-xs);
   font-weight: var(--gin-font-weight-heavy);
   color: var(--gin-color-primary);
@@ -1071,71 +968,65 @@ details summary {
   border-radius: var(--gin-border-xs);
 }
 
-.views-tabs .add a::before,
-.views-tabs li a::before {
-  display: none;
+.views-tabs.views-tabs .add a::before,
+.views-tabs.views-tabs li a::before {
+  display: none !important;
 }
 
-.views-tabs .add a .icon.add,
-.views-tabs li a .icon.add {
+.views-tabs.views-tabs .add a .icon.add,
+.views-tabs.views-tabs li a .icon.add {
   display: block;
 }
 
-.views-tabs .add a:hover,
-.views-tabs .add a:focus,
-.views-tabs li a:hover,
-.views-tabs li a:focus,
-.views-tabs li.is-active a,
-.views-tabs li.is-active a.is-active {
+.views-tabs.views-tabs .add a:hover,
+.views-tabs.views-tabs .add a:focus,
+.views-tabs.views-tabs li a:hover,
+.views-tabs.views-tabs li a:focus,
+.views-tabs.views-tabs li.is-active a,
+.views-tabs.views-tabs li.is-active a.is-active {
   color: var(--gin-bg-app);
   background: var(--gin-color-primary);
   border-color: transparent;
 }
 
-.views-tabs .add a:focus,
-.views-tabs li a:focus {
+.views-tabs.views-tabs .add a:focus,
+.views-tabs.views-tabs li a:focus {
   outline: none;
   box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
 }
 
-.views-tabs .add.open a {
+.views-tabs.views-tabs .add.open a {
   background: var(--gin-bg-layer2);
+  color: var(--gin-color-primary);
 }
 
-.views-tabs .add.open a:hover, .views-tabs .add.open a:focus, .views-tabs .add.open a:active {
+.views-tabs.views-tabs .add.open a:hover, .views-tabs.views-tabs .add.open a:focus, .views-tabs.views-tabs .add.open a:active {
   color: var(--gin-color-primary);
 }
 
-.views-tabs .action-list {
-  top: 36px;
+.views-tabs.views-tabs .action-list {
+  inset-block-start: 36px;
   background: var(--gin-bg-layer3);
   box-shadow: 0 1px 2px var(--gin-shadow-button);
 }
 
-.views-tabs .action-list li {
+.views-tabs.views-tabs .action-list li {
   background-color: transparent;
   border: none;
 }
 
-.views-tabs .action-list li input.button {
+.views-tabs.views-tabs .action-list li input.button {
   width: 100%;
+  text-align: start;
   line-height: 1.2;
   box-shadow: none;
   border: none !important;
 }
 
-[dir="ltr"] .views-tabs .action-list li input.button {
-  text-align: left;
-}
-
-[dir="rtl"] .views-tabs .action-list li input.button {
-  text-align: right;
-}
-
-.views-tabs .action-list li:hover,
-.views-tabs .action-list li:hover input.button, .views-tabs .action-list li:focus,
-.views-tabs .action-list li:focus input.button, .views-tabs .action-list li:active,
-.views-tabs .action-list li:active input.button {
+.views-tabs.views-tabs .action-list li:hover,
+.views-tabs.views-tabs .action-list li:hover input.button, .views-tabs.views-tabs .action-list li:focus,
+.views-tabs.views-tabs .action-list li:focus input.button, .views-tabs.views-tabs .action-list li:active,
+.views-tabs.views-tabs .action-list li:active input.button {
   color: var(--gin-color-button-text);
   background: var(--gin-color-primary);
 }
@@ -1153,19 +1044,16 @@ details summary {
 }
 
 .views-ui-display-tab-bucket__header {
-  padding: var(--gin-spacing-m) 0 var(--gin-spacing-xs);
+  padding-block: var(--gin-spacing-m) var(--gin-spacing-xs);
+  padding-inline: 0;
 }
 
 .views-ui-display-tab-bucket__header .views-ui-display-tab-bucket__title {
   padding: 0 var(--gin-spacing-m);
 }
 
-[dir="ltr"] .views-ui-display-tab-bucket__header .views-ui-display-tab-bucket__actions {
-  margin-right: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .views-ui-display-tab-bucket__header .views-ui-display-tab-bucket__actions {
-  margin-left: var(--gin-spacing-m);
+.views-ui-display-tab-bucket__header .views-ui-display-tab-bucket__actions {
+  margin-inline-end: var(--gin-spacing-m);
 }
 
 .views-ui-display-tab-bucket .views-display-setting,
@@ -1182,15 +1070,8 @@ details summary {
 }
 
 .views-ui-display-tab-bucket .dropbutton-wrapper {
-  top: 14px;
-}
-
-[dir="ltr"] .views-ui-display-tab-bucket .dropbutton-wrapper {
-  right: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .views-ui-display-tab-bucket .dropbutton-wrapper {
-  left: var(--gin-spacing-m);
+  inset-block-start: 14px;
+  inset-inline-end: var(--gin-spacing-m);
 }
 
 .views-ui-display-tab-bucket.pager {
@@ -1198,9 +1079,9 @@ details summary {
 }
 
 .views-ui-display-tab-bucket.views-ui-display-tab-bucket {
-  padding-top: 0;
-  margin-bottom: 0;
-  border-bottom-color: var(--gin-border-color);
+  padding-block-start: 0;
+  margin-block-end: 0;
+  border-block-end-color: var(--gin-border-color);
 }
 
 .views-ui-display-tab-actions .views-ui-display-tab-setting {
@@ -1220,8 +1101,8 @@ details summary {
 .locale-translation-status-form tr.even,
 .locale-translation-status-form tr.odd {
   background: none;
-  border-top: 1px solid var(--gin-border-color);
-  border-bottom: none;
+  border-block-start: 1px solid var(--gin-border-color);
+  border-block-end: none;
 }
 
 .system-modules td {
@@ -1235,31 +1116,24 @@ details summary {
 
 .views-display-column,
 .edit-display-settings-top.views-ui-display-tab-bucket {
-  margin-bottom: var(--gin-spacing-m);
+  margin-block-end: var(--gin-spacing-m);
   border-color: var(--gin-border-color);
   border-radius: var(--gin-border-m);
   box-shadow: none;
 }
 
 .views-ui-dialog .form--inline {
-  padding-top: 0;
+  padding-block-start: 0;
 }
 
 .views-ui-dialog .views-override:not(:empty) {
   background-color: var(--gin-bg-app);
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .views-ui-dialog .form-item--fields-area-text-custom-removed {
   display: inline-block;
-}
-
-[dir="ltr"] .views-ui-dialog .form-item--fields-area-text-custom-removed {
-  margin-right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .views-ui-dialog .form-item--fields-area-text-custom-removed {
-  margin-left: var(--gin-spacing-xxs);
+  margin-inline-end: var(--gin-spacing-xxs);
 }
 
 a.views-field-excluded {
@@ -1267,11 +1141,11 @@ a.views-field-excluded {
 }
 
 .views-filterable-options {
-  border-top: none;
+  border-block-start: none;
 }
 
 .view-block-content .views-table {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .views-display-columns .details-wrapper {
@@ -1287,89 +1161,89 @@ a.views-field-excluded {
 }
 
 .views-exposed-form .form-datetime-wrapper {
-  margin-bottom: 0;
+  margin-block-end: 0;
+  margin-inline-end: var(--gin-spacing-xs);
 }
 
-[dir="ltr"] .views-exposed-form .form-datetime-wrapper {
-  margin-right: var(--gin-spacing-xs);
+.view-header {
+  margin-block-end: var(--gin-spacing-l);
 }
 
-[dir="rtl"] .views-exposed-form .form-datetime-wrapper {
-  margin-left: var(--gin-spacing-xs);
+.views-edit-view.disabled .views-displays,
+.views-edit-view.disabled .views-display-column {
+  background-color: transparent;
 }
 
-.view-header {
-  margin-bottom: var(--gin-spacing-l);
+.views-edit-view.disabled .views-display-column {
+  opacity: .75;
 }
 
 .gin-table-scroll-wrapper {
-  overflow: auto;
+  clear: both;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
   -webkit-overflow-scrolling: touch;
-  padding-bottom: 240px;
-  margin-top: calc(var(--gin-spacing-xs) * -1);
-  margin-bottom: -240px;
+  margin-block-start: calc(var(--gin-spacing-xs) * -1);
 }
 
-table.sticky-header {
+table.gin--sticky-table-header {
   visibility: hidden;
-  z-index: 98;
-  position: fixed;
-  top: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
-  background: transparent;
-}
-
-[dir="ltr"] table.sticky-header {
-  left: auto !important;
-}
-
-[dir="rtl"] table.sticky-header {
-  right: auto !important;
+  z-index: 97;
+  position: sticky;
+  inset-block-start: calc(var(--gin-toolbar-y-offset) + var(--gin-height-sticky) - 1px);
+  width: auto !important;
+  margin-block-start: calc(var(--gin-spacing-xs) * -1);
+  overflow: hidden;
 }
 
-table.sticky-header::before, table.sticky-header::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  width: 1.5rem;
-  height: 100%;
+table.gin--sticky-table-header tr {
+  display: block;
+  width: max-content;
 }
 
-[dir="ltr"] table.sticky-header::before {
-  left: calc(var(--gin-spacing-l) * -1);
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--gin-bg-layer));
+.gin-horizontal-scroll-shadow {
+  background-repeat: no-repeat;
+  background-color: var(--gin-bg-layer);
+  background-size: 24px 100%, 24px 100%, 12px 100%, 12px 100%;
+  background-attachment: local, local, scroll, scroll;
 }
 
-[dir="rtl"] table.sticky-header::before {
-  right: calc(var(--gin-spacing-l) * -1);
-  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), var(--gin-bg-layer));
+[dir="ltr"] .gin-horizontal-scroll-shadow {
+  background-image: linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to right, rgba(0, 0, 0, .125), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .125), rgba(255, 255, 255, 0));
+  background-position: left center, right center, left center, right center;
 }
 
-[dir="ltr"] table.sticky-header::after {
-  right: calc(var(--gin-spacing-l) * -1);
-  background: linear-gradient(90deg, var(--gin-bg-layer), rgba(255, 255, 255, 0));
+[dir="rtl"] .gin-horizontal-scroll-shadow {
+  background-image: linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, var(--gin-bg-layer), var(--gin-bg-layer)), linear-gradient(to left, rgba(0, 0, 0, .125), rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(0, 0, 0, .125), rgba(255, 255, 255, 0));
+  background-position: right center, left center, right center, left center;
 }
 
-[dir="rtl"] table.sticky-header::after {
-  left: calc(var(--gin-spacing-l) * -1);
-  background: linear-gradient(-90deg, var(--gin-bg-layer), rgba(255, 255, 255, 0));
+table.sticky-header {
+  inset-inline-start: auto !important;
+  min-width: 100%;
+  max-width: fit-content;
+  background: transparent;
 }
 
-.--is-sticky table.sticky-header {
-  box-shadow: 0 10px 20px -16px rgba(0, 0, 0, .4);
+table.position-sticky thead,
+table.sticky-header thead {
+  position: static;
 }
 
-@media (min-width: 61em) {
-  .--is-sticky table.sticky-header {
-    visibility: visible !important;
-  }
+table.position-sticky.--is-processed thead,
+table.sticky-header.--is-processed thead {
+  pointer-events: none;
 }
 
-.--is-sticky table.sticky-header thead tr {
-  border-bottom: none;
+table.position-sticky.--is-processed thead tr,
+table.sticky-header.--is-processed thead tr {
+  border-color: transparent;
 }
 
-.--is-sticky table.sticky-header th {
-  background: var(--gin-bg-layer);
+table.position-sticky.--is-processed thead tr .sortable-heading.is-active > a::before,
+table.sticky-header.--is-processed thead tr .sortable-heading.is-active > a::before {
+  display: none;
 }
 
 table thead {
@@ -1378,7 +1252,7 @@ table thead {
 }
 
 table thead tr {
-  border-bottom: 2px solid var(--gin-border-color-table-header);
+  border-block-end: 2px solid var(--gin-border-color-table-header);
 }
 
 table thead tr:hover {
@@ -1403,7 +1277,7 @@ table th, table th .form-item__label {
 }
 
 table tbody tr {
-  border-bottom: 1px solid var(--gin-border-color-table);
+  border-block-end: 1px solid var(--gin-border-color-table);
 }
 
 table tbody td {
@@ -1412,18 +1286,21 @@ table tbody td {
 }
 
 table tr,
+table tr:focus-within,
 table .draggable-table.tabledrag-disabled tr {
   color: var(--gin-color-text);
   background-color: transparent;
 }
 
 table tr:hover,
+table tr:focus-within:hover,
 table .draggable-table.tabledrag-disabled tr:hover {
   color: var(--gin-color-text);
-  background: var(--gin-bg-item-hover);
+  background: var(--gin-bg-item);
 }
 
 table tr.selected:hover,
+table tr:focus-within.selected:hover,
 table .draggable-table.tabledrag-disabled tr.selected:hover {
   background: transparent;
 }
@@ -1433,7 +1310,7 @@ table .draggable-table.tabledrag-disabled tr.selected:hover {
 }
 
 table tr.selected td {
-  background-color: var(--gin-color-primary-light);
+  background-color: var(--gin-bg-item-hover);
 }
 
 table td a {
@@ -1442,8 +1319,7 @@ table td a {
 
 table td a:hover {
   text-decoration: underline;
-  -webkit-text-decoration-style: var(--gin-link-decoration-style);
-          text-decoration-style: var(--gin-link-decoration-style);
+  text-decoration-style: var(--gin-link-decoration-style);
 }
 
 table td .group-label {
@@ -1455,7 +1331,7 @@ table td .group-label {
 }
 
 .sortable-heading > a::before {
-  bottom: -1px;
+  inset-block-end: -2px;
 }
 
 .sortable-heading > a::after {
@@ -1474,12 +1350,25 @@ table td .group-label {
   }
 }
 
+.sortable-heading.is-active > a::before,
+.sortable-heading > a:hover::before {
+  width: 100%;
+  inset-inline-start: 0;
+}
+
+.sortable-heading > a:hover::before {
+  border-block-end-width: 3px;
+}
+
 .sortable-heading.is-active > a, .sortable-heading.is-active > a:hover, .sortable-heading.is-active > a:active {
   color: var(--gin-color-primary-active);
 }
 
 .sortable-heading.is-active > a::before {
-  border-bottom: .1875rem solid var(--gin-color-primary-active);
+  background-color: var(--gin-bg-item);
+  border-start-start-radius: var(--gin-border-s);
+  border-start-end-radius: var(--gin-border-s);
+  border-block-end: .1875rem solid var(--gin-color-primary-active);
 }
 
 .tablesort {
@@ -1519,24 +1408,16 @@ table td .group-label {
   }
 }
 
-[dir="ltr"] .field-plugin-settings-edit-wrapper {
-  float: right;
-}
-
-[dir="rtl"] .field-plugin-settings-edit-wrapper {
-  float: left;
-}
-
-[dir="ltr"] .field-plugin-settings-edit-wrapper + a {
-  float: left;
+.field-plugin-settings-edit-wrapper {
+  float: inline-end;
 }
 
-[dir="rtl"] .field-plugin-settings-edit-wrapper + a {
-  float: right;
+.field-plugin-settings-edit-wrapper + a {
+  float: inline-start;
 }
 
 .region-title {
-  border-bottom: 2px solid var(--gin-color-text);
+  border-block-end: 2px solid var(--gin-color-text);
 }
 
 td.webform-has-field-suffix > .form-item > .form-element {
@@ -1545,50 +1426,34 @@ td.webform-has-field-suffix > .form-item > .form-element {
 }
 
 .field-multiple-table th {
-  border-bottom: 0;
+  padding-block: var(--gin-spacing-xs);
+  padding-inline: var(--gin-spacing-l) var(--gin-spacing-m);
+  border-block-end: 0;
   background: transparent;
 }
 
-[dir="ltr"] .field-multiple-table th {
-  padding: var(--gin-spacing-xs) var(--gin-spacing-m) var(--gin-spacing-xs) var(--gin-spacing-l);
-}
-
-[dir="rtl"] .field-multiple-table th {
-  padding: var(--gin-spacing-xs) var(--gin-spacing-l) var(--gin-spacing-xs) var(--gin-spacing-m);
-}
-
 .field-multiple-table th.th__order {
   font-size: 0;
   padding: 0;
 }
 
-.field-multiple-table thead {
-  position: relative;
-  z-index: 0;
-}
-
-.field-multiple-table thead::after {
-  content: "";
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
+.field-multiple-table thead th {
   background: var(--gin-bg-header);
-  position: absolute;
-  top: 0;
-  border-radius: var(--gin-border-m);
 }
 
-[dir="ltr"] .field-multiple-table thead::after {
-  left: 0;
+.field-multiple-table thead th:first-of-type {
+  border-start-start-radius: var(--gin-border-m);
+  border-end-start-radius: var(--gin-border-m);
 }
 
-[dir="rtl"] .field-multiple-table thead::after {
-  right: 0;
+.field-multiple-table thead:not(:has(th:last-of-type:not([style*="display: none"]))) th:nth-last-of-type(2),
+.field-multiple-table thead th:last-of-type:not([style*="display: none"]) {
+  border-start-end-radius: var(--gin-border-m);
+  border-end-end-radius: var(--gin-border-m);
 }
 
 .field-multiple-table thead tr {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 
 .field-multiple-table thead .field-label .label,
@@ -1604,23 +1469,23 @@ td.webform-has-field-suffix > .form-item > .form-element {
 }
 
 .field-multiple-table tr .form-item:not(:last-of-type) {
-  margin-bottom: var(--gin-spacing-m);
+  margin-block-end: var(--gin-spacing-m);
+}
+
+.field-multiple-table .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
+  flex-wrap: wrap;
 }
 
 .gin-layer-wrapper .views-table {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 table td.field-plugin-summary-cell {
   vertical-align: middle;
 }
 
-[dir="ltr"] table .views-field.views-field-operations {
-  text-align: right;
-}
-
-[dir="rtl"] table .views-field.views-field-operations {
-  text-align: left;
+table .views-field.views-field-operations {
+  text-align: end;
 }
 
 .draggable a.tabledrag-handle {
@@ -1641,18 +1506,18 @@ table td.field-plugin-summary-cell {
 }
 
 .tabledrag-toggle-weight-wrapper {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .tabledrag-toggle-weight-wrapper .action-link {
-  margin-bottom: var(--gin-spacing-xs);
+  margin-block-end: var(--gin-spacing-xs);
 }
 
 .tabledrag-toggle-weight-wrapper .action-link .action-link {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
-@media (min-width: 48em) {
+@media (min-width: 61em) {
   #field-display-overview .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
   #field-display-overview-wrapper .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
   .field--widget-entity-reference-paragraphs .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
@@ -1660,25 +1525,9 @@ table td.field-plugin-summary-cell {
   .field--type-smartdate .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper {
     position: relative;
     z-index: 1;
-    margin-bottom: calc(var(--gin-spacing-xxl) * -1);
+    margin-block-end: calc(var(--gin-spacing-xxl) * -1);
     pointer-events: none;
   }
-
-  [dir="ltr"] #field-display-overview .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="ltr"] #field-display-overview-wrapper .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="ltr"] .field--widget-entity-reference-paragraphs .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="ltr"] .field--type-link .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="ltr"] .field--type-smartdate .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper {
-    margin-right: var(--gin-spacing-m);
-  }
-
-  [dir="rtl"] #field-display-overview .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="rtl"] #field-display-overview-wrapper .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="rtl"] .field--widget-entity-reference-paragraphs .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="rtl"] .field--type-link .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper,
-  [dir="rtl"] .field--type-smartdate .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper {
-    margin-left: var(--gin-spacing-m);
-  }
 }
 
 #field-display-overview .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link,
@@ -1687,9 +1536,11 @@ table td.field-plugin-summary-cell {
 .field--type-link .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link,
 .field--type-smartdate .gin-layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link {
   pointer-events: all;
+  background-color: var(--gin-bg-layer);
 }
 
-.tabledrag-handle::after {
+.tabledrag-handle::after,
+.tabledrag-handle.tabledrag-handle-y::after {
   background-image: none;
   -webkit-mask-image: url("../../media/sprite.svg#drag-view");
           mask-image: url("../../media/sprite.svg#drag-view");
@@ -1702,21 +1553,36 @@ table td.field-plugin-summary-cell {
 }
 
 @media (forced-colors: none) {
-  .tabledrag-handle::after {
+  .tabledrag-handle::after,
+  .tabledrag-handle.tabledrag-handle-y::after {
+    background-color: var(--gin-color-text-light);
+  }
+}
+
+@supports (-webkit-mask-image: url()) and ((-webkit-mask-composite: source-over) or (mask-composite: source-over)) {
+  .tabledrag-handle::after,
+  .tabledrag-handle.tabledrag-handle-y::after {
     background-color: var(--gin-color-text-light);
   }
 }
 
-.tabledrag-handle:hover::after {
+.tabledrag-handle:hover::after,
+.tabledrag-handle.tabledrag-handle-y:hover::after {
   transform: scale(1);
 }
 
 @media (forced-colors: none) {
-  .tabledrag-handle:hover::after {
+  .tabledrag-handle:hover::after,
+  .tabledrag-handle.tabledrag-handle-y:hover::after {
     background-color: var(--gin-color-primary);
   }
 }
 
+.tabledrag-handle.tabledrag-handle-y::after {
+  -webkit-mask-image: url("../../media/sprite.svg#drag-y-view");
+          mask-image: url("../../media/sprite.svg#drag-y-view");
+}
+
 .draggable.drag, .draggable.drag:focus {
   background-color: var(--gin-bg-layer2);
 }
@@ -1749,50 +1615,38 @@ table td.field-plugin-summary-cell {
     position: relative;
   }
 
-  [dir="ltr"] .draggable.drag-previous::after {
-    border-left: 6px solid linktext;
-    left: 0;
-  }
-
-  [dir="rtl"] .draggable.drag-previous::after {
-    border-right: 6px solid linktext;
-    right: 0;
+  .draggable.drag-previous::after {
+    border-inline-start: 6px solid linktext;
+    inset-inline-start: 0;
   }
 }
 
-.tabledrag-leaf td,
-.tabledrag-cell {
-  vertical-align: top;
-}
-
 .tabledrag-cell {
-  padding-top: var(--gin-spacing-density-m);
-  padding-bottom: var(--gin-spacing-density-m);
+  padding-block: var(--gin-spacing-density-m);
 }
 
 .tabledrag-cell-content {
-  margin-top: var(--gin-spacing-xs);
-  margin-bottom: var(--gin-spacing-xs);
-}
-
-.tabledrag-cell-content__item .checkbox-toggle:hover {
-  cursor: pointer;
+  margin-block: var(--gin-spacing-xs);
 }
 
 .field-plugin-settings-edit-wrapper,
 .field-plugin-settings-edit-wrapper + a {
-  margin-top: var(--gin-spacing-m);
-  margin-bottom: var(--gin-spacing-m);
+  margin-block: var(--gin-spacing-m);
 }
 
 .field-plugin-settings-edit-wrapper + a {
-  margin-top: var(--gin-spacing-s);
+  margin-block-start: var(--gin-spacing-s);
+}
+
+.table-file-multiple-widget .tabledrag-cell-content {
+  display: flex;
 }
 
 .form-element {
   color: var(--gin-color-text);
   line-height: var(--input-line-height);
-  padding: calc(var(--input-padding-vertical) - 1px) var(--input-padding-horizontal);
+  padding-block: calc(var(--input-padding-vertical) - 1px);
+  padding-inline: var(--input-padding-horizontal);
   min-height: calc(var(--input-padding-vertical) * 2 + var(--input-line-height));
   background-color: var(--gin-bg-input);
   border: 1px solid var(--gin-border-color-form-element);
@@ -1839,8 +1693,8 @@ table td.field-plugin-summary-cell {
 
 .form-item--editor-format .form-item__label,
 .form-element--editor-format .form-item__label {
-  top: 3px;
-  padding-bottom: 0;
+  inset-block-start: 3px;
+  padding-block-end: 0;
 }
 
 .password-field {
@@ -1866,12 +1720,8 @@ table td.field-plugin-summary-cell {
   background-color: transparent;
 }
 
-[dir="ltr"] .form-element--type-select {
-  padding-right: calc(var(--gin-spacing-xs) + var(--gin-spacing-xl) - 1px);
-}
-
-[dir="rtl"] .form-element--type-select {
-  padding-left: calc(var(--gin-spacing-xs) + var(--gin-spacing-xl) - 1px);
+.form-element--type-select {
+  padding-inline-end: calc(var(--gin-spacing-xs) + var(--gin-spacing-xl) - 1px);
 }
 
 .gin--dark-mode .form-element--type-select {
@@ -1882,8 +1732,7 @@ table td.field-plugin-summary-cell {
   font-size: var(--gin-font-size-xs);
   min-height: 2.25rem;
   line-height: 1.4;
-  padding-top: .474rem;
-  padding-bottom: .474rem;
+  padding-block: .474rem;
 }
 
 [dir="ltr"] .form-element--type-select--small {
@@ -1921,47 +1770,39 @@ table td.field-plugin-summary-cell {
   background-color: var(--gin-color-primary-active);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox {
   position: relative;
+  margin-inline-start: 0;
 }
 
-[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
-  margin-left: 0;
-}
-
-[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
-  margin-right: 0;
-}
-
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle {
-  z-index: 0;
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input {
+  all: unset;
+  appearance: none;
+  cursor: pointer;
   display: inline-block;
   vertical-align: top;
   width: 2.5rem;
   height: 1.5rem;
-  border-radius: var(--gin-border-l);
-  box-sizing: border-box;
-}
-
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner {
   position: relative;
-  display: block;
-  width: 100%;
-  height: 100%;
   overflow: hidden;
-  -webkit-clip-path: circle(var(--gin-spacing-l) at 50% 50%);
-          clip-path: circle(var(--gin-spacing-l) at 50% 50%);
+  clip-path: circle(var(--gin-spacing-l) at 50% 50%);
   background-color: var(--gin-color-disabled);
   border: 3px solid transparent;
   border-radius: var(--gin-border-l);
   box-sizing: border-box;
 }
 
-.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner {
+.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input {
   background-color: var(--gin-bg-input);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
+@media (forced-colors: active) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input {
+    border-width: 2px;
+  }
+}
+
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   position: absolute;
   content: "";
   width: 100%;
@@ -1971,126 +1812,137 @@ table td.field-plugin-summary-cell {
   transition: transform .3s;
 }
 
-[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
+[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   transform: translateX(-16px);
 }
 
-[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
+[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   transform: translateX(16px);
 }
 
-.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
+.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
   background-color: var(--gin-border-color-form-element);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
-  position: absolute !important;
-  clip: rect(1px, 1px, 1px, 1px);
-  overflow: hidden;
-  height: 1px;
-  width: 1px;
-  word-wrap: normal;
-  width: 40px;
-  height: 24px;
-  clip: auto;
-  opacity: 0;
-  cursor: pointer;
-  z-index: 1;
+@media (forced-colors: active) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::before {
+    background-color: CanvasText;
+  }
 }
 
-[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
-  margin-left: 0;
-}
+@media (forced-colors: active) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 100%;
+    background-color: Canvas;
+    -webkit-mask-image: url("../../media/sprite.svg#toggle-unchecked-view");
+            mask-image: url("../../media/sprite.svg#toggle-unchecked-view");
+    -webkit-mask-size: 16px 16px;
+            mask-size: 16px 16px;
+    -webkit-mask-position: 17px 2px;
+            mask-position: 17px 2px;
+    -webkit-mask-repeat: no-repeat;
+            mask-repeat: no-repeat;
+    transition: transform .3s;
+  }
+
+  [dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
+    transform: translateX(-16px);
+  }
 
-[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
-  margin-right: 0;
+  [dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input::after {
+    transform: translateX(16px);
+  }
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover:focus, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active:focus {
-  outline: none;
-  box-shadow: none;
-  border: none;
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:disabled {
+  cursor: not-allowed;
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover ~ .checkbox-toggle {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:hover {
   opacity: .9;
   box-shadow: 0 0 2px rgba(0, 0, 0, .2);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle {
-  border-color: var(--gin-color-primary-light-active);
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:active, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:focus {
+  box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
 }
 
-.gin--high-contrast-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle {
-  border-color: var(--gin-border-color);
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked {
+  background-color: var(--gin-switch);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner {
-  background-color: var(--gin-switch);
-}
-
-.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner {
+.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked {
   background-color: var(--gin-color-primary-light-active);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
   background-color: #fff;
 }
 
-[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
+[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
   transform: translateX(16px);
 }
 
-[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
+[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
   transform: translateX(-16px);
 }
 
-.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
+.gin--dark-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
   background-color: var(--gin-color-primary-hover);
 }
 
-.gin--high-contrast-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
+.gin--high-contrast-mode :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
   background-color: var(--gin-border-color);
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active ~ .checkbox-toggle .checkbox-toggle__inner, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus ~ .checkbox-toggle .checkbox-toggle__inner {
-  box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
+@media (forced-colors: active) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::before {
+    padding-inline-start: var(--gin-spacing-xs);
+    background-color: LinkText !important;
+  }
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled {
-  cursor: not-allowed;
+@media (forced-colors: active) {
+  :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::after {
+    -webkit-mask-image: url("../../media/sprite.svg#checked-view");
+            mask-image: url("../../media/sprite.svg#checked-view");
+    -webkit-mask-position: 2px 2px;
+            mask-position: 2px 2px;
+  }
+
+  [dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::after {
+    transform: translateX(16px);
+  }
+
+  [dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:checked::after {
+    transform: translateX(-16px);
+  }
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:disabled {
+  opacity: .75;
   background-color: var(--gin-color-disabled);
+  box-shadow: none;
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle::before, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover::before, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner::before, :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner::before {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox input:disabled::before {
   background-color: #fff;
-  opacity: .4;
+  opacity: .6;
 }
 
-:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
+:not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.ajax-new-content):not(.tablesaw-cell-content) > .form-type--checkbox label {
   z-index: 1;
   position: relative;
-  padding-bottom: 0;
+  padding-inline-start: var(--gin-spacing-xxs);
+  padding-block-end: 0;
   color: var(--gin-color-text);
 }
 
-[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
-  padding-left: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
-  padding-right: var(--gin-spacing-xxs);
-}
-
-[dir="ltr"] table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {
-  margin-left: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));
-}
-
-[dir="rtl"] table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {
-  margin-right: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));
+table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {
+  margin-inline-start: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));
 }
 
 .gin--dark-mode .form-boolean:hover, .gin--dark-mode .form-boolean:active {
@@ -2153,26 +2005,24 @@ table td.field-plugin-summary-cell {
 
 .form-radios .form-type--boolean,
 .form-checkboxes .form-type--boolean {
-  margin-top: var(--gin-spacing-xs);
-  margin-bottom: var(--gin-spacing-xs);
+  margin-block: var(--gin-spacing-xs);
 }
 
 .form-actions {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .form-edit .form-actions {
   padding: 0;
-  margin-bottom: 0;
+  margin-block-end: 0;
   border: 0 none;
   background-color: transparent;
 }
 
 fieldset:not(.fieldgroup) {
   color: var(--gin-color-text-light);
-  padding-top: var(--gin-spacing-xs);
-  padding-left: 0;
-  padding-right: 0;
+  padding-block-start: var(--gin-spacing-xs);
+  padding-inline: 0;
   background: transparent;
   border-color: var(--gin-border-color);
   border-radius: var(--gin-border-m);
@@ -2180,11 +2030,11 @@ fieldset:not(.fieldgroup) {
 }
 
 fieldset:not(.fieldgroup) > legend {
-  top: 20px;
+  inset-block-start: 20px;
 }
 
 fieldset:not(.fieldgroup) > .fieldset-wrapper {
-  margin-top: 20px;
+  margin-block-start: 20px;
 }
 
 fieldset:not(.fieldgroup).error {
@@ -2197,8 +2047,8 @@ fieldset:not(.fieldgroup).error {
   font-size: var(--gin-font-size-s);
   font-weight: var(--gin-font-weight-semibold);
   color: var(--gin-color-title);
-  margin-top: 0;
-  margin-bottom: var(--gin-spacing-xs);
+  margin-block-start: 0;
+  margin-block-end: var(--gin-spacing-xs);
 }
 
 .form-item__label.has-error,
@@ -2207,7 +2057,8 @@ fieldset:not(.fieldgroup).error {
 }
 
 .form-item__description,
-.fieldset__description {
+.fieldset__description,
+.filter-guidelines__item {
   max-width: var(--gin-max-line-length);
   color: var(--gin-color-text-light);
 }
@@ -2220,8 +2071,7 @@ fieldset:not(.fieldgroup).error {
   content: "*";
   color: var(--gin-color-danger);
   line-height: 1;
-  margin-right: .15em;
-  margin-left: .15em;
+  margin-inline: .15em;
   vertical-align: text-top;
   background: none;
 }
@@ -2236,20 +2086,15 @@ fieldset:not(.fieldgroup).error {
 
 .form-item__warning {
   display: inline-block;
-  margin-top: var(--gin-spacing-xs);
+  margin-block-start: var(--gin-spacing-xs);
 }
 
-html[dir="ltr"].js .form-autocomplete {
-  padding-right: 36px;
-}
-
-html[dir="rtl"].js .form-autocomplete {
-  padding-left: 36px;
+html.js .form-autocomplete {
+  padding-inline-end: 36px;
 }
 
 .entity-form-display-form > .form-actions {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 
 .required-mark::after {
@@ -2269,23 +2114,24 @@ html[dir="rtl"].js .form-autocomplete {
 
 .field--type-text-with-summary .form-item,
 .field--widget-text-textarea .form-item {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .field--type-text-with-summary .filter-wrapper,
 .field--widget-text-textarea .filter-wrapper {
   border: 0 none;
-  padding-left: 0;
-  padding-right: 0;
+  padding-inline: 0;
+}
+
+html.js input.form-linkit-autocomplete {
+  padding-inline-end: var(--gin-spacing-xl);
 }
 
 html[dir="ltr"].js input.form-linkit-autocomplete {
-  padding-right: var(--gin-spacing-xl);
   background-position: right 8px center;
 }
 
 html[dir="rtl"].js input.form-linkit-autocomplete {
-  padding-left: var(--gin-spacing-xl);
   background-position: left 8px center;
 }
 
@@ -2304,46 +2150,39 @@ html[dir="rtl"].js input.form-linkit-autocomplete {
 }
 
 #block-gin-content > form > .form-item:first-of-type {
-  margin-top: 0;
-}
-
-[dir="ltr"] .image-style-new .form-item {
-  margin-right: var(--gin-spacing-xxs);
+  margin-block-start: 0;
 }
 
-[dir="rtl"] .image-style-new .form-item {
-  margin-left: var(--gin-spacing-xxs);
+.image-style-new .form-item {
+  margin-inline-end: var(--gin-spacing-xxs);
 }
 
 tr .form-item {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 
 .container-inline .form-item {
-  margin-top: var(--gin-spacing-density-s);
-  margin-bottom: var(--gin-spacing-density-s);
+  margin-block: var(--gin-spacing-density-s);
 }
 
 .field-plugin-settings-edit-form {
-  margin-top: var(--gin-spacing-s);
+  margin-block-start: var(--gin-spacing-s);
 }
 
 .field-plugin-settings-edit-form .form-item {
-  margin-top: var(--gin-spacing-m);
-  margin-bottom: var(--gin-spacing-m);
+  margin-block: var(--gin-spacing-m);
 }
 
 .field-plugin-settings-edit-form .form-boolean-group .form-item {
-  margin-top: var(--gin-spacing-xs);
-  margin-bottom: var(--gin-spacing-xs);
+  margin-block: var(--gin-spacing-xs);
 }
 
 .length-indicator {
-  margin-bottom: var(--gin-spacing-l);
+  margin-block-end: var(--gin-spacing-l);
 }
 
 .button,
+.project__action_button,
 .dropbutton__item:first-of-type > *,
 .dropbutton__toggle {
   font-size: var(--gin-font-size-s);
@@ -2356,6 +2195,7 @@ tr .form-item {
 
 @media (min-width: 80em) {
   .button,
+  .project__action_button,
   .dropbutton__item:first-of-type > *,
   .dropbutton__toggle {
     font-size: var(--gin-font-size);
@@ -2363,12 +2203,15 @@ tr .form-item {
 }
 
 .button:hover,
+.project__action_button:hover,
 .dropbutton__item:first-of-type > *:hover,
 .dropbutton__toggle:hover {
   background-color: var(--gin-color-primary-hover);
 }
 
 .button:active, .button:focus,
+.project__action_button:active,
+.project__action_button:focus,
 .dropbutton__item:first-of-type > *:active,
 .dropbutton__item:first-of-type > *:focus,
 .dropbutton__toggle:active,
@@ -2377,6 +2220,9 @@ tr .form-item {
 }
 
 .button:hover, .button:active, .button:focus,
+.project__action_button:hover,
+.project__action_button:active,
+.project__action_button:focus,
 .dropbutton__item:first-of-type > *:hover,
 .dropbutton__item:first-of-type > *:active,
 .dropbutton__item:first-of-type > *:focus,
@@ -2389,9 +2235,11 @@ tr .form-item {
 .button,
 .button:not(:focus),
 .form-actions .button,
+.project__action_button,
 .action-link--icon-trash.action-link {
   font-size: var(--gin-font-size-s);
-  padding: calc(var(--gin-spacing-s) - 2px) var(--gin-spacing-m);
+  padding-block: calc(var(--gin-spacing-s) - 2px);
+  padding-inline: var(--gin-spacing-m);
   border: 2px solid var(--gin-color-primary) !important;
   border-radius: var(--gin-border-m);
   box-shadow: 0 1px 2px var(--gin-color-primary-light);
@@ -2401,6 +2249,7 @@ tr .form-item {
 .button:hover,
 .button:not(:focus):hover,
 .form-actions .button:hover,
+.project__action_button:hover,
 .action-link--icon-trash.action-link:hover {
   background-color: var(--gin-color-primary-hover);
   border-color: var(--gin-color-primary-hover) !important;
@@ -2411,6 +2260,8 @@ tr .form-item {
 .button:not(:focus):focus,
 .form-actions .button:active,
 .form-actions .button:focus,
+.project__action_button:active,
+.project__action_button:focus,
 .action-link--icon-trash.action-link:active,
 .action-link--icon-trash.action-link:focus {
   border-color: var(--gin-color-primary-active) !important;
@@ -2425,6 +2276,10 @@ tr .form-item {
 .form-actions .button:active,
 .form-actions .button:focus,
 .form-actions .button:hover:focus,
+.project__action_button:hover,
+.project__action_button:active,
+.project__action_button:focus,
+.project__action_button:hover:focus,
 .action-link--icon-trash.action-link:hover,
 .action-link--icon-trash.action-link:active,
 .action-link--icon-trash.action-link:focus,
@@ -2432,49 +2287,55 @@ tr .form-item {
   color: var(--gin-color-button-text);
 }
 
-[dir="ltr"] .form-actions .button {
-  margin-right: var(--gin-spacing-xs);
-}
-
-[dir="rtl"] .form-actions .button {
-  margin-left: var(--gin-spacing-xs);
+.form-actions .button {
+  margin-inline-end: var(--gin-spacing-xs);
 }
 
 .button.button--small {
-  padding: calc(var(--gin-spacing-xxs) + 2px) var(--gin-spacing-m);
+  font-size: var(--gin-font-size-xxs);
+  padding-block: calc(var(--gin-spacing-xxs) + 2px);
+  padding-inline: var(--gin-spacing-s);
   border-radius: var(--gin-border-s);
 }
 
 .button.button--extrasmall {
-  padding: var(--gin-spacing-xxs) var(--gin-spacing-s);
+  font-size: var(--gin-font-size-xxs);
+  padding-block: var(--gin-spacing-xxs);
+  padding-inline: var(--gin-spacing-s);
   border-radius: var(--gin-border-s);
 }
 
+#edit-submit.form-submit,
 .button--primary,
 .button--primary:not(:focus),
 .ief-entity-submit {
   background: var(--gin-color-primary);
 }
 
+[dir="ltr"] #edit-submit.form-submit,
 [dir="ltr"] .button--primary,
 [dir="ltr"] .button--primary:not(:focus),
 [dir="ltr"] .ief-entity-submit {
   box-shadow: .1em .25em .5em var(--gin-color-primary-light);
 }
 
+[dir="rtl"] #edit-submit.form-submit,
 [dir="rtl"] .button--primary,
 [dir="rtl"] .button--primary:not(:focus),
 [dir="rtl"] .ief-entity-submit {
   box-shadow: -0.1em .25em .5em var(--gin-color-primary-light);
 }
 
+#edit-submit.form-submit:hover,
 .button--primary:hover,
 .button--primary:not(:focus):hover,
 .ief-entity-submit:hover {
   background-color: var(--gin-color-primary-hover);
 }
 
-.button--primary:active, .button--primary:focus,
+#edit-submit.form-submit:active, #edit-submit.form-submit:focus,
+.button--primary:active,
+.button--primary:focus,
 .button--primary:not(:focus):active,
 .button--primary:not(:focus):focus,
 .ief-entity-submit:active,
@@ -2482,7 +2343,11 @@ tr .form-item {
   background-color: var(--gin-color-primary-active);
 }
 
-.button--primary, .button--primary:hover, .button--primary:active, .button--primary:focus,
+#edit-submit.form-submit, #edit-submit.form-submit:hover, #edit-submit.form-submit:active, #edit-submit.form-submit:focus,
+.button--primary,
+.button--primary:hover,
+.button--primary:active,
+.button--primary:focus,
 .button--primary:not(:focus),
 .button--primary:not(:focus):hover,
 .button--primary:not(:focus):active,
@@ -2545,6 +2410,14 @@ html.js .dropbutton-widget {
   background-color: transparent;
 }
 
+html.js .dropbutton-wrapper.open .dropbutton-widget {
+  z-index: 502;
+}
+
+html.js .dropbutton-wrapper.open .dropbutton {
+  background: var(--gin-bg-layer3);
+}
+
 .dropbutton {
   border: 2px solid var(--gin-color-primary);
   border-radius: var(--gin-border-m);
@@ -2553,16 +2426,8 @@ html.js .dropbutton-widget {
 
 .dropbutton--multiple > .dropbutton__item:first-of-type {
   height: 100%;
-}
-
-[dir="ltr"] .dropbutton--multiple > .dropbutton__item:first-of-type {
-  margin-right: var(--gin-spacing-xxl);
-  border-right: 1px solid var(--gin-color-primary-light-active);
-}
-
-[dir="rtl"] .dropbutton--multiple > .dropbutton__item:first-of-type {
-  margin-left: var(--gin-spacing-xxl);
-  border-left: 1px solid var(--gin-color-primary-light-active);
+  margin-inline-end: var(--gin-spacing-xxl);
+  border-inline-end: 1px solid var(--gin-color-primary-light-active);
 }
 
 .dropbutton--multiple > .dropbutton__item:first-of-type input {
@@ -2605,19 +2470,11 @@ html.js .dropbutton-widget {
 }
 
 .dropbutton__toggle {
-  top: 2px;
+  inset-block-start: 2px;
+  inset-inline-end: 2px;
   width: calc(var(--gin-spacing-xxl) + 1px);
   height: 2.75rem;
-  -webkit-border-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;
-          border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;
-}
-
-[dir="ltr"] .dropbutton__toggle {
-  right: 2px;
-}
-
-[dir="rtl"] .dropbutton__toggle {
-  left: 2px;
+  border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;
 }
 
 .dropbutton__toggle:hover {
@@ -2645,6 +2502,7 @@ html.js .dropbutton-widget {
 
 .dropbutton .dropbutton__items {
   position: absolute;
+  inset-inline-end: 0;
   list-style: none;
   padding: .5em;
   margin: 0;
@@ -2654,22 +2512,9 @@ html.js .dropbutton-widget {
   box-shadow: var(--gin-shadow-l2);
 }
 
-[dir="ltr"] .dropbutton .dropbutton__items {
-  right: 0;
-}
-
-[dir="rtl"] .dropbutton .dropbutton__items {
-  left: 0;
-}
-
-[dir="ltr"] .node-form .dropbutton .dropbutton__items {
-  left: 0;
-  right: auto;
-}
-
-[dir="rtl"] .node-form .dropbutton .dropbutton__items {
-  right: 0;
-  left: auto;
+.node-form .dropbutton .dropbutton__items {
+  inset-inline-start: 0;
+  inset-inline-end: auto;
 }
 
 @media (forced-colors: active) {
@@ -2684,18 +2529,18 @@ html.js .dropbutton-widget {
   border-radius: var(--gin-border-s) var(--gin-border-s) 0 0;
 }
 
+.dropbutton.dropbutton--gin .dropbutton-action > .button {
+  border: var(--dropbutton-border-size) solid transparent !important;
+}
+
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item, .dropbutton .dropbutton__items > .dropbutton__item, .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item {
   background-color: var(--gin-bg-app);
   border: 0 none;
   box-shadow: none;
 }
 
-[dir="ltr"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item:first-of-type, [dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item:first-of-type, [dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item:first-of-type {
-  margin-right: 0;
-}
-
-[dir="rtl"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item:first-of-type, [dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item:first-of-type, [dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item:first-of-type {
-  margin-left: 0;
+.dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item:first-of-type, .dropbutton .dropbutton__items > .dropbutton__item:first-of-type, .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item:first-of-type {
+  margin-inline-end: 0;
 }
 
 .js .dropbutton--multiple .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item:first-of-type:last-of-type > *, .js .dropbutton--multiple .dropbutton .dropbutton__items > .dropbutton__item:first-of-type:last-of-type > *, .js .dropbutton--multiple .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item:first-of-type:last-of-type > * {
@@ -2710,6 +2555,7 @@ html.js .dropbutton-widget {
 .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input,
 .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button {
   font-weight: var(--gin-font-weight-heavy);
+  text-align: start;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -2725,30 +2571,6 @@ html.js .dropbutton-widget {
   box-sizing: border-box;
 }
 
-[dir="ltr"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > a,
-[dir="ltr"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > input,
-[dir="ltr"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > .button,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item > a,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item > input,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item > .button,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input,
-[dir="ltr"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button {
-  text-align: left;
-}
-
-[dir="rtl"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > a,
-[dir="rtl"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > input,
-[dir="rtl"] .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > .button,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item > a,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item > input,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item > .button,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > a,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > input,
-[dir="rtl"] .dropbutton .dropbutton__items > .dropbutton__item ~ .dropbutton__item > .button {
-  text-align: right;
-}
-
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > a:hover, .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > a:active, .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > a:focus,
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > input:hover,
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item ~ .dropbutton__item > input:active,
@@ -2825,6 +2647,10 @@ html.js .dropbutton-widget {
   border-radius: var(--gin-border-s);
 }
 
+.dropbutton:not(.dropbutton--gin) > .dropbutton__item.secondary-action {
+  box-shadow: var(--gin-shadow-l2);
+}
+
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item:not(:first-of-type) > a,
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item:not(:first-of-type) > input,
 .dropbutton:not(.dropbutton--gin) > .dropbutton__item:not(:first-of-type) > .button, .dropbutton .dropbutton__items > .dropbutton__item > a,
@@ -2838,6 +2664,7 @@ html.js .dropbutton-widget {
 
 .dropbutton__item:first-of-type ~ .dropbutton__item {
   max-width: unset;
+  border-color: var(--gin-color-primary);
 }
 
 .dropbutton__item:first-of-type ~ .dropbutton__item > *:hover {
@@ -2854,36 +2681,37 @@ html.js .dropbutton {
   box-sizing: border-box;
 }
 
-html.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__items {
-  display: none;
-}
-
-html.js .dropbutton-wrapper:not(.open) .dropbutton__items .dropbutton__item:first-of-type ~ .dropbutton__item {
-  display: block;
+html.js .dropbutton-wrapper:not(.open) .dropbutton__items {
+  visibility: hidden;
+  opacity: 0;
 }
 
-html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--small .dropbutton__item:first-of-type {
-  margin-right: 0;
+html.js .dropbutton-wrapper .dropbutton__items {
+  visibility: visible;
+  opacity: 1;
+  max-height: 30vh;
+  overflow: auto;
 }
 
-html[dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--small .dropbutton__item:first-of-type {
-  margin-left: 0;
+html.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__items {
+  display: none;
 }
 
-html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--small > .dropbutton__item:first-of-type {
-  margin-right: var(--gin-spacing-xl);
+html.js .dropbutton-wrapper:not(.open) .dropbutton__items .dropbutton__item:first-of-type ~ .dropbutton__item {
+  display: block;
+  height: auto;
 }
 
-html[dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--small > .dropbutton__item:first-of-type {
-  margin-left: var(--gin-spacing-xl);
+html.js.no-touchevents .dropbutton--multiple.dropbutton--small .dropbutton__item:first-of-type {
+  margin-inline-end: 0;
 }
 
-html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall > .dropbutton__item:first-of-type {
-  margin-right: var(--gin-spacing-l);
+html.js.no-touchevents .dropbutton--multiple.dropbutton--small > .dropbutton__item:first-of-type {
+  margin-inline-end: var(--gin-spacing-xl);
 }
 
-html[dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall > .dropbutton__item:first-of-type {
-  margin-left: var(--gin-spacing-l);
+html.js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall > .dropbutton__item:first-of-type {
+  margin-inline-end: var(--gin-spacing-l);
 }
 
 html.js.no-touchevents .dropbutton--small {
@@ -2909,21 +2737,11 @@ html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle {
 }
 
 html.js.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type > * {
-  padding-left: var(--gin-spacing-s);
-  padding-right: var(--gin-spacing-s);
-}
-
-html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item {
-  margin-right: 0;
-}
-
-html[dir="rtl"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item {
-  margin-left: 0;
+  padding-inline: var(--gin-spacing-s);
 }
 
-table tr:not(:first-of-type):nth-last-child(2) td .dropbutton__items,
-table tr:not(:first-of-type):last-of-type td .dropbutton__items {
-  bottom: 100%;
+html.js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item {
+  margin-inline-end: 0;
 }
 
 .action-link {
@@ -3007,6 +2825,13 @@ table tr:not(:first-of-type):last-of-type td .dropbutton__items {
 a.button.button--danger {
   color: var(--gin-color-danger);
   box-shadow: 0 1px 2px var(--gin-color-danger-lightest);
+  min-height: 0;
+}
+
+.action-link--icon-trash.action-link--danger::before,
+.button.button--danger::before,
+a.button.button--danger::before {
+  display: none;
 }
 
 .action-link--icon-trash.action-link--danger, .action-link--icon-trash.action-link--danger:hover, .action-link--icon-trash.action-link--danger:focus, .action-link--icon-trash.action-link--danger:active,
@@ -3021,21 +2846,6 @@ a.button.button--danger:active {
   border-color: var(--gin-color-danger) !important;
 }
 
-.action-link--icon-trash.action-link--danger:before, .action-link--icon-trash.action-link--danger:hover:before, .action-link--icon-trash.action-link--danger:focus:before, .action-link--icon-trash.action-link--danger:active:before,
-.button.button--danger:before,
-.button.button--danger:hover:before,
-.button.button--danger:focus:before,
-.button.button--danger:active:before,
-a.button.button--danger:before,
-a.button.button--danger:hover:before,
-a.button.button--danger:focus:before,
-a.button.button--danger:active:before {
-  background-image: none;
-  background-color: var(--gin-color-danger) !important;
-  -webkit-mask-image: url("../../media/sprite.svg#trash-view");
-          mask-image: url("../../media/sprite.svg#trash-view");
-}
-
 .action-link--icon-trash.action-link--danger:hover, .action-link--icon-trash.action-link--danger:focus, .action-link--icon-trash.action-link--danger:active,
 .button.button--danger:hover,
 .button.button--danger:focus,
@@ -3047,17 +2857,9 @@ a.button.button--danger:active {
   background-color: var(--gin-color-danger);
 }
 
-.action-link--icon-trash.action-link--danger:hover:before, .action-link--icon-trash.action-link--danger:focus:before, .action-link--icon-trash.action-link--danger:active:before,
-.button.button--danger:hover:before,
-.button.button--danger:focus:before,
-.button.button--danger:active:before,
-a.button.button--danger:hover:before,
-a.button.button--danger:focus:before,
-a.button.button--danger:active:before {
-  background-color: var(--gin-bg-layer) !important;
-}
-
-.button--primary.button--danger {
+.button--primary.button--danger,
+a.button--primary.button--danger,
+#edit-submit.button.button--danger {
   color: var(--gin-bg-layer);
   background-color: var(--gin-color-danger);
 }
@@ -3125,7 +2927,8 @@ a.button.button--danger:active:before {
 
 .block-help-block {
   font-size: var(--gin-font-size-s);
-  margin: 0 0 var(--gin-spacing-m) 0;
+  margin: 0;
+  margin-block-end: var(--gin-spacing-m);
   max-width: 1024px;
 }
 
@@ -3134,12 +2937,17 @@ a.button.button--danger:active:before {
   margin: 0;
 }
 
+#edit-help {
+  font-size: var(--gin-font-size-s);
+  color: var(--gin-color-text-light);
+}
+
 .system-status-report__requirements-group h3 {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .system-status-report__row {
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
 }
 
 .system-status-counter__status-icon {
@@ -3164,7 +2972,8 @@ a.button.button--danger:active:before {
 }
 
 .system-status-general-info__items {
-  margin: var(--gin-spacing-m) 0 0;
+  margin-block: var(--gin-spacing-m) 0;
+  margin-inline: 0;
 }
 
 .system-status-general-info__item {
@@ -3176,7 +2985,8 @@ a.button.button--danger:active:before {
 .system-status-report__requirements-group > h3,
 .system-themes-list__header {
   text-transform: none;
-  margin: calc(var(--gin-spacing-xs) * -1) 0 var(--gin-spacing-m) 0;
+  margin-block: calc(var(--gin-spacing-xs) * -1) var(--gin-spacing-m);
+  margin-inline: 0;
 }
 
 .claro-details__summary--system-status-report {
@@ -3197,11 +3007,11 @@ a.button.button--danger:active:before {
 }
 
 .messages, .messages-list {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .messages-list {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .messages a, .messages a:hover, .messages a:active {
@@ -3212,45 +3022,27 @@ a.button.button--danger:active:before {
   font-weight: var(--gin-font-weight-bold);
 }
 
-[dir="ltr"] .messages__title, [dir="ltr"] .messages__content {
-  margin-left: 2.125rem;
-}
-
-[dir="rtl"] .messages__title, [dir="rtl"] .messages__content {
-  margin-right: 2.125rem;
+.messages__title, .messages__content {
+  margin-inline-start: 2.125rem;
 }
 
 .messages .messages__header {
   position: relative;
   background-image: none;
-  margin-bottom: var(--gin-spacing-xs);
-}
-
-[dir="ltr"] .messages .messages__header {
-  margin-right: 1.5em;
-}
-
-[dir="rtl"] .messages .messages__header {
-  margin-left: 1.5em;
+  margin-block-end: var(--gin-spacing-xs);
+  margin-inline-end: 1.5em;
 }
 
 .messages .messages__header:before {
   content: "";
   display: block;
   position: absolute;
-  top: 2px;
+  inset-block-start: 2px;
+  inset-inline-start: 0;
   width: 1.5rem;
   height: 1.5rem;
 }
 
-[dir="ltr"] .messages .messages__header:before {
-  left: 0;
-}
-
-[dir="rtl"] .messages .messages__header:before {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .messages .messages__header:before {
     background-color: linktext !important;
@@ -3259,7 +3051,8 @@ a.button.button--danger:active:before {
 
 .messages .button--dismiss {
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
   margin: var(--gin-spacing-s);
   padding: 0;
   height: 29px;
@@ -3272,14 +3065,6 @@ a.button.button--danger:active:before {
   box-shadow: none;
 }
 
-[dir="ltr"] .messages .button--dismiss {
-  right: 0;
-}
-
-[dir="rtl"] .messages .button--dismiss {
-  left: 0;
-}
-
 .messages .button--dismiss:hover:not(:focus) {
   color: transparent;
   background-color: transparent;
@@ -3294,7 +3079,8 @@ a.button.button--danger:active:before {
   height: 100%;
   width: 100%;
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   -webkit-mask-image: url("../../media/sprite.svg#close-view");
           mask-image: url("../../media/sprite.svg#close-view");
   -webkit-mask-size: 16px 16px;
@@ -3306,14 +3092,6 @@ a.button.button--danger:active:before {
   background-color: #fff;
 }
 
-[dir="ltr"] .messages .button--dismiss .icon-close {
-  left: 0;
-}
-
-[dir="rtl"] .messages .button--dismiss .icon-close {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .messages .button--dismiss .icon-close {
     background-color: buttonBorder;
@@ -3326,7 +3104,7 @@ a.button.button--danger:active:before {
 
 .messages.messages--info {
   color: var(--gin-color-info-light);
-  background-color: var(--gin-bg-info);
+  background: var(--gin-bg-info);
   border-color: var(--gin-bg-info);
 }
 
@@ -3350,7 +3128,7 @@ a.button.button--danger:active:before {
 
 .messages.messages--status {
   color: var(--gin-color-green-light);
-  background-color: var(--gin-bg-green);
+  background: var(--gin-bg-green);
 }
 
 .messages.messages--status .messages__header:before {
@@ -3369,7 +3147,7 @@ a.button.button--danger:active:before {
 
 .messages.messages--warning {
   color: var(--gin-color-warning-light);
-  background-color: var(--gin-bg-warning);
+  background: var(--gin-bg-warning);
 }
 
 .messages.messages--warning .messages__header:before {
@@ -3388,7 +3166,7 @@ a.button.button--danger:active:before {
 
 .messages--error {
   color: var(--gin-color-danger-light);
-  background-color: var(--gin-bg-danger);
+  background: var(--gin-bg-danger);
 }
 
 .messages--error .messages__header:before {
@@ -3414,6 +3192,86 @@ a.button.button--danger:active:before {
   color: var(--gin-color-text-light);
 }
 
+.field-option {
+  --thumb-size: 5rem;
+  gap: var(--gin-spacing-m);
+  align-items: baseline;
+  padding: 0;
+  background-color: transparent;
+  border: 1px solid var(--gin-border-color);
+  border-radius: var(--gin-border-m);
+}
+
+.field-option__thumb {
+  background-color: var(--gin-bg-layer2);
+  border-radius: 0;
+  border-start-start-radius: var(--gin-border-s);
+  border-end-start-radius: var(--gin-border-s);
+}
+
+.field-option__icon {
+  filter: brightness(0);
+}
+
+.gin--dark-mode .field-option__icon {
+  filter: brightness(0) invert(1);
+}
+
+.field-option__item {
+  column-gap: 0;
+  padding-block: var(--gin-spacing-s);
+}
+
+.field-option__item .form-item__label {
+  font-weight: var(--gin-font-weight-semibold);
+  margin-block-end: var(--gin-spacing-xxs);
+}
+
+.field-option .field-option__description {
+  font-size: var(--gin-font-size-xs);
+  line-height: 1.3;
+  color: var(--gin-color-text-light);
+}
+
+.field-option .field-option-radio {
+  all: unset !important;
+}
+
+.field-option.selected, .field-option:focus-within, .field-option:has(.field-option-radio:checked) {
+  background-color: var(--gin-bg-layer2);
+}
+
+.field-option.selected .field-option__thumb, .field-option:focus-within .field-option__thumb, .field-option:has(.field-option-radio:checked) .field-option__thumb {
+  background-color: var(--gin-color-primary);
+}
+
+.field-option.selected .field-option__icon, .field-option:focus-within .field-option__icon, .field-option:has(.field-option-radio:checked) .field-option__icon {
+  filter: brightness(0) invert(1);
+}
+
+.gin--dark-mode .field-option.selected .field-option__icon, .gin--dark-mode .field-option:focus-within .field-option__icon, .gin--dark-mode .field-option:has(.field-option-radio:checked) .field-option__icon {
+  filter: brightness(0);
+}
+
+.field-option:focus-within .field-option__thumb, .field-option:focus-within:has(.field-option-radio:checked) .field-option__thumb {
+  background-color: var(--gin-color-primary-active);
+}
+
+.subfield-option {
+  border: 1px solid var(--gin-border-color);
+  border-radius: var(--gin-border-m);
+}
+
+.subfield-option .item-list {
+  font-size: var(--gin-font-size-xs);
+  color: var(--gin-color-text-light);
+  margin-block-start: var(--gin-spacing-xs);
+}
+
+.subfield-option.selected, .subfield-option:focus-within {
+  background-color: var(--gin-bg-layer2);
+}
+
 .card {
   padding: 0;
   background: transparent;
@@ -3428,7 +3286,7 @@ a.button.button--danger:active:before {
 }
 
 .card-list {
-  margin-bottom: var(--gin-spacing-xl);
+  margin-block-end: var(--gin-spacing-xl);
 }
 
 .card__image img {
@@ -3478,23 +3336,18 @@ hr {
 
 .admin-item {
   position: relative;
+  padding-block: var(--gin-spacing-density-s);
+  padding-inline: var(--gin-spacing-l) calc(var(--gin-spacing-xs) + var(--gin-spacing-xl));
   margin: var(--gin-spacing-l) var(--gin-spacing-s);
 }
 
-[dir="ltr"] .admin-item {
-  padding: var(--gin-spacing-density-s) calc(var(--gin-spacing-xs) + var(--gin-spacing-xl)) var(--gin-spacing-density-s) var(--gin-spacing-l);
-}
-
-[dir="rtl"] .admin-item {
-  padding: var(--gin-spacing-density-s) var(--gin-spacing-l) var(--gin-spacing-density-s) calc(var(--gin-spacing-xs) + var(--gin-spacing-xl));
-}
-
 .admin-item--panel {
-  margin: 0 calc(var(--gin-spacing-l) * -1);
+  margin-block: 0;
+  margin-inline: calc(var(--gin-spacing-l) * -1);
 }
 
 .admin-item:not(:last-child) {
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .admin-item:not(:last-child)::after {
@@ -3502,26 +3355,19 @@ hr {
   opacity: .75;
   display: block;
   position: absolute;
-  bottom: calc(var(--gin-spacing-s) * -1);
+  inset-inline-start: calc(var(--gin-spacing-s) * -1);
+  inset-block-end: calc(var(--gin-spacing-s) * -1);
   width: calc(100% + var(--gin-spacing-l));
   height: 1px;
-  border-bottom: 1px solid var(--gin-border-color-table);
-}
-
-[dir="ltr"] .admin-item:not(:last-child)::after {
-  left: calc(var(--gin-spacing-s) * -1);
-}
-
-[dir="rtl"] .admin-item:not(:last-child)::after {
-  right: calc(var(--gin-spacing-s) * -1);
+  border-block-end: 1px solid var(--gin-border-color-table);
 }
 
 .admin-item:first-child {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .admin-item:last-child {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .admin-item__title {
@@ -3536,7 +3382,8 @@ hr {
 
 .admin-item .admin-item__link {
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   padding: 0;
@@ -3544,16 +3391,10 @@ hr {
   text-indent: -999em;
 }
 
-[dir="ltr"] .admin-item .admin-item__link {
-  left: 0;
-}
-
-[dir="rtl"] .admin-item .admin-item__link {
-  right: 0;
-}
-
 .admin-item .admin-item__link::before {
-  top: 50%;
+  inset-inline-end: var(--gin-spacing-m);
+  inset-inline-start: auto;
+  inset-block-start: 50%;
   background-image: none;
   background-color: var(--gin-color-primary);
   -webkit-mask-image: url("../../media/sprite.svg#handle-view");
@@ -3567,14 +3408,10 @@ hr {
 }
 
 [dir="ltr"] .admin-item .admin-item__link::before {
-  right: var(--gin-spacing-m);
-  left: auto;
   transform: translateY(-50%);
 }
 
 [dir="rtl"] .admin-item .admin-item__link::before {
-  left: var(--gin-spacing-m);
-  right: auto;
   transform: translateY(-50%) scaleX(-1);
 }
 
@@ -3620,7 +3457,12 @@ hr {
 .ck .ck.ck-button:active,
 .ck .ck.ck-button:focus,
 .ck .ck.ck-button:active:focus,
-.toolbar-box .toolbar-handle:focus {
+.toolbar-box .toolbar-handle:focus,
+.field-option:has(.field-option-radio:checked),
+.field-option:focus-within,
+.subfield-option:has(.field-option-radio:checked),
+.subfield-option:focus-within,
+#edit-submit.form-submit:focus {
   outline: none;
   box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
 }
@@ -3725,99 +3567,48 @@ table.diff tr .diff-addedline .diffchange {
   color: var(--gin-color-button-text);
 }
 
-[dir="ltr"] .project-update__version-links {
-  padding-right: 0;
+.project-update__version {
+  padding-block: 0;
 }
 
-[dir="rtl"] .project-update__version-links {
-  padding-left: 0;
-}
-
-.project-update__status-icon {
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-  vertical-align: bottom;
+.project-update__version-links {
+  padding-inline-end: 0;
 }
 
-.project-update__status-icon img {
-  display: none;
+.project-update__details {
+  font-size: var(--gin-font-size-s);
+  color: var(--gin-color-text-light);
+  padding: 0;
 }
 
-.project-update__status .project-update__status-icon {
-  background-color: var(--gin-color-danger);
-  -webkit-mask-image: url("../../media/sprite.svg#error-view");
-          mask-image: url("../../media/sprite.svg#error-view");
+.project-update__status .gin-status-icon {
+  width: 1rem;
+  height: 1rem;
+  display: inline-block;
   -webkit-mask-position: center right;
           mask-position: center right;
   -webkit-mask-repeat: no-repeat;
           mask-repeat: no-repeat;
-  -webkit-mask-size: 20px 20px;
-          mask-size: 20px 20px;
-}
-
-[dir="ltr"] .project-update__status .project-update__status-icon {
-  padding-left: 0;
+  -webkit-mask-size: 100% 100%;
+          mask-size: 100% 100%;
 }
 
-[dir="rtl"] .project-update__status .project-update__status-icon {
-  padding-right: 0;
+.project-update__status .gin-status-icon img {
+  display: none;
 }
 
 .project-update__status--security-error {
   color: var(--gin-color-danger);
 }
 
-.project-update__status--security-error span {
-  position: relative;
-  top: 2px;
-}
-
-.project-update__status--not-current .project-update__status-icon {
-  background-color: var(--gin-color-warning);
-  -webkit-mask-image: url("../../media/sprite.svg#warning-view");
-          mask-image: url("../../media/sprite.svg#warning-view");
-  -webkit-mask-position: center right;
-          mask-position: center right;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-size: 20px 20px;
-          mask-size: 20px 20px;
-}
-
-.project-update__status--current .project-update__status-icon {
-  background-color: var(--gin-color-green);
-  -webkit-mask-image: url("../../media/sprite.svg#status-view");
-          mask-image: url("../../media/sprite.svg#status-view");
-  -webkit-mask-position: center right;
-          mask-position: center right;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-size: 20px 20px;
-          mask-size: 20px 20px;
-}
-
 .color-success,
 tr.color-success,
 .color-checked,
 .drupal-upgrade-status-summary-form tr.no-known-error {
+  border-inline-start: var(--gin-border-xs) solid var(--gin-color-green);
   background-color: transparent;
 }
 
-[dir="ltr"] .color-success,
-[dir="ltr"] tr.color-success,
-[dir="ltr"] .color-checked,
-[dir="ltr"] .drupal-upgrade-status-summary-form tr.no-known-error {
-  border-left: var(--gin-border-m) solid var(--gin-color-green);
-}
-
-[dir="rtl"] .color-success,
-[dir="rtl"] tr.color-success,
-[dir="rtl"] .color-checked,
-[dir="rtl"] .drupal-upgrade-status-summary-form tr.no-known-error {
-  border-right: var(--gin-border-m) solid var(--gin-color-green);
-}
-
 .color-success:hover, .color-success:active, .color-success:focus,
 tr.color-success:hover,
 tr.color-success:active,
@@ -3835,23 +3626,10 @@ tr.color-success:focus,
 tr.color-warning,
 .upgrade-status-next-step-remove tr,
 .drupal-upgrade-status-summary-form tr.known-warnings {
+  border-inline-start: var(--gin-border-xs) solid var(--gin-color-warning);
   background-color: transparent;
 }
 
-[dir="ltr"] .color-warning,
-[dir="ltr"] tr.color-warning,
-[dir="ltr"] .upgrade-status-next-step-remove tr,
-[dir="ltr"] .drupal-upgrade-status-summary-form tr.known-warnings {
-  border-left: var(--gin-border-m) solid var(--gin-color-warning);
-}
-
-[dir="rtl"] .color-warning,
-[dir="rtl"] tr.color-warning,
-[dir="rtl"] .upgrade-status-next-step-remove tr,
-[dir="rtl"] .drupal-upgrade-status-summary-form tr.known-warnings {
-  border-right: var(--gin-border-m) solid var(--gin-color-warning);
-}
-
 .color-warning:hover, .color-warning:active, .color-warning:focus,
 tr.color-warning:hover,
 tr.color-warning:active,
@@ -3881,21 +3659,10 @@ tr.color-warning:focus,
 .color-error,
 tr.color-error,
 .drupal-upgrade-status-summary-form tr.known-errors {
+  border-inline-start: var(--gin-border-xs) solid var(--gin-color-danger);
   background-color: transparent;
 }
 
-[dir="ltr"] .color-error,
-[dir="ltr"] tr.color-error,
-[dir="ltr"] .drupal-upgrade-status-summary-form tr.known-errors {
-  border-left: var(--gin-border-m) solid var(--gin-color-danger);
-}
-
-[dir="rtl"] .color-error,
-[dir="rtl"] tr.color-error,
-[dir="rtl"] .drupal-upgrade-status-summary-form tr.known-errors {
-  border-right: var(--gin-border-m) solid var(--gin-color-danger);
-}
-
 .color-error:hover, .color-error:active, .color-error:focus,
 tr.color-error:hover,
 tr.color-error:active,
@@ -3930,11 +3697,11 @@ tr.color-error:focus,
 }
 
 .update tbody tr:last-child {
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .gin-layer-wrapper .responsive-enabled {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .block-system > form .gin-layer-wrapper,
@@ -3946,34 +3713,16 @@ tr.color-error:focus,
 }
 
 .block-system > form .gin-layer-wrapper {
-  padding-bottom: 1px;
+  padding-block-end: 1px;
 }
 
 .compact-link {
   font-size: var(--gin-font-size-s);
-}
-
-[dir="ltr"] .compact-link {
-  text-align: right;
-}
-
-[dir="rtl"] .compact-link {
-  text-align: left;
-}
-
-.system-modules .table-filter .form-type--search,
-.system-modules-uninstall .table-filter .form-type--search {
-  margin-top: 0;
-}
-
-.system-modules .table-filter-text,
-.system-modules-uninstall .table-filter-text {
-  width: 100%;
-  padding: var(--gin-spacing-m);
+  text-align: end;
 }
 
 #update-status > p {
-  margin-bottom: var(--gin-spacing-xl);
+  margin-block-end: var(--gin-spacing-xl);
 }
 
 .upgrade-status-counter__status-icon--not-scanned:before,
@@ -3995,6 +3744,7 @@ tr.color-error:focus,
 .admin-dblog .dblog-notice .icon,
 .system-status-report__status-icon--checked .details-title:before,
 .details .system-status-report__status-icon--checked:before,
+.claro-details .system-status-report__status-icon--checked:before,
 .color-checked .system-status-report__status-title:before,
 .upgrade-status-counter__status-icon--checked:before,
 .upgrade-status-error-list tr.no-known-error > td.status-info:before,
@@ -4016,6 +3766,7 @@ tr.color-error:focus,
 .admin-dblog .dblog-warning .icon,
 .system-status-report__status-icon--warning .details-title:before,
 .details .system-status-report__status-icon--warning:before,
+.claro-details .system-status-report__status-icon--warning:before,
 .upgrade-status-counter__status-icon--warning:before,
 .upgrade-status-error-list tr.known-warnings > td.status-info:before,
 .upgrade-status-summary tr.known-warnings > td.status-info:before {
@@ -4038,6 +3789,7 @@ tr.color-error:focus,
 .admin-dblog .dblog-emergency .icon,
 .system-status-report__status-icon--error .details-title:before,
 .details .system-status-report__status-icon--error:before,
+.claro-details .system-status-report__status-icon--error:before,
 .upgrade-status-counter__status-icon--error:before,
 .upgrade-status-error-list tr.known-errors > td.status-info:before,
 .upgrade-status-summary tr.known-errors > td.status-info:before {
@@ -4061,32 +3813,18 @@ tr.color-error:focus,
   border-radius: var(--gin-border-m);
 }
 
-[dir="ltr"] .system-status-counter__status-title,
-[dir="ltr"] .upgrade-status-counter__status-title {
-  padding-left: 0;
-}
-
-[dir="rtl"] .system-status-counter__status-title,
-[dir="rtl"] .upgrade-status-counter__status-title {
-  padding-right: 0;
+.system-status-counter__status-title,
+.upgrade-status-counter__status-title {
+  padding-inline-start: 0;
 }
 
 .system-status-counter__status-icon,
 .upgrade-status-counter__status-icon {
   background-color: transparent;
+  border-inline-end: 0 none;
   box-shadow: none;
 }
 
-[dir="ltr"] .system-status-counter__status-icon,
-[dir="ltr"] .upgrade-status-counter__status-icon {
-  border-right: 0 none;
-}
-
-[dir="rtl"] .system-status-counter__status-icon,
-[dir="rtl"] .upgrade-status-counter__status-icon {
-  border-left: 0 none;
-}
-
 .system-status-counter__status-icon--checked:before, .system-status-counter__status-icon--warning:before, .system-status-counter__status-icon--error:before,
 .upgrade-status-counter__status-icon--checked:before,
 .upgrade-status-counter__status-icon--warning:before,
@@ -4105,11 +3843,11 @@ tr.color-error:focus,
 }
 
 .system-status-general-info__header {
-  margin-bottom: var(--gin-spacing-xs);
+  margin-block-end: var(--gin-spacing-xs);
 }
 
 .system-status-general-info__items {
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .system-status-general-info__item {
@@ -4173,11 +3911,11 @@ tr.color-error:focus,
 }
 
 .cron-description__run-cron {
-  margin-top: var(--gin-spacing-m);
+  margin-block-start: var(--gin-spacing-m);
 }
 
 .system-status-report {
-  margin-top: var(--gin-spacing-l);
+  margin-block-start: var(--gin-spacing-l);
 }
 
 .system-status-report-counters .system-status-report-counters__item {
@@ -4194,26 +3932,17 @@ tr.color-error:focus,
 #checked + .claro-details__wrapper--system-status-report .system-status-report__status-title:before {
   content: "";
   position: absolute;
-  top: 1em;
+  inset-block-start: 1em;
+  inset-inline-start: 10px;
   display: inline-block;
   width: 24px;
   height: 24px;
-}
-
-[dir="ltr"] .color-checked .system-status-report__status-title:before,
-[dir="ltr"] #checked + .claro-details__wrapper--system-status-report .system-status-report__status-title:before {
-  left: 10px;
-  margin-right: 10px;
-}
-
-[dir="rtl"] .color-checked .system-status-report__status-title:before,
-[dir="rtl"] #checked + .claro-details__wrapper--system-status-report .system-status-report__status-title:before {
-  right: 10px;
-  margin-left: 10px;
+  margin-inline-end: 10px;
 }
 
 .system-status-report__status-title .details-title:before,
-.details .system-status-report__status-icon:before {
+.details .system-status-report__status-icon:before,
+.claro-details .system-status-report__status-icon:before {
   width: 24px;
   height: 24px;
 }
@@ -4250,7 +3979,7 @@ tr.color-error:focus,
 }
 
 [data-drupal-selector=edit-fields-field-image-settings-edit-form-third-party-settings-insert] .gin-layer-wrapper {
-  margin-top: var(--gin-spacing-m);
+  margin-block-start: var(--gin-spacing-m);
 }
 
 [data-drupal-selector=edit-fields-field-image-settings-edit-form-third-party-settings-insert-styles] td {
@@ -4258,7 +3987,7 @@ tr.color-error:focus,
 }
 
 .system-themes-list {
-  margin-bottom: var(--gin-spacing-l);
+  margin-block-end: var(--gin-spacing-l);
 }
 
 #system-themes-page hr {
@@ -4267,7 +3996,7 @@ tr.color-error:focus,
 
 .block-system > .node-confirm-form,
 .block-system > .confirmation {
-  padding-top: var(--gin-spacing-l);
+  padding-block-start: var(--gin-spacing-l);
 }
 
 .panel__title,
@@ -4278,7 +4007,7 @@ tr.color-error:focus,
   font-weight: var(--gin-font-weight-bold);
   color: var(--gin-color-primary-active);
   padding: var(--gin-spacing-m) var(--gin-spacing-l);
-  margin-top: 0;
+  margin-block-start: 0;
   background: var(--gin-bg-header);
   border: 0 none;
   border-radius: var(--gin-border-m);
@@ -4313,7 +4042,7 @@ tr.color-error:focus,
   color: var(--gin-color-text);
   font-size: var(--gin-font-size-xs);
   line-height: 1.3;
-  margin-top: var(--gin-spacing-xs);
+  margin-block-start: var(--gin-spacing-xs);
 }
 
 /**
@@ -4322,14 +4051,16 @@ tr.color-error:focus,
 
 .local-actions {
   font-size: 0;
-  margin: var(--gin-spacing-s) calc(var(--gin-spacing-xxs) * -1) var(--gin-spacing-xxs);
+  margin-block: var(--gin-spacing-s) var(--gin-spacing-xxs);
+  margin-inline-end: calc(var(--gin-spacing-xxs) * -1);
   padding: 0;
   list-style: none;
 }
 
 .local-actions__item {
   display: inline-block;
-  margin: 0 var(--gin-spacing-xxs) var(--gin-spacing-xs);
+  margin-block: 0 var(--gin-spacing-xs);
+  margin-inline: var(--gin-spacing-xxs);
 }
 
 .shepherd-element {
@@ -4344,36 +4075,22 @@ tr.color-error:focus,
 blockquote {
   font-size: var(--gin-font-size-quote);
   position: relative;
+  padding-inline-start: var(--gin-spacing-l);
   margin: var(--gin-spacing-m);
 }
 
-[dir="ltr"] blockquote {
-  padding-left: var(--gin-spacing-l);
-}
-
-[dir="rtl"] blockquote {
-  padding-right: var(--gin-spacing-l);
-}
-
 blockquote::before {
   content: "";
   display: block;
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   width: 4px;
   height: 100%;
   background-color: var(--gin-color-primary);
   border-radius: 2px;
 }
 
-[dir="ltr"] blockquote::before {
-  left: 0;
-}
-
-[dir="rtl"] blockquote::before {
-  right: 0;
-}
-
 .image-preview img {
   background-color: var(--gin-pattern-fallback);
   background-size: calc(var(--gin-pattern-square) * 2) calc(var(--gin-pattern-square) * 2);
@@ -4395,3 +4112,81 @@ blockquote::before {
   }
 }
 
+.permissions .module {
+  font-weight: var(--gin-font-weight-bold);
+}
+
+.taxonomy-overview-terms:not(:has(.action-link)) #edit-help {
+  margin-block-end: var(--gin-spacing-m);
+}
+
+.gin-status,
+.views-field .marker,
+.gin-beta-flag,
+.gin-experimental-flag,
+.gin-new-flag {
+  font-size: var(--gin-font-size-xxs);
+  font-weight: var(--gin-font-weight-semibold);
+  display: inline-block;
+  padding: .125em .75em;
+  vertical-align: .125em;
+  border: 1px solid transparent;
+  border-radius: var(--gin-border-l);
+}
+
+.gin-status,
+.views-field .marker,
+.gin-beta-flag,
+.gin-experimental-flag,
+.pb-project-categories__item,
+.pb-module-page__categories-list-item {
+  color: var(--gin-status-text);
+  background: var(--gin-status-bg);
+}
+
+.gin-status--success,
+.gin-new-flag,
+.views-field .marker--published,
+.pb-actions .project_status-indicator {
+  color: var(--gin-status-success-text);
+  background-color: var(--gin-status-success-bg);
+}
+
+.gin-status--success .gin-status-icon {
+  background-color: currentColor;
+  -webkit-mask-image: url("../../media/sprite.svg#status-view");
+          mask-image: url("../../media/sprite.svg#status-view");
+}
+
+.gin-status--warning {
+  color: var(--gin-status-warning-text);
+  background: var(--gin-status-warning-bg);
+}
+
+.gin-status--warning .gin-status-icon {
+  background-color: currentColor;
+  -webkit-mask-image: url("../../media/sprite.svg#warning-view");
+          mask-image: url("../../media/sprite.svg#warning-view");
+}
+
+.gin-status--danger {
+  color: var(--gin-status-danger-text);
+  background: var(--gin-status-danger-bg);
+}
+
+.gin-status--danger .gin-status-icon {
+  background-color: currentColor;
+  -webkit-mask-image: url("../../media/sprite.svg#error-view");
+          mask-image: url("../../media/sprite.svg#error-view");
+}
+
+.gin-status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gin-spacing-xxs);
+}
+
+.gin-status-icon {
+  margin-inline-start: -0.5em;
+}
+

dist/css/components/ajax.css

@@ -12,14 +12,7 @@
 .ui-dialog .ajax-progress__throbber,
 .media-library-item .ajax-progress__throbber {
   border: 3px solid var(--gin-color-primary);
-}
-
-[dir="ltr"] .ajax-progress__throbber, [dir="ltr"] .ajax-progress__throbber--fullscreen, [dir="ltr"] .ui-dialog .ajax-progress__throbber, [dir="ltr"] .media-library-item .ajax-progress__throbber {
-  border-right: 3px dotted transparent;
-}
-
-[dir="rtl"] .ajax-progress__throbber, [dir="rtl"] .ajax-progress__throbber--fullscreen, [dir="rtl"] .ui-dialog .ajax-progress__throbber, [dir="rtl"] .media-library-item .ajax-progress__throbber {
-  border-left: 3px dotted transparent;
+  border-inline-end: 3px dotted transparent;
 }
 
 .ajax-progress .ajax-progress__message {
@@ -34,19 +27,12 @@
 
 [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen {
   border: 3px solid var(--gin-bg-app);
-  border-right: 3px dotted transparent;
+  border-inline-end: 3px dotted transparent;
 }
 
 .media-library-widget .ajax-progress__throbber, .media-library-widget .ajax-progress__throbber--fullscreen {
   border: 2px solid var(--gin-color-primary);
-}
-
-[dir="ltr"] .media-library-widget .ajax-progress__throbber, [dir="ltr"] .media-library-widget .ajax-progress__throbber--fullscreen {
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .media-library-widget .ajax-progress__throbber, [dir="rtl"] .media-library-widget .ajax-progress__throbber--fullscreen {
-  border-left: 2px dotted transparent;
+  border-inline-end: 2px dotted transparent;
 }
 
 .ui-dialog .ajax-progress-throbber {
@@ -68,26 +54,16 @@
   content: "";
   display: block;
   position: absolute;
-  top: var(--gin-spacing-xs);
+  inset-block-start: var(--gin-spacing-xs);
+  inset-inline-start: var(--gin-spacing-xs);
   width: 1.125rem;
   height: 1.125rem;
   border: 2px solid var(--gin-color-primary);
+  border-inline-end: 2px dotted transparent;
   border-radius: 50%;
   animation: gin-throbber .75s linear infinite;
 }
 
-[dir="ltr"] .ui-dialog .ajax-progress-throbber::before,
-[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
-  left: var(--gin-spacing-xs);
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .ui-dialog .ajax-progress-throbber::before,
-[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
-  right: var(--gin-spacing-xs);
-  border-left: 2px dotted transparent;
-}
-
 .gin--dark-mode .ui-dialog .ajax-progress,
 .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress {
   background-color: var(--gin-bg-app);
@@ -100,29 +76,15 @@
 
 .contextual-links .ajax-progress-throbber {
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-end: var(--gin-spacing-xxs);
   width: 24px;
   height: 24px;
 }
 
-[dir="ltr"] .contextual-links .ajax-progress-throbber {
-  right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .contextual-links .ajax-progress-throbber {
-  left: var(--gin-spacing-xxs);
-}
-
 .contextual-links .ajax-progress-throbber::before {
-  top: 0;
-}
-
-[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
-  left: .25em;
-}
-
-[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
-  right: .25em;
+  inset-block-start: 0;
+  inset-inline-start: .25em;
 }
 
 .claro-autocomplete__message {

dist/css/components/autocomplete.css

@@ -58,30 +58,20 @@ div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-
 div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
   content: "";
   position: absolute;
-  top: 35px;
+  inset-block-start: 35px;
+  inset-inline-end: 12px;
   display: block;
+  text-align: end;
   border: 2px solid var(--gin-bg-input);
   border-radius: 50%;
-  border-top: 2px solid var(--gin-color-primary);
+  border-block-start: 2px solid var(--gin-color-primary);
   width: 14px;
   height: 14px;
   animation: gin-throbber 1s linear infinite;
 }
 
-[dir="ltr"] .form-autocomplete.is-autocompleting + .claro-autocomplete__message::after,
-[dir="ltr"] div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  right: 12px;
-  text-align: right;
-}
-
-[dir="rtl"] .form-autocomplete.is-autocompleting + .claro-autocomplete__message::after,
-[dir="rtl"] div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  left: 12px;
-  text-align: left;
-}
-
 div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  top: 2px;
+  inset-block-start: 2px;
 }
 
 div.autocomplete-deluxe-multiple {
@@ -100,27 +90,22 @@ div.autocomplete-deluxe-multiple {
 
 .autocomplete-deluxe-item {
   color: var(--gin-color-primary-hover);
+  padding-block: 6px;
+  padding-inline: 12px var(--gin-spacing-l);
   background-color: var(--gin-color-primary-light-hover);
   border-radius: var(--gin-border-l);
   border: 0 none;
   box-shadow: none;
 }
 
-[dir="ltr"] .autocomplete-deluxe-item {
-  padding: 6px var(--gin-spacing-l) 6px 12px;
-}
-
-[dir="rtl"] .autocomplete-deluxe-item {
-  padding: 6px 12px 6px var(--gin-spacing-l);
-}
-
 .autocomplete-deluxe-item:hover, .autocomplete-deluxe-item:active {
   color: var(--gin-color-button-text);
   background-color: var(--gin-color-primary);
 }
 
 .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  top: 6px;
+  inset-block-start: 6px;
+  inset-inline-end: 6px;
   -webkit-mask-image: url("../../media/sprite.svg#close-view");
           mask-image: url("../../media/sprite.svg#close-view");
   -webkit-mask-size: 10px 10px;
@@ -132,14 +117,6 @@ div.autocomplete-deluxe-multiple {
   background: var(--gin-color-primary);
 }
 
-[dir="ltr"] .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  right: 6px;
-}
-
-[dir="rtl"] .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  left: 6px;
-}
-
 .autocomplete-deluxe-item:hover .autocomplete-deluxe-item-delete,
 .autocomplete-deluxe-item .autocomplete-deluxe-item-delete:hover {
   background: var(--gin-color-button-text);

dist/css/components/autosave.css

 #autosave-notification {
   font-size: var(--gin-font-size-s);
-  bottom: var(--gin-spacing-xs);
+  inset-block-end: var(--gin-spacing-xs);
+  inset-inline-end: var(--gin-spacing-xs);
   border-radius: var(--gin-border-xs);
 }
 
-[dir="ltr"] #autosave-notification {
-  right: var(--gin-spacing-xs);
-}
-
-[dir="rtl"] #autosave-notification {
-  left: var(--gin-spacing-xs);
-}
-

dist/css/components/breadcrumb.css

@@ -14,17 +14,9 @@
   width: auto;
   text-overflow: ellipsis;
   overflow: hidden;
-  margin-top: 0;
-}
-
-[dir="ltr"] .gin-breadcrumb__list {
-  padding-left: var(--gin-spacing-xxs);
-  margin-left: calc(var(--gin-spacing-xxs) * -1);
-}
-
-[dir="rtl"] .gin-breadcrumb__list {
-  padding-right: var(--gin-spacing-xxs);
-  margin-right: calc(var(--gin-spacing-xxs) * -1);
+  padding-inline-start: var(--gin-spacing-xxs);
+  margin-block-start: 0;
+  margin-inline-start: calc(var(--gin-spacing-xxs) * -1);
 }
 
 .gin-breadcrumb__item, .gin-breadcrumb__link, .gin-breadcrumb__text {
@@ -57,21 +49,15 @@
 
 .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
   position: relative;
-}
-
-[dir="ltr"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
-  padding-left: 1.75em;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
-  padding-right: 1.75em;
+  padding-inline-start: 1.75em;
 }
 
 .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
   content: "";
   display: inline-block;
   position: absolute;
-  top: calc(50% - 1px);
+  inset-block-start: calc(50% - 1px);
+  inset-inline-start: 0;
   width: var(--gin-icon-size-toolbar-secondary);
   height: var(--gin-icon-size-toolbar-secondary);
   transform: translateY(-50%);
@@ -84,14 +70,6 @@
           mask-position: center center;
 }
 
-[dir="ltr"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
-  left: 0;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
     background: linktext;
@@ -111,22 +89,12 @@
 .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
   content: "";
   opacity: .3;
+  border-inline-end: 1px solid var(--gin-color-text);
   width: 1px;
   height: 20px;
-}
-
-[dir="ltr"] .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
-  border-right: 1px solid var(--gin-color-text);
-  padding-left: .75em;
-  padding-right: 0;
-  margin-right: .75em;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
-  border-left: 1px solid var(--gin-color-text);
-  padding-right: .75em;
-  padding-left: 0;
-  margin-left: .75em;
+  padding-inline-start: .75em;
+  padding-inline-end: 0;
+  margin-inline-end: .75em;
 }
 
 @media (forced-colors: active) {

dist/css/components/chosen.css

@@ -12,13 +12,18 @@
   height: 100%;
   display: block;
   line-height: 1.5rem;
-  padding: calc(var(--gin-spacing-s) - 1px) calc(var(--gin-spacing-m) - 1px);
+  padding-block: calc(var(--input-padding-vertical) - 1px);
+  padding-inline: var(--input-padding-horizontal);
 }
 
 .form-element.chosen-container-single .chosen-single b {
   background: none !important;
 }
 
+.form-element.chosen-container-single .chosen-single span {
+  color: var(--gin-color-text);
+}
+
 .form-element.chosen-container-multi {
   width: auto !important;
 }

dist/css/components/ckeditor.css

@@ -16,7 +16,7 @@
 
 .cke.cke .cke_top {
   background: var(--gin-bg-layer);
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
   border-radius: calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px) 0 0;
 }
 
@@ -30,20 +30,15 @@
 }
 
 .cke.cke .cke_contents {
-  padding-left: var(--gin-spacing-xs);
-  padding-right: var(--gin-spacing-xs);
+  padding-inline: var(--gin-spacing-xs);
 }
 
 .cke.cke .cke_path_empty:only-child::after {
   background: transparent;
 }
 
-[dir="ltr"] .cke.cke .cke_combo::after {
-  border-right: 1px solid var(--gin-border-color);
-}
-
-[dir="rtl"] .cke.cke .cke_combo::after {
-  border-left: 1px solid var(--gin-border-color);
+.cke.cke .cke_combo::after {
+  border-inline-end: 1px solid var(--gin-border-color);
 }
 
 .cke.cke .cke_combo_text {
@@ -102,7 +97,7 @@
 }
 
 .cke:hover .cke_top, .gin--dark-mode .cke:hover .cke_top {
-  border-bottom-color: var(--gin-border-color);
+  border-block-end-color: var(--gin-border-color);
 }
 
 .cke.cke_chrome.cke_focus:hover,
@@ -121,7 +116,7 @@
 .cke.cke_focus .cke_top,
 .error + .cke.cke_focus .cke_top,
 .error + .cke.cke_chrome.cke_focus:hover .cke_top {
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
 }
 
 .cke textarea.cke_source {
@@ -144,7 +139,8 @@ body .cke_notification_info .cke_notification_message {
 }
 
 body .cke_notification_info .cke_notification_close {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
+  inset-inline-end: var(--gin-spacing-xxs);
   background: var(--gin-color-text);
   -webkit-mask-image: url("../../media/sprite.svg#close-view");
           mask-image: url("../../media/sprite.svg#close-view");
@@ -156,14 +152,6 @@ body .cke_notification_info .cke_notification_close {
           mask-size: 12px 12px;
 }
 
-[dir="ltr"] body .cke_notification_info .cke_notification_close {
-  right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] body .cke_notification_info .cke_notification_close {
-  left: var(--gin-spacing-xxs);
-}
-
 .filter-tips {
   color: var(--gin-color-text-light);
 }

dist/css/components/ckeditor5.css

 .ck {
-  --ck-spacing-small: var(--gin-spacing-xxs);
   --ck-color-text: var(--gin-color-text);
   --ck-color-toolbar-background: var(--gin-bg-layer3);
   --ck-color-toolbar-border: var(--gin-border-color-form-element);
@@ -51,7 +50,11 @@
 
 .ck.ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
   z-index: 2;
-  top: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
+  inset-block-start: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
+}
+
+.ck[data-fullscreen=fullscreeneditor] .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
+  inset-block-start: 0 !important;
 }
 
 .ck .ck-toolbar__separator {
@@ -67,17 +70,17 @@
   padding: 0 var(--gin-spacing-s);
 }
 
+.ck .ck.ck-content {
+  padding-bottom: var(--gin-spacing-l);
+}
+
 .ck .ck-button[aria-pressed=true] {
   color: var(--gin-color-primary-active);
   border: 2px solid var(--gin-color-primary);
 }
 
-[dir="ltr"] .ck .ck-button.ck-source-editing-button {
-  padding-left: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .ck .ck-button.ck-source-editing-button {
-  padding-right: var(--gin-spacing-m);
+.ck .ck-button.ck-source-editing-button {
+  padding-inline-start: var(--gin-spacing-m);
 }
 
 .ck.ck-button:not(.ck-disabled):hover {
@@ -107,3 +110,8 @@
   background: var(--ck-color-image-caption-background);
 }
 
+.ck .ck.ck.ck-balloon-panel.ck-powered-by-balloon {
+  z-index: 2;
+  transform: translateY(-13px);
+}
+

dist/css/components/coffee.css

@@ -18,7 +18,7 @@
 
 #coffee-form #coffee-results a .description {
   color: var(--gin-color-text-light);
-  padding-top: var(--gin-spacing-xxs);
+  padding-block-start: var(--gin-spacing-xxs);
 }
 
 #coffee-form #coffee-results a:hover, #coffee-form #coffee-results a.ui-state-active {

dist/css/components/contextual_links.css

@@ -13,7 +13,8 @@
 .contextual .trigger::before {
   content: "";
   position: absolute;
-  top: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
   display: block;
   width: .75rem;
   height: .75rem;
@@ -27,12 +28,10 @@
 }
 
 [dir="ltr"] .contextual .trigger::before {
-  left: 50%;
   transform: translate(-50%, -50%);
 }
 
 [dir="rtl"] .contextual .trigger::before {
-  right: 50%;
   transform: translate(50%, -50%);
 }
 
@@ -47,11 +46,11 @@
 
 .contextual.open .trigger {
   border-radius: 50%;
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .contextual-region .contextual .contextual-links {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
   padding: .5em;
   margin: 0;
   min-width: 120px;
@@ -87,26 +86,18 @@
 }
 
 .contextual-region .contextual .contextual-links .ajax-progress-throbber {
-  top: .125rem;
+  inset-block-start: .125rem;
   background: var(--gin-color-primary);
   border-radius: 50%;
 }
 
 .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
+  inset-inline-start: var(--gin-spacing-xxs);
   width: 1rem;
   height: 1rem;
   border: 2px solid var(--gin-color-button-text);
-}
-
-[dir="ltr"] .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  left: var(--gin-spacing-xxs);
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  right: var(--gin-spacing-xxs);
-  border-left: 2px dotted transparent;
+  border-inline-end: 2px dotted transparent;
 }
 
 .no-touchevents .contextual-region .contextual .contextual-links li a:hover, .no-touchevents .contextual-region .contextual .contextual-links li a:active {

dist/css/components/description_toggle.css

@@ -5,19 +5,13 @@
 .help-icon__description-toggle {
   all: unset;
   flex-shrink: 0;
+  margin-block: .1rem 0;
+  margin-inline: .3rem var(--gin-spacing-m);
   height: 16px;
   width: 16px;
   border-radius: 50%;
 }
 
-[dir="ltr"] .help-icon__description-toggle {
-  margin: .1rem var(--gin-spacing-m) 0 .3rem;
-}
-
-[dir="rtl"] .help-icon__description-toggle {
-  margin: .1rem .3rem 0 var(--gin-spacing-m);
-}
-
 .help-icon__description-toggle:before {
   background-color: var(--gin-icon-color);
   content: "";
@@ -44,71 +38,36 @@
   align-items: normal;
 }
 
-[dir="ltr"] .form-type--checkbox > .help-icon__element-has-description > label,
-[dir="ltr"] .form-type--radio > .help-icon__element-has-description > label {
-  margin-left: 6px;
-}
-
-[dir="rtl"] .form-type--checkbox > .help-icon__element-has-description > label,
-[dir="rtl"] .form-type--radio > .help-icon__element-has-description > label {
-  margin-right: 6px;
-}
-
-[dir="ltr"] .form-type--checkbox .checkbox-toggle + .help-icon,
-[dir="ltr"] .form-type--radio .checkbox-toggle + .help-icon {
-  padding-left: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .form-type--checkbox .checkbox-toggle + .help-icon,
-[dir="rtl"] .form-type--radio .checkbox-toggle + .help-icon {
-  padding-right: var(--gin-spacing-xxs);
-}
-
-.form-type-checkbox .help-icon__element-has-description .checkbox-toggle {
-  width: 50px !important;
+.form-type--checkbox > .help-icon__element-has-description > label,
+.form-type--radio > .help-icon__element-has-description > label {
+  margin-inline-start: 6px;
 }
 
 .field-group-details.help-icon__description-container .help-icon__description-toggle {
-  margin-top: 0;
-}
-
-[dir="ltr"] fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
-  padding-right: 0;
+  margin-block-start: 0;
 }
 
-[dir="rtl"] fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
-  padding-left: 0;
+fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
+  padding-inline-end: 0;
 }
 
 .field-group-fieldset > .help-icon > .help-icon__description-toggle,
 fieldset.media-library-widget .help-icon > .help-icon__description-toggle,
 .field--type-datetime fieldset .help-icon > .help-icon__description-toggle {
-  margin-top: 1rem;
+  margin-block-start: 1rem;
 }
 
-[dir="ltr"] .field-group-fieldset > .fieldset__description,
-[dir="ltr"] fieldset.media-library-widget .fieldset__description,
-[dir="ltr"] .field--type-datetime fieldset .fieldset__description {
-  padding-left: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .field-group-fieldset > .fieldset__description,
-[dir="rtl"] fieldset.media-library-widget .fieldset__description,
-[dir="rtl"] .field--type-datetime fieldset .fieldset__description {
-  padding-right: var(--gin-spacing-m);
+.field-group-fieldset > .fieldset__description,
+fieldset.media-library-widget .fieldset__description,
+.field--type-datetime fieldset .fieldset__description {
+  padding-inline-start: var(--gin-spacing-m);
 }
 
 @media (min-width: 48em) {
-  [dir="ltr"] .field-group-fieldset > .fieldset__description,
-  [dir="ltr"] fieldset.media-library-widget .fieldset__description,
-  [dir="ltr"] .field--type-datetime fieldset .fieldset__description {
-    padding-left: var(--gin-spacing-l);
-  }
-
-  [dir="rtl"] .field-group-fieldset > .fieldset__description,
-  [dir="rtl"] fieldset.media-library-widget .fieldset__description,
-  [dir="rtl"] .field--type-datetime fieldset .fieldset__description {
-    padding-right: var(--gin-spacing-l);
+  .field-group-fieldset > .fieldset__description,
+  fieldset.media-library-widget .fieldset__description,
+  .field--type-datetime fieldset .fieldset__description {
+    padding-inline-start: var(--gin-spacing-l);
   }
 }
 
@@ -120,16 +79,7 @@ fieldset.media-library-widget .help-icon > .help-icon__description-toggle,
 .system-modules .table-filter .form-type--search .help-icon__description-toggle,
 .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
   position: absolute;
-  top: var(--gin-spacing-m);
-}
-
-[dir="ltr"] .system-modules .table-filter .form-type--search .help-icon__description-toggle,
-[dir="ltr"] .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
-  right: calc(var(--gin-spacing-xs) * -1);
-}
-
-[dir="rtl"] .system-modules .table-filter .form-type--search .help-icon__description-toggle,
-[dir="rtl"] .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
-  left: calc(var(--gin-spacing-xs) * -1);
+  inset-inline-end: calc(var(--gin-spacing-xs) * -1);
+  inset-block-start: var(--gin-spacing-m);
 }
 

dist/css/components/dialog.css

@@ -12,24 +12,16 @@
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
-  border-top-left-radius: var(--gin-border-m);
-  border-top-right-radius: var(--gin-border-m);
+  border-start-start-radius: var(--gin-border-m);
+  border-start-end-radius: var(--gin-border-m);
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
   position: absolute;
-  bottom: 0;
-  top: auto;
-}
-
-[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
-  left: var(--gin-spacing-m);
-  right: auto;
-}
-
-[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
-  right: var(--gin-spacing-m);
-  left: auto;
+  inset-block-end: 0;
+  inset-inline-start: var(--gin-spacing-m);
+  inset-block-start: auto;
+  inset-inline-end: auto;
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
@@ -50,12 +42,19 @@
 
 .ui-dialog {
   position: absolute;
-  left: 0;
-  top: 0;
+  inset-block-start: 0;
   font-family: var(--gin-font);
   outline: none;
 }
 
+[dir="ltr"] .ui-dialog {
+  inset-inline-start: 0;
+}
+
+[dir="rtl"] .ui-dialog {
+  inset-inline-end: 0;
+}
+
 .ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
   box-shadow: var(--gin-shadow-l1);
 }
@@ -71,7 +70,7 @@
 
 @media (forced-colors: active) {
   .ui-dialog .ui-dialog-titlebar {
-    border-bottom: 1px solid buttonBorder;
+    border-block-end: 1px solid buttonBorder;
   }
 }
 
@@ -80,41 +79,34 @@
   font-weight: var(--gin-font-weight-normal);
   color: #fff;
   width: 100%;
+  padding-inline-end: var(--gin-spacing-xl);
   box-sizing: border-box;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-title {
-  padding-right: var(--gin-spacing-xl);
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-title {
-  padding-left: var(--gin-spacing-xl);
-}
-
 .ui-dialog .ui-dialog-content {
   color: var(--gin-color-text);
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
   padding: var(--gin-spacing-s) var(--gin-spacing-l);
-  border-top: 1px solid var(--gin-border-color-layer);
-  border-bottom-left-radius: var(--gin-border-m);
-  border-bottom-right-radius: var(--gin-border-m);
+  border-block-start: 1px solid var(--gin-border-color-layer);
+  border-end-start-radius: var(--gin-border-m);
+  border-end-end-radius: var(--gin-border-m);
   background: var(--gin-bg-app);
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
-  font-weight: var(--gin-font-weight-heavy);
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
-  margin-right: 0;
+  font-family: var(--gin-font);
+  font-size: var(--gin-font-size-s);
+  font-weight: var(--gin-font-weight-semibold);
+  padding-block: calc(var(--gin-spacing-s) - 2px);
+  padding-inline: var(--gin-spacing-m);
+  margin-block: 0;
+  height: auto;
 }
 
-[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
-  margin-left: 0;
+.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
+  margin-inline-end: 0;
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,
@@ -123,12 +115,14 @@
 }
 
 .ui-dialog .ui-dialog-buttonset {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
-  top: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
   width: 2rem;
   height: 2rem;
   opacity: .8;
@@ -138,20 +132,11 @@
   border: none;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
-  left: auto;
-  right: 0;
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
-  right: auto;
-  left: 0;
-}
-
 .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
   width: 100%;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   margin: 0;
   transform: none;
   background: #fff;
@@ -165,14 +150,6 @@
           mask-position: center center;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
-  left: 0;
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
     background: linktext;
@@ -184,31 +161,39 @@
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-content {
-  padding-left: var(--gin-spacing-l);
-  padding-right: var(--gin-spacing-l);
+  padding-inline: var(--gin-spacing-l);
   background: var(--gin-bg-layer);
 }
 
 .ui-dialog .gin-layer-wrapper {
-  margin-bottom: var(--gin-spacing-l);
+  margin-block-end: var(--gin-spacing-l);
+}
+
+.ui-dialog .gin-confirm-form {
+  margin-block-start: var(--gin-spacing-m);
+  margin-block-end: var(--gin-spacing-s);
+}
+
+.ui-dialog.token-tree-dialog {
+  max-width: none;
+  z-index: 505;
 }
 
 .erl-overlay,
 .layout-paragraphs-dialog {
   position: fixed !important;
-  top: 50% !important;
+  inset-block-start: 50% !important;
+  inset-inline-start: 50% !important;
   width: calc(100% - var(--gin-spacing-xl)) !important;
 }
 
 [dir="ltr"] .erl-overlay,
 [dir="ltr"] .layout-paragraphs-dialog {
-  left: 50% !important;
   transform: translate(-50%, -50%);
 }
 
 [dir="rtl"] .erl-overlay,
 [dir="rtl"] .layout-paragraphs-dialog {
-  right: 50% !important;
   transform: translate(50%, -50%);
 }
 
@@ -229,12 +214,12 @@ ul.paragraphs-add-dialog-list {
 }
 
 .views-ui-dialog .views-offset-bottom {
-  border-top: 1px solid var(--gin-border-color);
+  border-block-start: 1px solid var(--gin-border-color);
 }
 
 @media (forced-colors: active) {
   .views-ui-dialog .views-offset-bottom {
-    border-top: none;
+    border-block-start: none;
   }
 }
 
@@ -280,7 +265,14 @@ table.treetable tr.branch {
 }
 
 .ui-dialog .gin-layer-wrapper {
-  margin-bottom: var(--gin-spacing-l);
-  margin-top: var(--gin-spacing-l);
+  margin-block: var(--gin-spacing-l);
+}
+
+.views-ui-dialog.views-ui-dialog > .ui-dialog-content {
+  padding: 0;
+}
+
+#drupal-modal .gin-sticky-form-actions.form-actions {
+  display: none;
 }