@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');@import 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap';._mgnl-dropdown__text_yal8s_2{font:var(--mgnl-dropdown-menu-item-md-typography-label-default);margin:0;padding:10px 14px}._popover__body_1iyky_2:focus-visible{outline:1px solid var(--mgnl-color-primary-50)}._tooltip__root_1mq3w_1{z-index:2}._tooltip__body_1mq3w_5{background-color:var(--mgnl-tooltip-neutral-color-background);border-radius:var(--mgnl-tooltip-md-border-radius);color:var(--mgnl-tooltip-neutral-color-text);font:var(--mgnl-tooltip-md-typography);max-width:300px;padding:var(--mgnl-tooltip-md-padding)}._tooltip__arrow_1mq3w_14{fill:var(--mgnl-tooltip-neutral-color-background)}.rdp-root{--rdp-accent-color: var( --mgnl-date-picker-day-neutral-color-background-selected );--rdp-accent-background-color: var( --mgnl-date-picker-day-neutral-color-background-range );--rdp-font-family: var(--mgnl-font-family-default);--rdp-day-height: var(--mgnl-date-picker-day-md-size);--rdp-day-width: var(--mgnl-date-picker-day-md-size);--rdp-chevron-disabled-opacity: var( --mgnl-date-picker-action-neutral-opacity-icon-disabled );--rdp-day_button-border-radius: var(--mgnl-date-picker-day-md-border-radius);--rdp-day_button-height: var(--mgnl-date-picker-day-md-size);--rdp-day_button-width: var(--mgnl-date-picker-day-md-size);--rdp-disabled-opacity: var( --mgnl-date-picker-day-neutral-opacity-label-disabled );--rdp-outside-opacity: var( --mgnl-date-picker-day-neutral-opacity-label-outside );--rdp-today-color: var(--mgnl-date-picker-day-neutral-color-label-today);--rdp-dropdown-gap: var(--mgnl-dimension-4);--rdp-nav_button-disabled-opacity: var( --mgnl-date-picker-action-neutral-opacity-icon-disabled );--rdp-nav_button-height: var(--mgnl-date-picker-action-xs-action-size);--rdp-nav_button-width: var(--mgnl-date-picker-action-xs-action-size);--rdp-nav-height: var(--mgnl-date-picker-action-xs-action-size);--rdp-range_middle-font: var(--mgnl-date-picker-day-md-typography-default);--rdp-weekday-font: var(--mgnl-date-picker-weekday-md-typography);--rdp-weekday-opacity: var(--mgnl-date-picker-weekday-neutral-opacity-label);padding:8px 4px}.rdp-nav{z-index:1}.rdp-month{display:grid;gap:4px}.rdp-chevron{fill:var(--mgnl-date-picker-action-neutral-color-icon-default);width:var(--mgnl-date-picker-action-xs-icon-size);height:var(--mgnl-date-picker-action-xs-icon-size)}.rdp-month_caption{padding-left:4px}.rdp-nav{padding-right:2px}.rdp-dropdown_root{cursor:pointer;padding:var(--mgnl-date-picker-action-xs-padding);-webkit-user-select:none;user-select:none;font:var(--mgnl-date-picker-action-xs-typography)}.rdp-month_caption{font:var(--mgnl-date-picker-action-xs-typography)}.rdp-dropdown_root,.rdp-nav button{border-radius:var(--mgnl-date-picker-action-xs-border-radius)}.rdp-dropdown_root:focus-within,.rdp-nav button:focus-visible{outline:2px solid var(--mgnl-color-primary-60);z-index:1}.rdp-dropdown_root:hover:not(:disabled),.rdp-nav button:hover:not(:disabled){background-color:var( --mgnl-date-picker-action-neutral-color-background-hover )}.rdp-nav button:hover:not(:disabled) .rdp-chevron{fill:var(--mgnl-color-neutral-90)}.rdp-day{font:var(--mgnl-date-picker-day-md-typography-default)}.rdp-selected{font:var(--mgnl-date-picker-day-md-typography-selected)}.rdp-selected:not(.rdp-range_middle,.rdp-range_start,.rdp-range_end) .rdp-day_button{background-color:var( --mgnl-date-picker-day-neutral-color-background-selected );color:var(--mgnl-date-picker-day-neutral-color-label-selected)}.rdp-day_button:hover,.rdp-selected:not(.rdp-range_middle,.rdp-range_start,.rdp-range_end) .rdp-day_button:hover{border:var(--mgnl-date-picker-day-neutral-border-hover);background-color:var(--mgnl-date-picker-day-neutral-color-background-hover);color:var(--mgnl-date-picker-day-neutral-color-label-hover)}.rdp-day_button:focus-visible,.rdp-selected:not(.rdp-range_middle,.rdp-range_start,.rdp-range_end) .rdp-day_button:focus-visible{box-shadow:var(--mgnl-focus-outline-neutral-default);outline:none}.rdp-weekday{font-variant-caps:all-small-caps;-webkit-user-select:none;user-select:none}._calendar-widget__footer-form_1g3qb_138{align-items:flex-end;justify-content:space-between;display:flex;gap:.5em;margin:0rem 8px 8px;max-width:272px}._calendar-widget__footer-form-label_1g3qb_147{color:var(--mgnl-form-group-label-neutral-label);display:block;font:var(--mgnl-form-group-label-md-typography-default)}.rdp-dropdown:focus-visible~.rdp-caption_label,.rdp-dropdown.pseudo-focus-visible~.rdp-caption_label,.pseudo-focus-visible-all .rdp-dropdown~.rdp-caption_label{outline:0}.mgnl-dropdown__menu-item:focus-visible,.mgnl-dropdown__menu-item[data-focus-inside][data-open]{background-color:var( --mgnl-dropdown-menu-item-unselected-color-background-hover );outline:0}


* {
  box-sizing: border-box;
}

:root {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #232323;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

#root {
  display: flex;
}

body {
  margin: 0;
}

body h1 {
  margin: 0.67em 0;
}

a,
a:visited {
  color: #599900;
}

button {
  background: none;
  border: none;
  border-radius: 4px;
  background-color: #599900;
  color: #fff;
  border-radius: 30px;
  padding: 5px 10px;
  vertical-align: middle;
}

button:hover {
  background-color: #4b7b08;
  cursor: pointer;
}

button.btn-secondary {
  background-color: #6c757d;
  color: #fff;
}

button.btn-secondary:hover {
  background-color: #5a6268;
}

button.action {
  font: inherit;
  padding: 0;
  background: none;
}

button.red {
  background-color: #f54200;
}

button.red:hover {
  background-color: #c0392b;
}

.label {
  display: block;
}

.label:not(:has([type='checkbox'], [type='radio'])) {
  margin-bottom: 0.7rem;
}

.label:has([type='checkbox'], [type='radio']) {
  margin-bottom: 0.1rem;
}

.label:has([type='checkbox'], [type='radio']):hover {
  cursor: pointer;
  color: #599900;
}

input[type='checkbox'],
input[type='radio'] {
  margin: 0 0.4rem 0 0;
  vertical-align: middle;
}

input:not(.mgnl-input):not([type='checkbox']):not([type='radio']),
select,
textarea {
  width: 100%;
  padding: 0.4rem;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 4px;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  font: inherit;
  font-weight: normal;
}

select {
  position: relative;
}

select.select-form-md {
  height: 38px;
  padding-block: 0;
  padding-inline: 12px;
}

select:after {
  content: '⌃';
  position: absolute;
}

fieldset {
  border-width: 1px;
  margin-bottom: 0.7rem;
}

.action-input {
  width: 300px !important;
  margin-right: 0.5rem;
}

.inputs-section {
  margin-bottom: 1.4rem;
}

.inputs-section > strong {
  display: block;
  margin-bottom: 0.2rem;
}

.input-group {
  margin-bottom: 0.7rem;
}

.fieldset-wrapper {
  margin: 1rem 0;
}

.global-search {
  display: block;
  max-width: 20rem;
  margin-top: 1rem;
}

.required {
  color: red;
  margin-right: 0.2rem;
}

[data-disabled] {
  opacity: 0.4;
  pointer-events: none;
}

.main-nav {
  height: 100vh;
  background-color: #d9d9d9;
  display: flex;
  flex-direction: column;
}

.sidebar-footer {
  margin-top: auto;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main-nav, .sidebar-footer {
  width: 260px;
}

.main-nav a,
.main-nav a:visited {
  display: block;
  margin: 0.2rem 0;
  padding: 0.7rem;
  border-left: 0.4rem solid transparent;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
}

.main-nav a:hover {
  background-color: #eef5e6;
  cursor: pointer;
}

.main-nav a[data-active] {
  border-left: 0.4rem solid #599900;
  background-color: #eef5e6;
  color: #599900;
  font-style: normal;
}

.main-nav a.parent[data-active] {
  border-left: 0.4rem solid transparent;
  background-color: unset;
  color: #599900;
}

.main-nav a.sub {
  padding-left: 2.1rem;
  font-size: 0.9rem;
}

.logout {
  border-top: 1px solid #bbb;
}

.build {
  position: relative;
  margin-top: 10px;
  left: 1rem;
  opacity: 0.8;
}

.main {
  margin-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 16px;
  background-color: #fff;
  width: calc(100% - 220px);
}

header {
  position: sticky;
  left: 0;
  margin-bottom: 1rem;
}

.dialog,
.dialog-delete {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 90vw;
  max-height: 90vh;
  margin: auto;
  border: 1px solid rgb(229, 231, 235);
  background: #fff;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  padding: 2rem;
  z-index: 202;
  overflow: auto;
}

.overlay {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 201;
}

.dialog-delete {
  width: max-content;
  height: max-content;
}

.dialog-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}

.dialog-close:after {
  content: '✕';
}

.dialog-actions {
  display: flex;
  gap: 0.4em;
  margin-top: 1.4rem;
}

.cockpit-table table {
  border-collapse: separate;
  border-spacing: 0;
  padding-right: 1rem;
}

.cockpit-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
  padding: 0.7rem;
  text-align: left;
  min-width: 14rem;
}

.cockpit-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  padding-left: 0.7rem;
}

.cockpit-table [data-sort]:hover {
  cursor: pointer;
  color: #599900;
}

.cockpit-table [data-sort]:after {
  margin-left: 0.4rem;
}

.cockpit-table [data-sort='asc']:after {
  content: '🔼';
}

.cockpit-table [data-sort='desc']:after {
  content: '🔽';
}

.cockpit-table td {
  vertical-align: top;
  padding: 0.7rem;
  border: 0.4rem solid #fff;
  border-style: none none solid none;
  background-color: #f0f0f0;
}

.cockpit-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  padding-left: 0.7rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cockpit-table td:first-child > .action {
  margin-left: 0.4rem;
}

.cockpit-table td:first-child > .expander {
  margin-right: 0.4rem;
  padding: 0;
  background: none;
}

.cockpit-table td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cockpit-table td:has(> .dialog) {
  z-index: 2147483647;
}

.cockpit-table tr:not(.SubComponent):hover td {
  background-color: #eef5e6;
}

.mgnl-table__th button {
  border-radius: inherit;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Multiselect */

.Multiselect {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.4rem;
}

.Multiselect fieldset {
  border: 1px dashed;
  padding: 0.4rem 0 0.4rem 0.7rem;
}

.Multiselect ul {
  max-height: 20rem;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.Multiselect li:hover {
  cursor: pointer;
  color: #599900;
}

/* MultiselectDropdown */

.MultiselectDropdown {
  position: relative;
}

.MultiselectDropdown-input {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.4rem;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 4px;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.MultiselectDropdown-input-placeholder {
  padding: 0 8px;
  color: #757575;
}

.MultiselectDropdown-input-item {
  display: inline-block;
  border-radius: 30px;
  padding: 0 8px;
  color: #232323;
  background-color: #f0f0f0;
  cursor: pointer;
}

.MultiselectDropdown-dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1;
  padding: 0.4rem;
  border: 1px solid rgb(229, 231, 235);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
}

.MultiselectDropdown-dropdown-items {
  max-height: 10rem;
  overflow: auto;
}

.MultiselectDropdown-dropdown-item {
  padding: 0.4rem;
}

.MultiselectDropdown-dropdown-item:hover {
  background-color: #ececef;
  cursor: pointer;
}

/* SubscriptionsOverview */

.SubscriptionsOverview-table .cluster {
  height: 2.7rem;
  line-height: 2.7rem;
  margin-bottom: 0.4rem;
  margin-left: -1.4rem;
  padding-left: 1.4rem;
  background-color: #fff;
}

.SubscriptionsOverview-table .cluster-prod {
  background-color: #aeff00;
}

.SubscriptionsOverview-columnVisibility-buttons {
  display: flex;
  gap: 0.4rem;
  margin: 0.4rem 0 1.4rem;
}

.SubscriptionsOverview-columnVisibility-labels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.7rem;
}

.SubscriptionsOverview-edit form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.4rem;
  grid-gap: 0.4rem;
  align-items: center;
}

.SubscriptionsOverview-buttons > button {
  margin-right: 0.4rem;
}

/* SubscriptionsStatus */

td:has(.success) {
  color: #0b3622;
  background-color: #d1e8de;
}

td:has(.error) {
  color: #58151c;
  background-color: #f8d7db;
}

/* FeatureToggles */

.FeatureToggles-Item-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.7rem;
}

/* Editor */

.ql-container {
  height: 375px;
}

/* Pagination */

.Pagination > span {
  margin: 0.5rem 0.5rem 0 0;
  cursor: pointer;
}

.email {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.button {
  display: grid;
  grid-template-columns: 1fr 1fr max-content;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.badge {
  display: inline-block;
  color: #fff;
  border-radius: 30px;
  padding: 0 8px;
}

.badge.INFO,
.badge.SENT {
  background-color: #599900;
}

.badge.WARNING,
.badge.SCHEDULED {
  background-color: #ffc226;
}

.badge.CRITICAL {
  background-color: #f54200;
}

.badge.PROCESSING {
  background-color: grey;
}

.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}

.acknowledgments {
  display: grid;
  grid-template-columns: 1fr 2.5rem 2.5rem;
  column-gap: 0.5rem;
}

.note {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.internal-users,
.internal-emails {
  display: grid;
  gap: 0.5rem;
  padding: 0.5rem;
  grid-template-columns: 1fr max-content;
}

.input-group .internal-users:nth-child(even),
.input-group .internal-emails:nth-child(even) {
  background-color: #f9f9f9f9;
}

.contact {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.contact-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.5rem;
}

.action.ack {
  font-family: monospace;
  color: #599a00;
  font-size: small;
}

/* List */

.List {
  padding-left: 2rem;
}

.List li {
  margin-bottom: 1rem;
}

ul.no-bullets {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.no-bullets li {
  margin: 2px 0;
}

/* banner */

.banner {
  position: fixed;
  top: 2rem;
  right: 2rem;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  max-width: 40rem;
}

.info {
  max-width: 40rem;
  margin: 1rem 0;
  color: gray;
}

[class^='badge-'] {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  vertical-align: middle;
  border-radius: 8px;
  text-align: center;
  line-height: 2rem;
  color: #fff;
  font-weight: bold;
}

.badge-high {
  background-color: red;
}

.badge-high:empty::after {
  content: '💣';
}

.badge-medium {
  background-color: orange;
  color: #000;
}

.badge-medium:empty::after {
  content: '‼️';
}

.badge-low {
  background-color: yellow;
  color: #000;
}

.badge-low:empty::after {
  content: '❗';
}

.badge-clear {
  background-color: green;
}

.badge-clear:empty::after {
  content: '✅';
}

.OperationsAlerts-subTable td {
  background: #fff;
  border: 0.4rem solid #f0f0f0;
  border-style: solid none none none;
}

.tag {
  margin-bottom: 0.5rem;
}

.SourceControl-inputs {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0.5rem;
}

.cluster-edit {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5rem;
  align-items: center;
}

.CDN,
.WAF {
  white-space: nowrap;
  max-width: 450px;
}

.MagnoliaHelms {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  max-width: 400px;
}

.MagnoliaHelms-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5rem;
}

.MagnoliaHelms-popover {
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
  display: none;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.MagnoliaHelms:hover .MagnoliaHelms-popover {
  display: block;
  background-color: #fff;
  padding: 1rem;
  z-index: 100;
}

.MagnoliaHelms-cluster {
  font-weight: bold;
  border-bottom: 1px solid rgb(229, 231, 235);
}

.mb-1 {
  margin-bottom: 8px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mt-2 {
  margin-top: 16px;
}

.p-2 {
  padding: 16px;
}

header h2.mgnl-text-color-success a {
  color: var(--mgnl-text-color-success);
}

ul li a:visited {
  color: var(--mgnl-text-color-link-default);
}

.alert {
  background-color: transparent;
  padding: 6px;
  margin-bottom: 0.7rem;
  margin-top: 0.7rem;
  color: inherit;
  border-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  position: relative;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
  --bs-alert-link-color: #842029;
}

.mgnl-ds-form-control {
  display: flex;
  gap: 0.7rem;
}

.mgnl-form-select.mgnl-form-select::after {
  font-size: 20px;
}
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --mgnl-font-family-default: Inter;
  --mgnl-font-family-monospace: 'JetBrains Mono';
  --mgnl-color-white: #ffffff;
  --mgnl-color-gray-10: #f5f4f6;
  --mgnl-color-gray-20: #e1dfe4;
  --mgnl-color-gray-30: #c8c5cd;
  --mgnl-color-gray-40: #aba6b3;
  --mgnl-color-gray-50: #918a9b;
  --mgnl-color-gray-60: #756d80;
  --mgnl-color-gray-70: #564f60;
  --mgnl-color-gray-80: #3c3743;
  --mgnl-color-gray-90: #28252e;
  --mgnl-color-gray-100: #17151b;
  --mgnl-color-red-10: #fef1ef;
  --mgnl-color-red-20: #fed8d2;
  --mgnl-color-red-30: #fdb4aa;
  --mgnl-color-red-40: #fc8773;
  --mgnl-color-red-50: #fb5034;
  --mgnl-color-red-60: #d13715;
  --mgnl-color-red-70: #9b270c;
  --mgnl-color-red-80: #692015;
  --mgnl-color-red-90: #471610;
  --mgnl-color-red-100: #2a0d0a;
  --mgnl-color-orange-10: #fef1ee;
  --mgnl-color-orange-20: #fed8cc;
  --mgnl-color-orange-30: #fdb69b;
  --mgnl-color-orange-40: #f98b4c;
  --mgnl-color-orange-50: #db701c;
  --mgnl-color-orange-60: #b05814;
  --mgnl-color-orange-70: #814115;
  --mgnl-color-orange-80: #592e15;
  --mgnl-color-orange-90: #3b1f10;
  --mgnl-color-orange-100: #23120a;
  --mgnl-color-yellow-10: #fff3df;
  --mgnl-color-yellow-20: #ffdc94;
  --mgnl-color-yellow-30: #fbbc00;
  --mgnl-color-yellow-40: #d69f00;
  --mgnl-color-yellow-50: #b58500;
  --mgnl-color-yellow-60: #926900;
  --mgnl-color-yellow-70: #6c4d0c;
  --mgnl-color-yellow-80: #4a3514;
  --mgnl-color-yellow-90: #322410;
  --mgnl-color-yellow-100: #1d140a;
  --mgnl-color-lime-10: #f1f8cf;
  --mgnl-color-lime-20: #dbe79e;
  --mgnl-color-lime-30: #c0ce6c;
  --mgnl-color-lime-40: #a2b133;
  --mgnl-color-lime-50: #879500;
  --mgnl-color-lime-60: #6c7700;
  --mgnl-color-lime-70: #4f570c;
  --mgnl-color-lime-80: #373c14;
  --mgnl-color-lime-90: #252810;
  --mgnl-color-lime-100: #151709;
  --mgnl-color-green-10: #ebf8e4;
  --mgnl-color-green-20: #c4ecad;
  --mgnl-color-green-30: #9ad76c;
  --mgnl-color-green-40: #79b940;
  --mgnl-color-green-50: #5d9d00;
  --mgnl-color-green-60: #4a7e00;
  --mgnl-color-green-70: #365c0c;
  --mgnl-color-green-80: #283f14;
  --mgnl-color-green-90: #1b2a10;
  --mgnl-color-green-100: #0f1809;
  --mgnl-color-emerald-10: #e8f8ed;
  --mgnl-color-emerald-20: #b6edc7;
  --mgnl-color-emerald-30: #7fd99f;
  --mgnl-color-emerald-40: #4cbd7a;
  --mgnl-color-emerald-50: #00a259;
  --mgnl-color-emerald-60: #008246;
  --mgnl-color-emerald-70: #0c5f34;
  --mgnl-color-emerald-80: #154127;
  --mgnl-color-emerald-90: #102b1b;
  --mgnl-color-emerald-100: #0a190f;
  --mgnl-color-teal-10: #e6f7fc;
  --mgnl-color-teal-20: #a9ebf9;
  --mgnl-color-teal-30: #61d6ea;
  --mgnl-color-teal-40: #00b9ce;
  --mgnl-color-teal-50: #009bad;
  --mgnl-color-teal-60: #007c8b;
  --mgnl-color-teal-70: #0e5b65;
  --mgnl-color-teal-80: #173e45;
  --mgnl-color-teal-90: #12292e;
  --mgnl-color-teal-100: #0b181b;
  --mgnl-color-blue-10: #ebf5ff;
  --mgnl-color-blue-20: #c9e3ff;
  --mgnl-color-blue-30: #9dcaff;
  --mgnl-color-blue-40: #6aaaff;
  --mgnl-color-blue-50: #3c8bff;
  --mgnl-color-blue-60: #0067f5;
  --mgnl-color-blue-70: #144cb1;
  --mgnl-color-blue-80: #1d3673;
  --mgnl-color-blue-90: #16244b;
  --mgnl-color-blue-100: #0e152c;
  --mgnl-color-violet-10: #f5f3ff;
  --mgnl-color-violet-20: #e4dbff;
  --mgnl-color-violet-30: #cdbdff;
  --mgnl-color-violet-40: #b597ff;
  --mgnl-color-violet-50: #9f72ff;
  --mgnl-color-violet-60: #8946f7;
  --mgnl-color-violet-70: #6922ca;
  --mgnl-color-violet-80: #472086;
  --mgnl-color-violet-90: #2e1857;
  --mgnl-color-violet-100: #1b0f32;
  --mgnl-color-purple-10: #fcf1fe;
  --mgnl-color-purple-20: #f6d6fd;
  --mgnl-color-purple-30: #efb0fc;
  --mgnl-color-purple-40: #e87efb;
  --mgnl-color-purple-50: #de48f3;
  --mgnl-color-purple-60: #bd1dd1;
  --mgnl-color-purple-70: #891d97;
  --mgnl-color-purple-80: #5d1b67;
  --mgnl-color-purple-90: #3d1543;
  --mgnl-color-purple-100: #230d27;
  --mgnl-color-pink-10: #fef1f5;
  --mgnl-color-pink-20: #fed6e2;
  --mgnl-color-pink-30: #fdb1ca;
  --mgnl-color-pink-40: #fb80af;
  --mgnl-color-pink-50: #f24e96;
  --mgnl-color-pink-60: #d6177a;
  --mgnl-color-pink-70: #9c1859;
  --mgnl-color-pink-80: #6b173e;
  --mgnl-color-pink-90: #471229;
  --mgnl-color-pink-100: #2a0b18;
  --mgnl-color-neutral-0: #ffffff;
  --mgnl-color-neutral-10: #f5f4f6;
  --mgnl-color-neutral-20: #e1dfe4;
  --mgnl-color-neutral-30: #c8c5cd;
  --mgnl-color-neutral-40: #aba6b3;
  --mgnl-color-neutral-50: #918a9b;
  --mgnl-color-neutral-60: #756d80;
  --mgnl-color-neutral-70: #564f60;
  --mgnl-color-neutral-80: #3c3743;
  --mgnl-color-neutral-90: #28252e;
  --mgnl-color-neutral-100: #17151b;
  --mgnl-color-primary-10: #e8f8ed;
  --mgnl-color-primary-20: #b6edc7;
  --mgnl-color-primary-30: #7fd99f;
  --mgnl-color-primary-40: #4cbd7a;
  --mgnl-color-primary-50: #00a259;
  --mgnl-color-primary-60: #008246;
  --mgnl-color-primary-70: #0c5f34;
  --mgnl-color-primary-80: #154127;
  --mgnl-color-primary-90: #102b1b;
  --mgnl-color-primary-100: #0a190f;
  --mgnl-color-logotype: #00b054;
  --mgnl-color-success-10: #e8f8ed;
  --mgnl-color-success-20: #b6edc7;
  --mgnl-color-success-30: #7fd99f;
  --mgnl-color-success-40: #4cbd7a;
  --mgnl-color-success-50: #00a259;
  --mgnl-color-success-60: #008246;
  --mgnl-color-success-70: #0c5f34;
  --mgnl-color-success-80: #154127;
  --mgnl-color-success-90: #102b1b;
  --mgnl-color-success-100: #0a190f;
  --mgnl-color-danger-10: #fef1ef;
  --mgnl-color-danger-20: #fed8d2;
  --mgnl-color-danger-30: #fdb4aa;
  --mgnl-color-danger-40: #fc8773;
  --mgnl-color-danger-50: #fb5034;
  --mgnl-color-danger-60: #d13715;
  --mgnl-color-danger-70: #9b270c;
  --mgnl-color-danger-80: #692015;
  --mgnl-color-danger-90: #471610;
  --mgnl-color-danger-100: #2a0d0a;
  --mgnl-color-warning-10: #fff3df;
  --mgnl-color-warning-20: #ffdc94;
  --mgnl-color-warning-30: #fbbc00;
  --mgnl-color-warning-40: #d69f00;
  --mgnl-color-warning-50: #b58500;
  --mgnl-color-warning-60: #926900;
  --mgnl-color-warning-70: #6c4d0c;
  --mgnl-color-warning-80: #4a3514;
  --mgnl-color-warning-90: #322410;
  --mgnl-color-warning-100: #1d140a;
  --mgnl-color-info-10: #ebf5ff;
  --mgnl-color-info-20: #c9e3ff;
  --mgnl-color-info-30: #9dcaff;
  --mgnl-color-info-40: #6aaaff;
  --mgnl-color-info-50: #3c8bff;
  --mgnl-color-info-60: #0067f5;
  --mgnl-color-info-70: #144cb1;
  --mgnl-color-info-80: #1d3673;
  --mgnl-color-info-90: #16244b;
  --mgnl-color-info-100: #0e152c;
  --mgnl-color-chart-10: #fbbc00;
  --mgnl-color-chart-11: #fb5034;
  --mgnl-color-chart-01: #0067f5;
  --mgnl-color-chart-02: #fb80af;
  --mgnl-color-chart-03: #00a259;
  --mgnl-color-chart-04: #8946f7;
  --mgnl-color-chart-05: #f98b4c;
  --mgnl-color-chart-06: #009bad;
  --mgnl-color-chart-07: #a2b133;
  --mgnl-color-chart-08: #de48f3;
  --mgnl-color-chart-09: #4a7e00;
  --mgnl-border-radius-none: 0;
  --mgnl-border-radius-xxs: 1px;
  --mgnl-border-radius-xs: 2px;
  --mgnl-border-radius-xsm: 3px;
  --mgnl-border-radius-sm: 4px;
  --mgnl-border-radius-md: 6px;
  --mgnl-border-radius-lg: 8px;
  --mgnl-border-radius-xl: 12px;
  --mgnl-border-radius-max: 100px;
  --mgnl-dimension-0: 0;
  --mgnl-dimension-1: 1px;
  --mgnl-dimension-2: 2px;
  --mgnl-dimension-3: 3px;
  --mgnl-dimension-4: 4px;
  --mgnl-dimension-5: 5px;
  --mgnl-dimension-6: 6px;
  --mgnl-dimension-7: 7px;
  --mgnl-dimension-8: 8px;
  --mgnl-dimension-9: 9px;
  --mgnl-dimension-10: 10px;
  --mgnl-dimension-12: 12px;
  --mgnl-dimension-16: 16px;
  --mgnl-dimension-18: 18px;
  --mgnl-dimension-20: 20px;
  --mgnl-dimension-24: 24px;
  --mgnl-dimension-28: 28px;
  --mgnl-dimension-30: 30px;
  --mgnl-dimension-32: 32px;
  --mgnl-dimension-34: 34px;
  --mgnl-dimension-36: 36px;
  --mgnl-dimension-38: 38px;
  --mgnl-dimension-40: 40px;
  --mgnl-dimension-42: 42px;
  --mgnl-dimension-48: 48px;
  --mgnl-font-size-200: 12px;
  --mgnl-font-size-300: 14px;
  --mgnl-font-size-400: 17px;
  --mgnl-font-size-500: 20px;
  --mgnl-font-size-600: 24px;
  --mgnl-font-size-700: 28px;
  --mgnl-font-size-800: 32px;
  --mgnl-line-height-ui-sm: 16px;
  --mgnl-line-height-ui-md: 18px;
  --mgnl-line-height-ui-lg: 22px;
  --mgnl-line-height-ui-xl: 24px;
  --mgnl-line-height-block-heading-h1: 34px;
  --mgnl-line-height-block-heading-h2: 30px;
  --mgnl-line-height-block-heading-h3: 28px;
  --mgnl-line-height-block-heading-h4: 24px;
  --mgnl-line-height-block-heading-h5: 22px;
  --mgnl-line-height-block-heading-h6: 20px;
  --mgnl-line-height-block-text-sm: 18px;
  --mgnl-line-height-block-text-md: 22px;
  --mgnl-font-weight-400: 400;
  --mgnl-font-weight-415: 415;
  --mgnl-font-weight-500: 500;
  --mgnl-font-weight-600: 550;
  --mgnl-font-weight-700: 700;
  --mgnl-font-weight-800: 800;
  --mgnl-font-weight-900: 900;
  --mgnl-paragraph-spacing-none: 0;
  --mgnl-paragraph-spacing-md: 0.75px;
  --mgnl-opacity-transparent: 0;
  --mgnl-opacity-low: 0.12;
  --mgnl-opacity-med-low: 0.3;
  --mgnl-opacity-med: 0.5;
  --mgnl-opacity-med-high: 0.7;
  --mgnl-opacity-high: 0.9;
  --mgnl-opacity-default: 1;
  --mgnl-animation-timing-ease-out-sharp: cubic-bezier(0.25,1,0.3,1);
  --mgnl-animation-timing-ease-in-out-smooth: cubic-bezier(0.8,0.3,0.2,0.7);
  --mgnl-animation-duration-50: 150ms;
  --mgnl-animation-duration-100: 300ms;
  --mgnl-animation-duration-500: 1250ms;
  --mgnl-animation-duration-1500: 3000ms; /* Duration for slow accessible animations */
  --mgnl-animation-delay-none: 0ms;
  --mgnl-transition-50: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-transition-100: 300ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-typography-ui-default-sm: 400 12px/16px Inter;
  --mgnl-typography-ui-default-md: 400 14px/18px Inter;
  --mgnl-typography-ui-default-lg: 400 17px/22px Inter;
  --mgnl-typography-ui-default-xl: 400 20px/24px Inter;
  --mgnl-typography-ui-strong-sm: 550 12px/16px Inter;
  --mgnl-typography-ui-strong-md: 550 14px/18px Inter;
  --mgnl-typography-ui-strong-lg: 550 17px/22px Inter;
  --mgnl-typography-ui-strong-xl: 550 20px/24px Inter;
  --mgnl-typography-code-default-md: 415 14px/18px 'JetBrains Mono';
  --mgnl-typography-block-heading-h1: 900 32px/34px Inter;
  --mgnl-typography-block-heading-h1-paragraph-spacing: 24px;
  --mgnl-typography-block-heading-h2: 900 28px/30px Inter;
  --mgnl-typography-block-heading-h2-paragraph-spacing: 21px;
  --mgnl-typography-block-heading-h3: 800 24px/28px Inter;
  --mgnl-typography-block-heading-h3-paragraph-spacing: 18px;
  --mgnl-typography-block-heading-h4: 800 20px/24px Inter;
  --mgnl-typography-block-heading-h4-paragraph-spacing: 15px;
  --mgnl-typography-block-heading-h5: 700 17px/22px Inter;
  --mgnl-typography-block-heading-h5-paragraph-spacing: 12.75px;
  --mgnl-typography-block-heading-h6: 700 14px/20px Inter;
  --mgnl-typography-block-heading-h6-paragraph-spacing: 10.5px;
  --mgnl-typography-block-text-default-sm: 400 12px/18px Inter;
  --mgnl-typography-block-text-default-sm-paragraph-spacing: 9px;
  --mgnl-typography-block-text-default-md: 400 14px/22px Inter;
  --mgnl-typography-block-text-default-md-paragraph-spacing: 10.5px;
  --mgnl-typography-block-text-strong-sm: 500 12px/18px Inter;
  --mgnl-typography-block-text-strong-sm-paragraph-spacing: 9px;
  --mgnl-typography-block-text-strong-md: 550 14px/22px Inter;
  --mgnl-typography-block-text-strong-md-paragraph-spacing: 10.5px;
  --mgnl-text-color-base: #28252e;
  --mgnl-text-color-mid: #564f60;
  --mgnl-text-color-dim: #756d80;
  --mgnl-text-color-disabled: #918a9b;
  --mgnl-text-color-link-default: #0067f5;
  --mgnl-text-color-link-hover: #144cb1;
  --mgnl-text-color-link-visited: #1d3673;
  --mgnl-text-color-success: #008246;
  --mgnl-text-color-danger: #d13715;
  --mgnl-text-color-primary-base: #008246;
  --mgnl-icon-color-transparent: rgba(0, 0, 0, 0);
  --mgnl-icon-color-neutral-base-default: #564f60;
  --mgnl-icon-color-neutral-base-hover: #28252e;
  --mgnl-icon-color-neutral-base-disabled: #918a9b;
  --mgnl-icon-color-neutral-mid-default: #756d80;
  --mgnl-icon-color-neutral-mid-hover: #3c3743;
  --mgnl-icon-color-neutral-mid-active: #17151b;
  --mgnl-icon-color-neutral-mid-disabled: #aba6b3;
  --mgnl-icon-color-neutral-dim-default: #aba6b3;
  --mgnl-icon-color-neutral-dim-hover: #564f60;
  --mgnl-icon-color-neutral-dim-disabled: #c8c5cd;
  --mgnl-icon-color-primary-base-default: #008246;
  --mgnl-icon-color-primary-base-hover: #154127;
  --mgnl-icon-color-primary-base-disabled: #00a259;
  --mgnl-icon-color-primary-mid-default: #00a259;
  --mgnl-icon-color-primary-mid-hover: #0c5f34;
  --mgnl-icon-color-primary-mid-disabled: #4cbd7a;
  --mgnl-icon-color-primary-dim-default: #4cbd7a;
  --mgnl-icon-color-primary-dim-hover: #008246;
  --mgnl-icon-color-primary-dim-disabled: #7fd99f;
  --mgnl-icon-color-success-base-default: #008246;
  --mgnl-icon-color-success-base-hover: #154127;
  --mgnl-icon-color-success-mid-default: #00a259;
  --mgnl-icon-color-success-mid-hover: #0c5f34;
  --mgnl-icon-color-success-dim-default: #4cbd7a;
  --mgnl-icon-color-success-dim-hover: #008246;
  --mgnl-icon-color-warning-base-default: #926900;
  --mgnl-icon-color-warning-base-hover: #4a3514;
  --mgnl-icon-color-warning-mid-default: #b58500;
  --mgnl-icon-color-warning-mid-hover: #6c4d0c;
  --mgnl-icon-color-warning-dim-default: #d69f00;
  --mgnl-icon-color-warning-dim-hover: #926900;
  --mgnl-icon-color-danger-base-default: #d13715;
  --mgnl-icon-color-danger-base-hover: #692015;
  --mgnl-icon-color-danger-mid-default: #fb5034;
  --mgnl-icon-color-danger-mid-hover: #9b270c;
  --mgnl-icon-color-danger-dim-default: #fc8773;
  --mgnl-icon-color-danger-dim-hover: #d13715;
  --mgnl-icon-color-info-base-default: #0067f5;
  --mgnl-icon-color-info-base-hover: #1d3673;
  --mgnl-icon-color-info-mid-default: #3c8bff;
  --mgnl-icon-color-info-mid-hover: #144cb1;
  --mgnl-icon-color-info-dim-default: #6aaaff;
  --mgnl-icon-color-info-dim-hover: #0067f5;
  --mgnl-border-color-transparent: rgba(0, 0, 0, 0);
  --mgnl-border-color-neutral-base-default: #c8c5cd;
  --mgnl-border-color-neutral-base-hover: #aba6b3;
  --mgnl-border-color-neutral-base-disabled: #e1dfe4;
  --mgnl-border-color-neutral-base-focus: #c8c5cd;
  --mgnl-border-color-neutral-mid-default: #e1dfe4;
  --mgnl-border-color-neutral-mid-hover: #c8c5cd;
  --mgnl-border-color-neutral-dim-default: #f5f4f6;
  --mgnl-border-color-neutral-dim-hover: #e1dfe4;
  --mgnl-border-color-primary-base-default: #00a259;
  --mgnl-border-color-primary-base-hover: #008246;
  --mgnl-border-color-primary-base-focus: #00a259;
  --mgnl-border-color-primary-mid-default: #7fd99f;
  --mgnl-border-color-primary-dim-default: #b6edc7;
  --mgnl-border-color-primary-dim-hover: #7fd99f;
  --mgnl-border-color-success-base-default: #00a259;
  --mgnl-border-color-success-mid-default: #7fd99f;
  --mgnl-border-color-success-dim-default: #b6edc7;
  --mgnl-border-color-warning-base-default: #b58500;
  --mgnl-border-color-warning-mid-default: #fbbc00;
  --mgnl-border-color-warning-dim-default: #ffdc94;
  --mgnl-border-color-danger-base-default: #fb5034;
  --mgnl-border-color-danger-mid-default: #fdb4aa;
  --mgnl-border-color-danger-dim-default: #fed8d2;
  --mgnl-border-color-info-base-default: #3c8bff;
  --mgnl-border-color-info-mid-default: #9dcaff;
  --mgnl-border-color-info-dim-default: #c9e3ff;
  --mgnl-border-none: 0 solid rgba(0, 0, 0, 0);
  --mgnl-elevation-level-m1-on-light: inset 0 0 1px 0 rgba(40, 37, 46, 0.5), inset 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-elevation-level-m1-on-dark: inset 0 0 1px 0 rgba(23, 21, 27, 0.9), inset 0 1px 2px 0 rgba(23, 21, 27, 0.9);
  --mgnl-elevation-level-0: 0 0 1px 0 transparent, 0 1px 2px 0 transparent; /* the shadow is defined so it is not as choppy in combination with level1 */
  --mgnl-elevation-level-p1-on-light: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-elevation-level-p1-on-dark: 0 0 1px 0 rgba(23, 21, 27, 0.9), 0 1px 2px 0 rgba(23, 21, 27, 0.9);
  --mgnl-elevation-level-p2-on-light: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 4px 0 rgba(40, 37, 46, 0.5);
  --mgnl-elevation-level-p2-on-dark: 0 0 1px 0 rgba(23, 21, 27, 0.9), 0 1px 4px 0 rgba(23, 21, 27, 0.9);
  --mgnl-elevation-level-p3-on-light: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 2px 6px 0 rgba(40, 37, 46, 0.5);
  --mgnl-elevation-level-p3-on-dark: 0 0 1px 0 rgba(23, 21, 27, 0.9), 0 2px 6px 0 rgba(23, 21, 27, 0.9);
  --mgnl-elevation-level-p4-on-light: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 3px 8px 0 rgba(40, 37, 46, 0.5);
  --mgnl-elevation-level-p4-on-dark: 0 0 1px 0 rgba(23, 21, 27, 0.9), 0 3px 8px 0 rgba(23, 21, 27, 0.9);
  --mgnl-scroll-boundary-shadow-top: 0 -4px 4px 0 rgba(40, 37, 46, 0.3), 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 5px 0 rgba(40, 37, 46, 0.12), 0 1px 8px 0 rgba(40, 37, 46, 0.12);
  --mgnl-scroll-boundary-shadow-bottom: 0 4px 4px 0 rgba(40, 37, 46, 0.3), 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 -1px 5px 0 rgba(40, 37, 46, 0.12), 0 -1px 8px 0 rgba(40, 37, 46, 0.12);
  --mgnl-surface-transparent: rgba(0, 0, 0, 0);
  --mgnl-surface-base: #ffffff;
  --mgnl-surface-sunken: #f5f4f6;
  --mgnl-surface-dim: #f5f4f6;
  --mgnl-surface-tint-low: rgba(200, 197, 205, 0.3);
  --mgnl-surface-tint-med: rgba(200, 197, 205, 0.5);
  --mgnl-surface-tint-high: rgba(200, 197, 205, 0.9);
  --mgnl-surface-veil-low: rgba(255, 255, 255, 0.3);
  --mgnl-surface-veil-med: rgba(255, 255, 255, 0.5);
  --mgnl-surface-veil-high: rgba(255, 255, 255, 0.9);
  --mgnl-backdrop-light: rgba(40, 37, 46, 0.3);
  --mgnl-backdrop-dark-default: rgba(40, 37, 46, 0.9);
  --mgnl-backdrop-dark-warning: rgba(50, 36, 16, 0.9);
  --mgnl-backdrop-dark-danger: rgba(71, 22, 16, 0.9);
  --mgnl-focus-outline-none: 0 0 0 0 transparent;
  --mgnl-focus-outline-neutral-default: 0 0 0 2px #ffffff, 0 0 0 4px #00a259;
  --mgnl-focus-outline-neutral-input: 0 0 0 1px #00a259;
  --mgnl-focus-outline-neutral-slider: 0 0 0 2px #00a259;
  --mgnl-focus-outline-neutral-inset: 2px solid #00a259;
  --mgnl-focus-outline-danger-default: 0 0 0 2px #ffffff, 0 0 0 4px #fb5034;
  --mgnl-focus-outline-danger-input: 0 0 0 1px #fb5034;
  --mgnl-focus-outline-danger-inset: 2px solid #fb5034;
  --mgnl-focus-outline-disabled-default: 0 0 0 2px #ffffff, 0 0 0 4px #c8c5cd;
  --mgnl-focus-outline-disabled-input: 0 0 0 2px #c8c5cd;
  --mgnl-focus-outline-disabled-inset: 2px solid #c8c5cd;
  --mgnl-form-control-md-border-radius: 8px;
  --mgnl-form-control-md-padding-block: 10px;
  --mgnl-form-control-md-padding-inline: 12px;
  --mgnl-form-control-md-height: 38px;
  --mgnl-form-control-md-icon-label-gap: 8px;
  --mgnl-form-control-md-item-gap: 8px;
  --mgnl-form-control-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-form-control-sm-border-radius: 8px;
  --mgnl-form-control-sm-padding-block: 8px;
  --mgnl-form-control-sm-padding-inline: 10px;
  --mgnl-form-control-sm-height: 34px;
  --mgnl-form-control-sm-icon-label-gap: 8px;
  --mgnl-form-control-sm-item-gap: 6px;
  --mgnl-form-control-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-form-control-xs-border-radius: 8px;
  --mgnl-form-control-xs-padding-block: 6px;
  --mgnl-form-control-xs-padding-inline: 8px;
  --mgnl-form-control-xs-height: 30px;
  --mgnl-form-control-xs-icon-label-gap: 6px;
  --mgnl-form-control-xs-item-gap: 4px;
  --mgnl-form-control-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-avatar-lg-size: 36px;
  --mgnl-avatar-lg-typography: 550 14px/18px Inter;
  --mgnl-avatar-md-size: 32px;
  --mgnl-avatar-md-typography: 550 12px/16px Inter;
  --mgnl-avatar-sm-size: 28px;
  --mgnl-avatar-sm-typography: 550 12px/16px Inter;
  --mgnl-thumbnail-md-size: 32px;
  --mgnl-thumbnail-md-border-radius: 4px;
  --mgnl-thumbnail-sm-size: 24px;
  --mgnl-thumbnail-sm-border-radius: 4px;
  --mgnl-thumbnail-xsm-size: 20px;
  --mgnl-thumbnail-xsm-border-radius: 4px;
  --mgnl-thumbnail-xs-size: 16px;
  --mgnl-thumbnail-xs-border-radius: 4px;
  --mgnl-icon-app-md-size: 32px;
  --mgnl-icon-app-sm-size: 24px;
  --mgnl-icon-app-xsm-size: 20px;
  --mgnl-icon-app-xs-size: 16px;
  --mgnl-icon-app-color-primary: #4cbd7a;
  --mgnl-icon-app-color-secondary: #00a259;
  --mgnl-icon-lg-size: 24px;
  --mgnl-icon-md-size: 16px;
  --mgnl-icon-md-wrapper-width: 14px;
  --mgnl-icon-md-wrapper-height: 18px;
  --mgnl-icon-button-md-border-radius: 8px;
  --mgnl-icon-button-md-padding: 10px 12px;
  --mgnl-icon-button-md-size: 38px;
  --mgnl-icon-button-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-icon-button-sm-border-radius: 8px;
  --mgnl-icon-button-sm-padding: 8px 10px;
  --mgnl-icon-button-sm-size: 34px;
  --mgnl-icon-button-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-icon-button-xs-border-radius: 8px;
  --mgnl-icon-button-xs-padding: 6px 8px;
  --mgnl-icon-button-xs-size: 30px;
  --mgnl-icon-button-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-icon-button-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-color-background-hover: rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-color-background-active: rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-color-icon-default: #756d80;
  --mgnl-icon-button-neutral-color-icon-hover: #3c3743;
  --mgnl-icon-button-neutral-color-icon-active: #17151b;
  --mgnl-icon-button-neutral-color-icon-disabled: #aba6b3;
  --mgnl-icon-button-neutral-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-neutral-focus-outline-focus: 2px solid #00a259;
  --mgnl-icon-button-neutral-focus-border-radius: 100px;
  --mgnl-icon-button-danger-soft-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-color-background-hover: rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-color-background-active: rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-color-icon-default: #756d80;
  --mgnl-icon-button-danger-soft-color-icon-hover: #fb5034;
  --mgnl-icon-button-danger-soft-color-icon-active: #17151b;
  --mgnl-icon-button-danger-soft-color-icon-disabled: #aba6b3;
  --mgnl-icon-button-danger-soft-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-icon-button-danger-soft-focus-outline-focus: 2px solid #fb5034;
  --mgnl-button-md-border-radius-default: 8px;
  --mgnl-button-md-border-radius-in-input: 0 8px 8px 0;
  --mgnl-button-md-border-radius-none: 0 0 0 0;
  --mgnl-button-md-padding: 10px 12px;
  --mgnl-button-md-size: 38px;
  --mgnl-button-md-gap: 8px;
  --mgnl-button-md-typography: 550 14px/18px Inter;
  --mgnl-button-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-button-sm-border-radius-default: 8px;
  --mgnl-button-sm-border-radius-in-input: 0 8px 8px 0;
  --mgnl-button-sm-border-radius-none: 0 0 0 0;
  --mgnl-button-sm-padding: 8px 10px;
  --mgnl-button-sm-size: 34px;
  --mgnl-button-sm-gap: 8px;
  --mgnl-button-sm-typography: 550 14px/18px Inter;
  --mgnl-button-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-button-xs-border-radius-default: 8px;
  --mgnl-button-xs-border-radius-in-input: 0 8px 8px 0;
  --mgnl-button-xs-border-radius-none: 0 0 0 0;
  --mgnl-button-xs-padding: 6px 8px;
  --mgnl-button-xs-size: 30px;
  --mgnl-button-xs-gap: 6px;
  --mgnl-button-xs-typography: 550 14px/18px Inter;
  --mgnl-button-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-button-primary-color-background-default: #008246;
  --mgnl-button-primary-color-background-hover: #0c5f34;
  --mgnl-button-primary-color-background-active: #154127;
  --mgnl-button-primary-color-background-disabled: rgba(0, 130, 70, 0.7);
  --mgnl-button-primary-color-background-focus: #008246;
  --mgnl-button-primary-color-label-default: #ffffff;
  --mgnl-button-primary-color-label-hover: #ffffff;
  --mgnl-button-primary-color-label-active: #ffffff;
  --mgnl-button-primary-color-label-disabled: rgba(255, 255, 255, 0.5);
  --mgnl-button-primary-color-label-focus: #ffffff;
  --mgnl-button-primary-color-icon-default: #ffffff;
  --mgnl-button-primary-color-icon-hover: #ffffff;
  --mgnl-button-primary-color-icon-active: #ffffff;
  --mgnl-button-primary-color-icon-disabled: rgba(255, 255, 255, 0.5);
  --mgnl-button-primary-color-icon-focus: #ffffff;
  --mgnl-button-primary-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-primary-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-primary-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-primary-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-primary-border-focus: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-secondary-color-background-default: rgba(200, 197, 205, 0.3);
  --mgnl-button-secondary-color-background-hover: rgba(200, 197, 205, 0.5);
  --mgnl-button-secondary-color-background-active: rgba(200, 197, 205, 0.9);
  --mgnl-button-secondary-color-background-disabled: rgba(200, 197, 205, 0.3);
  --mgnl-button-secondary-color-background-focus: rgba(200, 197, 205, 0.3);
  --mgnl-button-secondary-color-label-default: #28252e;
  --mgnl-button-secondary-color-label-hover: #28252e;
  --mgnl-button-secondary-color-label-active: #28252e;
  --mgnl-button-secondary-color-label-disabled: #918a9b;
  --mgnl-button-secondary-color-label-focus: #28252e;
  --mgnl-button-secondary-color-icon-default: #564f60;
  --mgnl-button-secondary-color-icon-hover: #28252e;
  --mgnl-button-secondary-color-icon-active: #28252e;
  --mgnl-button-secondary-color-icon-disabled: #918a9b;
  --mgnl-button-secondary-color-icon-focus: #564f60;
  --mgnl-button-secondary-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-secondary-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-secondary-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-secondary-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-secondary-border-focus: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-button-tertiary-color-background-active: rgba(200, 197, 205, 0.5);
  --mgnl-button-tertiary-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-color-background-focus: rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-color-label-default: #564f60;
  --mgnl-button-tertiary-color-label-hover: #28252e;
  --mgnl-button-tertiary-color-label-active: #28252e;
  --mgnl-button-tertiary-color-label-disabled: #918a9b;
  --mgnl-button-tertiary-color-label-focus: #28252e;
  --mgnl-button-tertiary-color-icon-default: #564f60;
  --mgnl-button-tertiary-color-icon-hover: #28252e;
  --mgnl-button-tertiary-color-icon-active: #28252e;
  --mgnl-button-tertiary-color-icon-disabled: #918a9b;
  --mgnl-button-tertiary-color-icon-focus: #564f60;
  --mgnl-button-tertiary-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-tertiary-border-focus: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-warning-color-background-default: #fbbc00;
  --mgnl-button-warning-color-background-hover: #d69f00;
  --mgnl-button-warning-color-background-active: #b58500;
  --mgnl-button-warning-color-background-disabled: rgba(251, 188, 0, 0.7);
  --mgnl-button-warning-color-background-focus: #fbbc00;
  --mgnl-button-warning-color-label-default: #28252e;
  --mgnl-button-warning-color-label-hover: #28252e;
  --mgnl-button-warning-color-label-active: #28252e;
  --mgnl-button-warning-color-label-disabled: rgba(40, 37, 46, 0.5);
  --mgnl-button-warning-color-label-focus: #28252e;
  --mgnl-button-warning-color-icon-default: #28252e;
  --mgnl-button-warning-color-icon-hover: #28252e;
  --mgnl-button-warning-color-icon-active: #28252e;
  --mgnl-button-warning-color-icon-disabled: rgba(40, 37, 46, 0.5);
  --mgnl-button-warning-color-icon-focus: #28252e;
  --mgnl-button-warning-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-warning-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-warning-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-warning-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-warning-border-focus: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-danger-color-background-default: #d13715;
  --mgnl-button-danger-color-background-hover: #9b270c;
  --mgnl-button-danger-color-background-active: #692015;
  --mgnl-button-danger-color-background-disabled: rgba(209, 55, 21, 0.7);
  --mgnl-button-danger-color-background-focus: #d13715;
  --mgnl-button-danger-color-label-default: #ffffff;
  --mgnl-button-danger-color-label-hover: #ffffff;
  --mgnl-button-danger-color-label-active: #ffffff;
  --mgnl-button-danger-color-label-disabled: rgba(255, 255, 255, 0.5);
  --mgnl-button-danger-color-label-focus: #ffffff;
  --mgnl-button-danger-color-icon-default: #ffffff;
  --mgnl-button-danger-color-icon-hover: #ffffff;
  --mgnl-button-danger-color-icon-active: #ffffff;
  --mgnl-button-danger-color-icon-disabled: rgba(255, 255, 255, 0.5);
  --mgnl-button-danger-color-icon-focus: #ffffff;
  --mgnl-button-danger-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-danger-border-hover: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-danger-border-active: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-danger-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-button-danger-border-focus: 0 solid rgba(0, 0, 0, 0);
  --mgnl-input-md-border-radius: 8px;
  --mgnl-input-md-padding-input-wrapper: 0 0 0 12px; /* input combines various elements, e.g. a descriptive icon, an icon-button, or a button. thus the overall input padding is distributed among child components to always look as intended. */
  --mgnl-input-md-padding-descriptive-icon: 10px 8px 10px 0;
  --mgnl-input-md-padding-text-wrapper: 10px 12px 10px 0;
  --mgnl-input-md-padding-text-wrapper-link-field: 10px 12px;
  --mgnl-input-md-padding-combo-box-wrapper: 6px 6px;
  --mgnl-input-md-gap-combo-box-wrapper: 4px;
  --mgnl-input-md-min-height: 38px;
  --mgnl-input-md-typography: 400 14px/18px Inter;
  --mgnl-input-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-input-sm-border-radius: 8px;
  --mgnl-input-sm-padding-input-wrapper: 0 0 0 10px;
  --mgnl-input-sm-padding-descriptive-icon: 8px 8px 8px 0;
  --mgnl-input-sm-padding-text-wrapper: 8px 10px 8px 0;
  --mgnl-input-sm-padding-text-wrapper-link-field: 8px 10px;
  --mgnl-input-sm-gap-combo-box-wrapper: 4px;
  --mgnl-input-sm-min-height: 34px;
  --mgnl-input-sm-typography: 400 14px/18px Inter;
  --mgnl-input-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-input-xs-border-radius: 8px;
  --mgnl-input-xs-padding-input-wrapper: 0 0 0 8px;
  --mgnl-input-xs-padding-descriptive-icon: 6px 6px 6px 0;
  --mgnl-input-xs-padding-text-wrapper: 6px 8px 6px 0;
  --mgnl-input-xs-padding-text-wrapper-link-field: 6px 8px;
  --mgnl-input-xs-gap-combo-box-wrapper: 4px;
  --mgnl-input-xs-min-height: 30px;
  --mgnl-input-xs-typography: 400 14px/18px Inter;
  --mgnl-input-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-input-neutral-color-background-default: #ffffff;
  --mgnl-input-neutral-color-background-hover: #ffffff;
  --mgnl-input-neutral-color-background-disabled: rgba(200, 197, 205, 0.3);
  --mgnl-input-neutral-color-background-focus: #ffffff;
  --mgnl-input-neutral-color-background-error: #ffffff;
  --mgnl-input-neutral-color-text-default: #28252e;
  --mgnl-input-neutral-color-text-hover: #28252e;
  --mgnl-input-neutral-color-text-disabled: #918a9b;
  --mgnl-input-neutral-color-text-focus: #28252e;
  --mgnl-input-neutral-color-text-error: #28252e;
  --mgnl-input-neutral-color-text-placeholder: #756d80;
  --mgnl-input-neutral-color-descriptive-icon-default: #aba6b3;
  --mgnl-input-neutral-color-descriptive-icon-hover: #aba6b3;
  --mgnl-input-neutral-color-descriptive-icon-disabled: #c8c5cd;
  --mgnl-input-neutral-color-descriptive-icon-focus: #aba6b3;
  --mgnl-input-neutral-color-descriptive-icon-error: #aba6b3;
  --mgnl-input-neutral-border-default: 1px solid #c8c5cd;
  --mgnl-input-neutral-border-hover: 1px solid #aba6b3;
  --mgnl-input-neutral-border-disabled: 1px solid rgba(0, 0, 0, 0);
  --mgnl-input-neutral-border-focus: 1px solid #00a259;
  --mgnl-input-neutral-border-error: 1px solid #fb5034;
  --mgnl-textarea-md-border-radius: 8px;
  --mgnl-textarea-md-padding-block: 8px;
  --mgnl-textarea-md-padding-inline: 12px;
  --mgnl-textarea-md-typography: 400 14px/22px Inter;
  --mgnl-textarea-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-textarea-sm-border-radius: 8px;
  --mgnl-textarea-sm-padding-block: 6px;
  --mgnl-textarea-sm-padding-inline: 10px;
  --mgnl-textarea-sm-typography: 400 14px/22px Inter;
  --mgnl-textarea-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-textarea-xs-border-radius: 8px;
  --mgnl-textarea-xs-padding-block: 4px;
  --mgnl-textarea-xs-padding-inline: 8px;
  --mgnl-textarea-xs-typography: 400 14px/22px Inter;
  --mgnl-textarea-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-textarea-neutral-color-background-default: #ffffff;
  --mgnl-textarea-neutral-color-background-hover: #ffffff;
  --mgnl-textarea-neutral-color-background-disabled: rgba(200, 197, 205, 0.3);
  --mgnl-textarea-neutral-color-background-focus: #ffffff;
  --mgnl-textarea-neutral-color-background-error: #ffffff;
  --mgnl-textarea-neutral-color-text-default: #28252e;
  --mgnl-textarea-neutral-color-text-hover: #28252e;
  --mgnl-textarea-neutral-color-text-disabled: #918a9b;
  --mgnl-textarea-neutral-color-text-focus: #28252e;
  --mgnl-textarea-neutral-color-text-error: #28252e;
  --mgnl-textarea-neutral-color-text-placeholder: #756d80;
  --mgnl-textarea-neutral-border-default: 1px solid #c8c5cd;
  --mgnl-textarea-neutral-border-hover: 1px solid #aba6b3;
  --mgnl-textarea-neutral-border-disabled: 1px solid #f5f4f6;
  --mgnl-textarea-neutral-border-focus: 1px solid #00a259;
  --mgnl-textarea-neutral-border-error: 1px solid #fb5034;
  --mgnl-dropdown-menu-md-border-radius: 8px;
  --mgnl-dropdown-menu-md-padding: 6px 0;
  --mgnl-dropdown-menu-md-scrollbar-right-margin: 6px;
  --mgnl-dropdown-menu-md-scrollbar-items-gap: -12px;
  --mgnl-dropdown-menu-md-filter-items-gap: 6px;
  --mgnl-dropdown-menu-neutral-color-background: #ffffff;
  --mgnl-dropdown-menu-neutral-border: 1px solid #c8c5cd;
  --mgnl-dropdown-menu-neutral-elevation: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 4px 0 rgba(40, 37, 46, 0.5);
  --mgnl-dropdown-menu-item-md-border-radius-default: 0;
  --mgnl-dropdown-menu-item-md-padding: 5px 10px;
  --mgnl-dropdown-menu-item-md-gap: 6px;
  --mgnl-dropdown-menu-item-md-min-height: 38px;
  --mgnl-dropdown-menu-item-md-content-wrapper-padding: 0 4px;
  --mgnl-dropdown-menu-item-md-content-wrapper-gap: 2px;
  --mgnl-dropdown-menu-item-md-checkmark-padding-right: 10px;
  --mgnl-dropdown-menu-item-md-typography-label-unselected: 400 14px/18px Inter;
  --mgnl-dropdown-menu-item-md-typography-label-selected: 550 14px/18px Inter;
  --mgnl-dropdown-menu-item-md-typography-description-unselected: 400 12px/16px Inter;
  --mgnl-dropdown-menu-item-md-typography-description-selected: 400 12px/16px Inter;
  --mgnl-dropdown-menu-item-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-dropdown-menu-item-unselected-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-dropdown-menu-item-unselected-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-dropdown-menu-item-unselected-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-dropdown-menu-item-unselected-color-background-focus: rgba(200, 197, 205, 0.3);
  --mgnl-dropdown-menu-item-unselected-color-icon-default: #756d80;
  --mgnl-dropdown-menu-item-unselected-color-icon-hover: #3c3743;
  --mgnl-dropdown-menu-item-unselected-color-icon-disabled: #aba6b3;
  --mgnl-dropdown-menu-item-unselected-color-icon-focus: #3c3743;
  --mgnl-dropdown-menu-item-unselected-color-label-default: #28252e;
  --mgnl-dropdown-menu-item-unselected-color-label-hover: #28252e;
  --mgnl-dropdown-menu-item-unselected-color-label-disabled: #918a9b;
  --mgnl-dropdown-menu-item-unselected-color-label-focus: #28252e;
  --mgnl-dropdown-menu-item-unselected-color-description-default: #756d80;
  --mgnl-dropdown-menu-item-unselected-color-description-hover: #756d80;
  --mgnl-dropdown-menu-item-unselected-color-description-disabled: #918a9b;
  --mgnl-dropdown-menu-item-unselected-color-description-focus: #756d80;
  --mgnl-dropdown-menu-item-unselected-color-checkmark-default: rgba(0, 0, 0, 0);
  --mgnl-dropdown-menu-item-unselected-color-checkmark-hover: #756d80;
  --mgnl-dropdown-menu-item-unselected-color-checkmark-disabled: rgba(0, 0, 0, 0);
  --mgnl-dropdown-menu-item-unselected-color-checkmark-focus: #756d80;
  --mgnl-dropdown-menu-item-selected-color-background-default: #b6edc7;
  --mgnl-dropdown-menu-item-selected-color-background-hover: #7fd99f;
  --mgnl-dropdown-menu-item-selected-color-background-disabled: #e8f8ed;
  --mgnl-dropdown-menu-item-selected-color-background-focus: #7fd99f;
  --mgnl-dropdown-menu-item-selected-color-icon-default: #008246;
  --mgnl-dropdown-menu-item-selected-color-icon-hover: #154127;
  --mgnl-dropdown-menu-item-selected-color-icon-disabled: #00a259;
  --mgnl-dropdown-menu-item-selected-color-icon-focus: #154127;
  --mgnl-dropdown-menu-item-selected-color-label-default: #0c5f34;
  --mgnl-dropdown-menu-item-selected-color-label-hover: #154127;
  --mgnl-dropdown-menu-item-selected-color-label-disabled: #00a259;
  --mgnl-dropdown-menu-item-selected-color-label-focus: #154127;
  --mgnl-dropdown-menu-item-selected-color-description-default: #0c5f34;
  --mgnl-dropdown-menu-item-selected-color-description-hover: #154127;
  --mgnl-dropdown-menu-item-selected-color-description-disabled: #00a259;
  --mgnl-dropdown-menu-item-selected-color-description-focus: #154127;
  --mgnl-dropdown-menu-item-selected-color-checkmark-default: #00a259;
  --mgnl-dropdown-menu-item-selected-color-checkmark-hover: #0c5f34;
  --mgnl-dropdown-menu-item-selected-color-checkmark-disabled: #4cbd7a;
  --mgnl-dropdown-menu-item-selected-color-checkmark-focus: #0c5f34;
  --mgnl-dropdown-menu-divider-padding-block: 6px;
  --mgnl-dropdown-menu-divider-color: #f5f4f6;
  --mgnl-checkbox-md-border-radius: 4px;
  --mgnl-checkbox-md-icon-size: 12px;
  --mgnl-checkbox-md-checkmark-padding: 2px;
  --mgnl-checkbox-md-checkmark-wrapper-padding-block: 1px;
  --mgnl-checkbox-md-checkmark-wrapper-padding-inline: 0;
  --mgnl-checkbox-md-gap: 8px;
  --mgnl-checkbox-md-typography: 400 14px/18px Inter;
  --mgnl-checkbox-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-checkbox-unchecked-color-icon-default: rgba(0, 0, 0, 0);
  --mgnl-checkbox-unchecked-color-icon-hover: rgba(0, 0, 0, 0);
  --mgnl-checkbox-unchecked-color-icon-disabled: rgba(0, 0, 0, 0);
  --mgnl-checkbox-unchecked-color-icon-focus: rgba(0, 0, 0, 0);
  --mgnl-checkbox-unchecked-color-fill-default: #ffffff;
  --mgnl-checkbox-unchecked-color-fill-hover: #ffffff;
  --mgnl-checkbox-unchecked-color-fill-disabled: rgba(200, 197, 205, 0.5);
  --mgnl-checkbox-unchecked-color-fill-focus: #ffffff;
  --mgnl-checkbox-unchecked-color-label-default: #28252e;
  --mgnl-checkbox-unchecked-color-label-hover: #28252e;
  --mgnl-checkbox-unchecked-color-label-disabled: #918a9b;
  --mgnl-checkbox-unchecked-color-label-focus: #28252e;
  --mgnl-checkbox-unchecked-border-default: 1px solid #c8c5cd;
  --mgnl-checkbox-unchecked-border-hover: 1px solid #aba6b3;
  --mgnl-checkbox-unchecked-border-disabled: 0 solid rgba(0, 0, 0, 0);
  --mgnl-checkbox-unchecked-border-focus: 1px solid #c8c5cd;
  --mgnl-checkbox-checked-color-icon-default: #ffffff;
  --mgnl-checkbox-checked-color-icon-hover: #ffffff;
  --mgnl-checkbox-checked-color-icon-disabled: #ffffff;
  --mgnl-checkbox-checked-color-icon-focus: #ffffff;
  --mgnl-checkbox-checked-color-fill-default: #008246;
  --mgnl-checkbox-checked-color-fill-hover: #0c5f34;
  --mgnl-checkbox-checked-color-fill-disabled: #918a9b;
  --mgnl-checkbox-checked-color-fill-focus: #008246;
  --mgnl-checkbox-checked-color-label-default: #28252e;
  --mgnl-checkbox-checked-color-label-hover: #28252e;
  --mgnl-checkbox-checked-color-label-disabled: #918a9b;
  --mgnl-checkbox-checked-color-label-focus: #28252e;
  --mgnl-checkbox-checked-border-default: 1px solid #008246;
  --mgnl-checkbox-checked-border-hover: 1px solid #0c5f34;
  --mgnl-checkbox-checked-border-disabled: 1px solid #918a9b;
  --mgnl-checkbox-checked-border-focus: 1px solid #008246;
  --mgnl-checkbox-radio-list-md-border-radius: 8px;
  --mgnl-checkbox-radio-list-md-padding: 10px;
  --mgnl-checkbox-radio-list-md-gap: 8px;
  --mgnl-checkbox-radio-list-neutral-background-default: #ffffff;
  --mgnl-checkbox-radio-list-neutral-background-error: #ffffff;
  --mgnl-checkbox-radio-list-neutral-background-disabled: rgba(200, 197, 205, 0.3);
  --mgnl-checkbox-radio-list-neutral-border-default: 1px dashed #e1dfe4;
  --mgnl-checkbox-radio-list-neutral-border-error: 1px solid #fb5034;
  --mgnl-checkbox-radio-list-neutral-border-disabled: 1px solid rgba(0, 0, 0, 0);
  --mgnl-radio-button-md-border-radius: 100px;
  --mgnl-radio-button-md-gap: 8px;
  --mgnl-radio-button-md-dot-size: 10px 10px;
  --mgnl-radio-button-md-outline-size: 18px 18px;
  --mgnl-radio-button-md-typography: 400 14px/18px Inter;
  --mgnl-radio-button-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-radio-button-unchecked-color-dot-default: rgba(0, 0, 0, 0);
  --mgnl-radio-button-unchecked-color-dot-hover: rgba(0, 0, 0, 0);
  --mgnl-radio-button-unchecked-color-dot-disabled: rgba(0, 0, 0, 0);
  --mgnl-radio-button-unchecked-color-dot-focus: rgba(0, 0, 0, 0);
  --mgnl-radio-button-unchecked-color-fill-default: #ffffff;
  --mgnl-radio-button-unchecked-color-fill-hover: #ffffff;
  --mgnl-radio-button-unchecked-color-fill-disabled: rgba(200, 197, 205, 0.5);
  --mgnl-radio-button-unchecked-color-fill-focus: #ffffff;
  --mgnl-radio-button-unchecked-color-label-default: #28252e;
  --mgnl-radio-button-unchecked-color-label-hover: #28252e;
  --mgnl-radio-button-unchecked-color-label-disabled: #918a9b;
  --mgnl-radio-button-unchecked-color-label-focus: #28252e;
  --mgnl-radio-button-unchecked-border-default: 1px solid #c8c5cd;
  --mgnl-radio-button-unchecked-border-hover: 1px solid #aba6b3;
  --mgnl-radio-button-unchecked-border-disabled: 1px solid #e1dfe4;
  --mgnl-radio-button-unchecked-border-focus: 1px solid #c8c5cd;
  --mgnl-radio-button-checked-color-dot-default: #008246;
  --mgnl-radio-button-checked-color-dot-hover: #008246;
  --mgnl-radio-button-checked-color-dot-disabled: #918a9b;
  --mgnl-radio-button-checked-color-dot-focus: #008246;
  --mgnl-radio-button-checked-color-fill-default: #ffffff;
  --mgnl-radio-button-checked-color-fill-hover: #ffffff;
  --mgnl-radio-button-checked-color-fill-disabled: #e1dfe4;
  --mgnl-radio-button-checked-color-fill-focus: #ffffff;
  --mgnl-radio-button-checked-color-label-default: #28252e;
  --mgnl-radio-button-checked-color-label-hover: #28252e;
  --mgnl-radio-button-checked-color-label-disabled: #918a9b;
  --mgnl-radio-button-checked-color-label-focus: #28252e;
  --mgnl-radio-button-checked-border-default: 1px solid #008246;
  --mgnl-radio-button-checked-border-hover: 1px solid #0c5f34;
  --mgnl-radio-button-checked-border-disabled: 1px solid #e1dfe4;
  --mgnl-radio-button-checked-border-focus: 1px solid #008246;
  --mgnl-slider-wrapper-md-gap: 2px;
  --mgnl-slider-wrapper-md-padding-block: 9px;
  --mgnl-slider-track-md-border-radius: 100px;
  --mgnl-slider-track-md-height: 4px;
  --mgnl-slider-track-empty-color-background-default: #c8c5cd;
  --mgnl-slider-track-empty-color-background-disabled: rgba(200, 197, 205, 0.5);
  --mgnl-slider-track-filled-color-background-default: #008246;
  --mgnl-slider-track-filled-color-background-disabled: #918a9b;
  --mgnl-slider-mark-md-border-radius: 100px;
  --mgnl-slider-mark-md-size: 10px;
  --mgnl-slider-mark-empty-color-background-default: #ffffff;
  --mgnl-slider-mark-empty-color-background-disabled: #ffffff;
  --mgnl-slider-mark-empty-border-default: 2px solid #c8c5cd;
  --mgnl-slider-mark-empty-border-disabled: 2px solid rgba(200, 197, 205, 0.5);
  --mgnl-slider-mark-filled-color-background-default: #ffffff;
  --mgnl-slider-mark-filled-color-background-disabled: #ffffff;
  --mgnl-slider-mark-filled-border-default: 2px solid #008246;
  --mgnl-slider-mark-filled-border-disabled: 2px solid #918a9b;
  --mgnl-slider-mark-label-md-padding-top: 2px;
  --mgnl-slider-mark-label-md-typography: 400 12px/16px Inter;
  --mgnl-slider-mark-label-neutral-color-text: #756d80;
  --mgnl-slider-thumb-md-border-radius: 100px;
  --mgnl-slider-thumb-md-size: 20px;
  --mgnl-slider-thumb-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-slider-thumb-neutral-color-background-default: #008246;
  --mgnl-slider-thumb-neutral-color-background-hover: #0c5f34;
  --mgnl-slider-thumb-neutral-color-background-disabled: #918a9b;
  --mgnl-slider-thumb-neutral-color-background-focus: #008246;
  --mgnl-slider-thumb-neutral-border-default: 2px solid #ffffff;
  --mgnl-slider-value-md-typography: 400 14px/18px Inter;
  --mgnl-slider-value-neutral-color-text: #564f60;
  --mgnl-switch-md-border-radius: 100px;
  --mgnl-switch-md-height: 18px;
  --mgnl-switch-md-width: 32px;
  --mgnl-switch-md-toggle-size: 12px;
  --mgnl-switch-md-padding: 2px;
  --mgnl-switch-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-switch-md-translate-x: 14px; /* dimension.1 supplies 1px border around the switch */
  --mgnl-switch-off-color-toggle-default: #918a9b;
  --mgnl-switch-off-color-toggle-hover: #756d80;
  --mgnl-switch-off-color-toggle-disabled: #918a9b;
  --mgnl-switch-off-color-toggle-focus: #918a9b;
  --mgnl-switch-off-color-fill-default: #ffffff;
  --mgnl-switch-off-color-fill-hover: #ffffff;
  --mgnl-switch-off-color-fill-disabled: rgba(200, 197, 205, 0.5);
  --mgnl-switch-off-color-fill-focus: #ffffff;
  --mgnl-switch-off-border-default: 1px solid #c8c5cd;
  --mgnl-switch-off-border-hover: 1px solid #aba6b3;
  --mgnl-switch-off-border-disabled: 1px solid #e1dfe4;
  --mgnl-switch-off-border-focus: 1px solid #c8c5cd;
  --mgnl-switch-on-color-toggle-default: #ffffff;
  --mgnl-switch-on-color-toggle-hover: #ffffff;
  --mgnl-switch-on-color-toggle-disabled: #ffffff;
  --mgnl-switch-on-color-toggle-focus: #ffffff;
  --mgnl-switch-on-color-fill-default: #008246;
  --mgnl-switch-on-color-fill-hover: #0c5f34;
  --mgnl-switch-on-color-fill-disabled: #918a9b;
  --mgnl-switch-on-color-fill-focus: #008246;
  --mgnl-switch-on-border-default: 1px solid #008246;
  --mgnl-switch-on-border-hover: 1px solid #0c5f34;
  --mgnl-switch-on-border-disabled: 1px solid #918a9b;
  --mgnl-switch-on-border-focus: 1px solid #008246;
  --mgnl-switch-form-group-wrapper-md-padding-top: 10px;
  --mgnl-switch-form-group-wrapper-md-padding-right: 4px;
  --mgnl-switch-form-group-wrapper-md-padding-bottom: 10px;
  --mgnl-switch-form-group-wrapper-md-padding-left: 0;
  --mgnl-switch-form-group-wrapper-md-padding-all: 10px 4px 10px 0;
  --mgnl-date-picker-day-md-border-radius: 100px;
  --mgnl-date-picker-day-md-size: 38px;
  --mgnl-date-picker-day-md-typography-default: 400 14px/18px Inter;
  --mgnl-date-picker-day-md-typography-selected: 550 14px/18px Inter;
  --mgnl-date-picker-day-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-date-picker-day-neutral-color-background-hover: #e8f8ed;
  --mgnl-date-picker-day-neutral-color-background-selected: #008246;
  --mgnl-date-picker-day-neutral-color-background-range: #b6edc7;
  --mgnl-date-picker-day-neutral-color-label-default: #28252e;
  --mgnl-date-picker-day-neutral-color-label-today: #008246;
  --mgnl-date-picker-day-neutral-color-label-hover: #28252e;
  --mgnl-date-picker-day-neutral-color-label-selected: #ffffff;
  --mgnl-date-picker-day-neutral-opacity-label-outside: 0.7;
  --mgnl-date-picker-day-neutral-opacity-label-disabled: 0.5;
  --mgnl-date-picker-day-neutral-border-default: 0 solid rgba(0, 0, 0, 0);
  --mgnl-date-picker-day-neutral-border-hover: 2px solid #00a259;
  --mgnl-date-picker-weekday-md-typography: 550 14px/18px Inter;
  --mgnl-date-picker-weekday-neutral-opacity-label: 0.7;
  --mgnl-date-picker-action-xs-border-radius: 8px;
  --mgnl-date-picker-action-xs-action-size: 30px;
  --mgnl-date-picker-action-xs-icon-size: 16px;
  --mgnl-date-picker-action-xs-padding: 4px 6px;
  --mgnl-date-picker-action-xs-typography: 400 17px/22px Inter;
  --mgnl-date-picker-action-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-date-picker-action-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-date-picker-action-neutral-color-label-default: #28252e;
  --mgnl-date-picker-action-neutral-color-icon-default: #564f60;
  --mgnl-date-picker-action-neutral-color-icon-hover: #28252e;
  --mgnl-date-picker-action-neutral-opacity-icon-disabled: 0.5;
  --mgnl-form-md-form-group-gap: 4px;
  --mgnl-form-group-md-border-radius: 8px;
  --mgnl-form-group-md-padding: 6px;
  --mgnl-form-group-md-input-validation-gap: -8px;
  --mgnl-form-group-md-end-actions-gap: -8px;
  --mgnl-form-group-md-input-width: 450px;
  --mgnl-form-group-md-height-dragged-item: 50px;
  --mgnl-form-group-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-form-group-lg-input-width: 900px;
  --mgnl-form-group-neutral-background-default: #ffffff;
  --mgnl-form-group-neutral-background-drag-handle-on-hover: #ffffff;
  --mgnl-form-group-neutral-background-dragged-item: rgba(255, 255, 255, 0.9);
  --mgnl-form-group-neutral-background-ghost: #ffffff;
  --mgnl-form-group-neutral-elevation-default: 0 0 1px 0 transparent, 0 1px 2px 0 transparent;
  --mgnl-form-group-neutral-elevation-drag-handle-on-hover: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-form-group-neutral-elevation-dragged-item: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-form-group-neutral-elevation-ghost: 0 0 1px 0 transparent, 0 1px 2px 0 transparent;
  --mgnl-form-group-neutral-opacity-default: 1;
  --mgnl-form-group-neutral-opacity-drag-handle-on-hover: 1;
  --mgnl-form-group-neutral-opacity-dragged-item: 1;
  --mgnl-form-group-neutral-opacity-ghost: 0.3;
  --mgnl-form-group-neutral-inner-shadow-dragged-item: inset 0 -8px 8px 0 #ffffff;
  --mgnl-form-group-required-symbol-md-padding: 10px 12px;
  --mgnl-form-group-required-symbol-default-color-background: #ffffff;
  --mgnl-form-group-required-symbol-default-color-icon: #aba6b3;
  --mgnl-form-group-required-symbol-success-color-background: #ffffff;
  --mgnl-form-group-required-symbol-success-color-icon: #00a259;
  --mgnl-form-group-required-symbol-danger-color-background: #ffffff;
  --mgnl-form-group-required-symbol-danger-color-icon: #fb5034;
  --mgnl-form-group-label-md-label-padding-top: 10px;
  --mgnl-form-group-label-md-label-padding-right: 12px;
  --mgnl-form-group-label-md-label-padding-bottom: 6px;
  --mgnl-form-group-label-md-label-padding-left: 4px;
  --mgnl-form-group-label-md-label-padding-right-aligned-all: 10px 12px 6px 12px;
  --mgnl-form-group-label-md-label-padding-top-aligned-all: 10px 12px 6px 4px;
  --mgnl-form-group-label-md-width: 268px; /* right-aligned label has fixed size width */
  --mgnl-form-group-label-md-icon-height: 34px; /* icon is clipped from the top to the height of line-height and padding, so we can set the same padding both for wide and stacked positioning. */
  --mgnl-form-group-label-md-icon-label-gap: -12px;
  --mgnl-form-group-label-md-typography-default: 400 14px/18px Inter;
  --mgnl-form-group-label-md-typography-strong: 550 14px/18px Inter;
  --mgnl-form-group-label-neutral-background-transparent: rgba(0, 0, 0, 0);
  --mgnl-form-group-label-neutral-background-surface-default: #ffffff;
  --mgnl-form-group-label-neutral-label: #564f60;
  --mgnl-form-group-validation-md-border-radius: 0 0 8px 8px;
  --mgnl-form-group-validation-md-padding-top: 18px; /* temp token, until this Studio Tokens bug is resolved: https://github.com/tokens-studio/figma-plugin/issues/2257 */
  --mgnl-form-group-validation-md-padding: 18px 12px 10px;
  --mgnl-form-group-validation-md-gap: 6px;
  --mgnl-form-group-validation-md-typography: 400 14px/18px Inter;
  --mgnl-form-group-validation-neutral-color-background: #f5f4f6;
  --mgnl-form-group-validation-neutral-color-text-default: #756d80;
  --mgnl-form-group-validation-neutral-color-text-counter-over-limit: #d13715;
  --mgnl-form-group-validation-danger-color-background: #fed8d2;
  --mgnl-form-group-validation-danger-color-text-default: #9b270c;
  --mgnl-form-group-validation-danger-color-text-counter-over-limit: #9b270c;
  --mgnl-fieldset-md-border-radius: 8px;
  --mgnl-fieldset-md-outer-wrapper-padding: 6px;
  --mgnl-fieldset-md-header-padding-inline: 12px;
  --mgnl-fieldset-md-header-padding-block: 0;
  --mgnl-fieldset-md-items-padding-top: 25px;
  --mgnl-fieldset-md-items-padding-all: 25px 6px 6px 6px;
  --mgnl-fieldset-md-add-action-padding-left: 312px;
  --mgnl-fieldset-md-add-action-padding-all: 6px 6px 6px 312px;
  --mgnl-fieldset-md-label-items-gap: -19px;
  --mgnl-fieldset-md-items-add-action-gap: 4px;
  --mgnl-fieldset-md-input-validation-gap: -8px;
  --mgnl-fieldset-md-end-actions-gap: -8px;
  --mgnl-fieldset-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-fieldset-neutral-background-default: #ffffff;
  --mgnl-fieldset-neutral-background-drag-handle-on-hover: #ffffff;
  --mgnl-fieldset-neutral-background-dragged-item: rgba(255, 255, 255, 0.9);
  --mgnl-fieldset-neutral-background-ghost: #ffffff;
  --mgnl-fieldset-neutral-elevation-default: 0 0 1px 0 transparent, 0 1px 2px 0 transparent;
  --mgnl-fieldset-neutral-elevation-drag-handle-on-hover: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-fieldset-neutral-elevation-dragged-item: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 2px 0 rgba(40, 37, 46, 0.5);
  --mgnl-fieldset-neutral-elevation-ghost: 0 0 1px 0 transparent, 0 1px 2px 0 transparent;
  --mgnl-fieldset-neutral-opacity-default: 1;
  --mgnl-fieldset-neutral-opacity-drag-handle-on-hover: 1;
  --mgnl-fieldset-neutral-opacity-dragged-item: 1;
  --mgnl-fieldset-neutral-opacity-ghost: 0.3;
  --mgnl-fieldset-neutral-border-default: 1px dashed #e1dfe4;
  --mgnl-fieldset-neutral-border-hover: 1px solid #c8c5cd;
  --mgnl-fieldset-neutral-border-focus-within: 1px solid #aba6b3;
  --mgnl-fieldset-neutral-border-danger: 1px solid #fb5034;
  --mgnl-fieldset-neutral-border-error: 1px solid #fb5034;
  --mgnl-fieldset-neutral-border-success: 1px dashed #e1dfe4;
  --mgnl-drop-indicator-line-height: 2px;
  --mgnl-drop-indicator-dot-size: 6px;
  --mgnl-drop-indicator-padding-inline: 16px;
  --mgnl-drop-indicator-color-background-default: #00a259;
  --mgnl-badge-md-border-radius: 100px;
  --mgnl-badge-md-padding: 2px 6px;
  --mgnl-badge-md-typography: 400 14px/18px Inter;
  --mgnl-badge-md-min-width: 22px; /* min-width is equal to type’s line-height + top/down padding, so it’s round with a single digit. Tokens studio cannot reference it via defined badge tokens, that is why calculation is done through core tokens. */
  --mgnl-badge-sm-border-radius: 100px;
  --mgnl-badge-sm-padding: 2px 4px;
  --mgnl-badge-sm-typography: 550 12px/16px Inter;
  --mgnl-badge-sm-min-width: 20px; /* min-width is equal to type’s line-height + top/down padding, so it’s round with a single digit. Tokens studio cannot reference it via defined badge tokens, that is why calculation is done through core tokens. */
  --mgnl-badge-neutral-color-label-default: #ffffff;
  --mgnl-badge-neutral-color-background-default: #756d80;
  --mgnl-badge-primary-color-label-default: #ffffff;
  --mgnl-badge-primary-color-background-default: #008246;
  --mgnl-badge-danger-color-label-default: #ffffff;
  --mgnl-badge-danger-color-background-default: #d13715;
  --mgnl-tag-md-border-radius: 4px;
  --mgnl-tag-md-padding-inline: 8px;
  --mgnl-tag-md-close-button-left-margin: -8px;
  --mgnl-tag-md-height: 24px;
  --mgnl-tag-md-typography: 400 14px/18px Inter;
  --mgnl-tag-neutral-color-label-default: #564f60;
  --mgnl-tag-neutral-color-background-default: #e1dfe4;
  --mgnl-tag-neutral-color-close-icon-default: #aba6b3;
  --mgnl-tag-neutral-color-close-icon-hover: #564f60;
  --mgnl-tag-neutral-color-close-icon-background-default: rgba(0, 0, 0, 0);
  --mgnl-tag-neutral-color-close-icon-background-hover: rgba(0, 0, 0, 0);
  --mgnl-tag-neutral-border-default: 1px solid #c8c5cd;
  --mgnl-tag-success-color-label-default: #0c5f34;
  --mgnl-tag-success-color-background-default: #b6edc7;
  --mgnl-tag-success-color-close-icon-default: #4cbd7a;
  --mgnl-tag-success-color-close-icon-hover: #008246;
  --mgnl-tag-success-color-close-icon-background-default: rgba(0, 0, 0, 0);
  --mgnl-tag-success-color-close-icon-background-hover: rgba(0, 0, 0, 0);
  --mgnl-tag-success-border-default: 1px solid #7fd99f;
  --mgnl-tag-warning-color-label-default: #6c4d0c;
  --mgnl-tag-warning-color-background-default: #ffdc94;
  --mgnl-tag-warning-color-close-icon-default: #d69f00;
  --mgnl-tag-warning-color-close-icon-hover: #926900;
  --mgnl-tag-warning-color-close-icon-background-default: rgba(0, 0, 0, 0);
  --mgnl-tag-warning-color-close-icon-background-hover: rgba(0, 0, 0, 0);
  --mgnl-tag-warning-border-default: 1px solid #fbbc00;
  --mgnl-tag-danger-color-label-default: #9b270c;
  --mgnl-tag-danger-color-background-default: #fed8d2;
  --mgnl-tag-danger-color-close-icon-default: #fc8773;
  --mgnl-tag-danger-color-close-icon-hover: #d13715;
  --mgnl-tag-danger-color-close-icon-background-default: rgba(0, 0, 0, 0);
  --mgnl-tag-danger-color-close-icon-background-hover: rgba(0, 0, 0, 0);
  --mgnl-tag-danger-border-default: 1px solid #fdb4aa;
  --mgnl-tag-info-color-label-default: #144cb1;
  --mgnl-tag-info-color-background-default: #c9e3ff;
  --mgnl-tag-info-color-close-icon-default: #6aaaff;
  --mgnl-tag-info-color-close-icon-hover: #0067f5;
  --mgnl-tag-info-color-close-icon-background-default: rgba(0, 0, 0, 0);
  --mgnl-tag-info-color-close-icon-background-hover: rgba(0, 0, 0, 0);
  --mgnl-tag-info-border-default: 1px solid #9dcaff;
  --mgnl-chip-md-border-radius-standalone: 8px;
  --mgnl-chip-md-border-radius-first: 8px 0 0 8px;
  --mgnl-chip-md-border-radius-middle: 0;
  --mgnl-chip-md-border-radius-last: 0 8px 8px 0;
  --mgnl-chip-md-padding-block: 10px;
  --mgnl-chip-md-padding-inline: 12px;
  --mgnl-chip-md-height: 38px;
  --mgnl-chip-md-icon-label-gap: 8px;
  --mgnl-chip-md-typography-label: 400 14px/18px Inter;
  --mgnl-chip-md-typography-data: 550 14px/18px Inter;
  --mgnl-chip-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-chip-sm-border-radius-standalone: 8px;
  --mgnl-chip-sm-border-radius-first: 8px 0 0 8px;
  --mgnl-chip-sm-border-radius-middle: 0;
  --mgnl-chip-sm-border-radius-last: 0 8px 8px 0;
  --mgnl-chip-sm-padding-block: 8px;
  --mgnl-chip-sm-padding-inline: 10px;
  --mgnl-chip-sm-height: 34px;
  --mgnl-chip-sm-icon-label-gap: 8px;
  --mgnl-chip-sm-typography-label: 400 14px/18px Inter;
  --mgnl-chip-sm-typography-data: 550 14px/18px Inter;
  --mgnl-chip-sm-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-chip-xs-border-radius-standalone: 8px;
  --mgnl-chip-xs-border-radius-first: 8px 0 0 8px;
  --mgnl-chip-xs-border-radius-middle: 0;
  --mgnl-chip-xs-border-radius-last: 0 8px 8px 0;
  --mgnl-chip-xs-padding-block: 6px;
  --mgnl-chip-xs-padding-inline: 8px;
  --mgnl-chip-xs-height: 30px;
  --mgnl-chip-xs-icon-label-gap: 6px;
  --mgnl-chip-xs-typography-label: 400 14px/18px Inter;
  --mgnl-chip-xs-typography-data: 550 14px/18px Inter;
  --mgnl-chip-xs-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-chip-unselected-color-background-default: #ffffff;
  --mgnl-chip-unselected-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-chip-unselected-color-background-active: rgba(200, 197, 205, 0.3);
  --mgnl-chip-unselected-color-background-disabled: rgba(200, 197, 205, 0.3);
  --mgnl-chip-unselected-color-background-focus: #ffffff;
  --mgnl-chip-unselected-color-label-default: #28252e;
  --mgnl-chip-unselected-color-label-hover: #28252e;
  --mgnl-chip-unselected-color-label-active: #28252e;
  --mgnl-chip-unselected-color-label-disabled: #918a9b;
  --mgnl-chip-unselected-color-label-focus: #28252e;
  --mgnl-chip-unselected-color-data-default: #28252e;
  --mgnl-chip-unselected-color-data-hover: #28252e;
  --mgnl-chip-unselected-color-data-active: #28252e;
  --mgnl-chip-unselected-color-data-disabled: #918a9b;
  --mgnl-chip-unselected-color-data-focus: #28252e;
  --mgnl-chip-unselected-color-descriptive-icon-default: #756d80;
  --mgnl-chip-unselected-color-descriptive-icon-hover: #3c3743;
  --mgnl-chip-unselected-color-descriptive-icon-active: #3c3743;
  --mgnl-chip-unselected-color-descriptive-icon-disabled: #aba6b3;
  --mgnl-chip-unselected-color-descriptive-icon-focus: #756d80;
  --mgnl-chip-unselected-color-action-icon-default: #aba6b3;
  --mgnl-chip-unselected-color-action-icon-hover: #564f60;
  --mgnl-chip-unselected-color-action-icon-active: #564f60;
  --mgnl-chip-unselected-color-action-icon-disabled: #c8c5cd;
  --mgnl-chip-unselected-color-action-icon-focus: #aba6b3;
  --mgnl-chip-unselected-border-default: 1px solid #c8c5cd;
  --mgnl-chip-unselected-border-hover: 1px solid #c8c5cd;
  --mgnl-chip-unselected-border-active: 1px solid #aba6b3;
  --mgnl-chip-unselected-border-disabled: 1px solid rgba(0, 0, 0, 0);
  --mgnl-chip-unselected-border-focus: 1px solid #c8c5cd;
  --mgnl-chip-selected-color-background-default: #e8f8ed;
  --mgnl-chip-selected-color-background-hover: #b6edc7;
  --mgnl-chip-selected-color-background-active: #b6edc7;
  --mgnl-chip-selected-color-background-disabled: #e8f8ed;
  --mgnl-chip-selected-color-background-focus: #e8f8ed;
  --mgnl-chip-selected-color-label-default: #0c5f34;
  --mgnl-chip-selected-color-label-hover: #154127;
  --mgnl-chip-selected-color-label-active: #154127;
  --mgnl-chip-selected-color-label-disabled: #008246;
  --mgnl-chip-selected-color-label-focus: #0c5f34;
  --mgnl-chip-selected-color-data-default: #0c5f34;
  --mgnl-chip-selected-color-data-hover: #154127;
  --mgnl-chip-selected-color-data-active: #154127;
  --mgnl-chip-selected-color-data-disabled: #008246;
  --mgnl-chip-selected-color-data-focus: #0c5f34;
  --mgnl-chip-selected-color-descriptive-icon-default: #008246;
  --mgnl-chip-selected-color-descriptive-icon-hover: #154127;
  --mgnl-chip-selected-color-descriptive-icon-active: #154127;
  --mgnl-chip-selected-color-descriptive-icon-disabled: #00a259;
  --mgnl-chip-selected-color-descriptive-icon-focus: #008246;
  --mgnl-chip-selected-color-action-icon-default: #4cbd7a;
  --mgnl-chip-selected-color-action-icon-hover: #008246;
  --mgnl-chip-selected-color-action-icon-active: #008246;
  --mgnl-chip-selected-color-action-icon-disabled: #7fd99f;
  --mgnl-chip-selected-color-action-icon-focus: #4cbd7a;
  --mgnl-chip-selected-border-default: 1px solid #00a259;
  --mgnl-chip-selected-border-hover: 1px solid #00a259;
  --mgnl-chip-selected-border-active: 1px solid #008246;
  --mgnl-chip-selected-border-disabled: 1px solid rgba(0, 0, 0, 0);
  --mgnl-chip-selected-border-focus: 1px solid #00a259;
  --mgnl-tab-md-border-radius-default: 0;
  --mgnl-tab-md-height: 42px;
  --mgnl-tab-md-padding-inline: 12px;
  --mgnl-tab-md-icon-label-gap: 8px;
  --mgnl-tab-md-close-button-left-margin: -12px;
  --mgnl-tab-md-typography-default: 400 14px/18px Inter;
  --mgnl-tab-md-typography-selected: 550 14px/18px Inter;
  --mgnl-tab-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-tab-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-tab-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-tab-neutral-color-background-selected: rgba(0, 0, 0, 0);
  --mgnl-tab-neutral-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-tab-neutral-color-background-focus: rgba(0, 0, 0, 0);
  --mgnl-tab-neutral-color-text-default: #28252e;
  --mgnl-tab-neutral-color-text-hover: #28252e;
  --mgnl-tab-neutral-color-text-selected: #28252e;
  --mgnl-tab-neutral-color-text-disabled: #918a9b;
  --mgnl-tab-neutral-color-text-focus: #28252e;
  --mgnl-tab-neutral-color-descriptive-icon-default: #aba6b3;
  --mgnl-tab-neutral-color-descriptive-icon-hover: #564f60;
  --mgnl-tab-neutral-color-descriptive-icon-selected: #00a259;
  --mgnl-tab-neutral-color-descriptive-icon-disabled: #c8c5cd;
  --mgnl-tab-neutral-color-descriptive-icon-focus: #aba6b3;
  --mgnl-tab-neutral-border-default: 1px solid #e1dfe4;
  --mgnl-tab-neutral-border-hover: 1px solid #c8c5cd;
  --mgnl-tab-neutral-border-selected: 3px solid #00a259;
  --mgnl-tab-neutral-border-disabled: 1px solid #e1dfe4;
  --mgnl-tab-neutral-border-focus: 1px solid #e1dfe4;
  --mgnl-tab-group-md-tab-gap: 0;
  --mgnl-tab-group-md-tab-group-padding-inline: 8px;
  --mgnl-tab-group-neutral-border-default: 1px solid #e1dfe4;
  --mgnl-tr-header-md-padding-inline: 8px;
  --mgnl-tr-header-neutral-border-default: 1px solid #e1dfe4;
  --mgnl-th-md-padding-inline: 8px;
  --mgnl-th-md-height: 38px;
  --mgnl-th-md-gap: 4px;
  --mgnl-th-md-typography-label: 550 14px/18px Inter;
  --mgnl-th-neutral-color-background-default: #ffffff;
  --mgnl-th-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-th-neutral-color-background-active: #ffffff;
  --mgnl-th-neutral-color-label-default: #28252e;
  --mgnl-th-sort-indicator-sorted-color-icon-default: #564f60;
  --mgnl-th-sort-indicator-sorted-color-icon-hover: #28252e;
  --mgnl-th-resize-handle-md-width-default: 1px;
  --mgnl-th-resize-handle-md-width-hover: 3px;
  --mgnl-th-resize-handle-md-height-default: 24px;
  --mgnl-th-resize-handle-md-height-hover: 38px;
  --mgnl-th-resize-handle-neutral-color-background-default: #e1dfe4;
  --mgnl-th-resize-handle-neutral-color-background-hover: #00a259;
  --mgnl-tr-md-padding-inline: 8px;
  --mgnl-tr-neutral-color-background-default: #ffffff;
  --mgnl-tr-neutral-color-background-hover: #f5f4f6;
  --mgnl-tr-neutral-color-background-selected: #e8f8ed;
  --mgnl-tr-neutral-color-background-selected-hover: #e8f8ed;
  --mgnl-tr-neutral-border-default: 1px solid #f5f4f6;
  --mgnl-tr-neutral-border-hover: 1px solid #e1dfe4;
  --mgnl-tr-neutral-border-selected: 1px solid #b6edc7;
  --mgnl-tr-neutral-border-selected-hover: 1px solid #7fd99f;
  --mgnl-tr-neutral-border-header: 1px solid #e1dfe4;
  --mgnl-td-md-padding-block: 2px;
  --mgnl-td-md-padding-inline: 8px;
  --mgnl-td-md-padding-tags-block: 5px;
  --mgnl-td-md-min-height: 38px;
  --mgnl-td-md-gap: 4px;
  --mgnl-td-md-nesting-icon-label-gap: -8px;
  --mgnl-td-md-nesting-offset: 24px;
  --mgnl-td-md-typography-data: 400 14px/18px Inter;
  --mgnl-td-md-typography-description: 400 12px/16px Inter;
  --mgnl-td-collapse-icon-md-size: 16px;
  --mgnl-td-collapse-icon-md-border-radius: 4px;
  --mgnl-td-collapse-icon-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-td-collapse-icon-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-td-collapse-icon-neutral-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-td-collapse-icon-neutral-color-icon-default: #756d80;
  --mgnl-td-collapse-icon-neutral-color-icon-hover: #3c3743;
  --mgnl-td-collapse-icon-neutral-color-icon-disabled: #aba6b3;
  --mgnl-search-term-highlight-md-border-radius: 3px;
  --mgnl-search-term-highlight-md-padding: 0 1px;
  --mgnl-search-term-highlight-md-font-weight: 550;
  --mgnl-search-term-highlight-neutral-color-text: #28252e;
  --mgnl-search-term-highlight-neutral-color-background: #c9e3ff;
  --mgnl-search-term-highlight-neutral-box-shadow: inset 0 0 0 1px #ffffff;
  --mgnl-dialog-md-border-radius-modal: 12px;
  --mgnl-dialog-md-border-radius-close: 8px;
  --mgnl-dialog-md-gap: 8px;
  --mgnl-dialog-md-margin: 32px;
  --mgnl-dialog-md-close-button-margin-top: 12px;
  --mgnl-dialog-md-max-width: 1100px;
  --mgnl-dialog-sm-max-width: 750px;
  --mgnl-dialog-xs-max-width: 500px;
  --mgnl-dialog-neutral-color-background-backdrop: rgba(40, 37, 46, 0.9);
  --mgnl-dialog-neutral-color-background-modal: #ffffff;
  --mgnl-dialog-neutral-color-background-close: rgba(255, 255, 255, 0.9);
  --mgnl-dialog-neutral-border-modal: 0 solid rgba(0, 0, 0, 0);
  --mgnl-dialog-neutral-border-close: 0 solid rgba(0, 0, 0, 0);
  --mgnl-dialog-neutral-blur-backdrop: 2px;
  --mgnl-dialog-neutral-drop-shadow-modal: 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 2px 6px 0 rgba(40, 37, 46, 0.5);
  --mgnl-dialog-neutral-drop-shadow-close: 0 0 1px 0 transparent, 0 1px 2px 0 transparent;
  --mgnl-dialog-warning-color-background-backdrop: rgba(50, 36, 16, 0.9);
  --mgnl-dialog-danger-color-background-backdrop: rgba(71, 22, 16, 0.9);
  --mgnl-dialog-header-md-padding: 16px;
  --mgnl-dialog-header-md-min-height: 56px;
  --mgnl-dialog-header-md-typography: 550 20px/24px Inter;
  --mgnl-dialog-header-neutral-color-title: #28252e;
  --mgnl-dialog-header-neutral-scroll-boundary: 0 -4px 4px 0 rgba(40, 37, 46, 0.3), 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 1px 5px 0 rgba(40, 37, 46, 0.12), 0 1px 8px 0 rgba(40, 37, 46, 0.12);
  --mgnl-dialog-header-icon-md-border-radius-default: 12px 0 12px 0;
  --mgnl-dialog-header-icon-md-size: 24px;
  --mgnl-dialog-header-icon-md-padding: 16px;
  --mgnl-dialog-header-icon-info-color-fill: #0067f5;
  --mgnl-dialog-header-icon-info-color-background: #c9e3ff;
  --mgnl-dialog-header-icon-warning-color-fill: #926900;
  --mgnl-dialog-header-icon-warning-color-background: #ffdc94;
  --mgnl-dialog-header-icon-danger-color-fill: #d13715;
  --mgnl-dialog-header-icon-danger-color-background: #fed8d2;
  --mgnl-dialog-footer-md-actions-gap: 6px;
  --mgnl-dialog-footer-md-padding: 12px;
  --mgnl-dialog-footer-neutral-color-background: #ffffff;
  --mgnl-dialog-footer-neutral-scroll-boundary: 0 4px 4px 0 rgba(40, 37, 46, 0.3), 0 0 1px 0 rgba(40, 37, 46, 0.5), 0 -1px 5px 0 rgba(40, 37, 46, 0.12), 0 -1px 8px 0 rgba(40, 37, 46, 0.12);
  --mgnl-tooltip-md-border-radius: 6px;
  --mgnl-tooltip-md-padding: 10px 12px;
  --mgnl-tooltip-md-typography: 400 12px/18px Inter;
  --mgnl-tooltip-md-transition: 300ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-tooltip-neutral-color-background: #3c3743;
  --mgnl-tooltip-neutral-color-text: #f5f4f6;
  --mgnl-scrollbar-md-border-radius: 4px;
  --mgnl-scrollbar-md-width: 6px;
  --mgnl-scrollbar-md-transition: 150ms cubic-bezier(0.25,1,0.3,1) 0ms;
  --mgnl-scrollbar-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-scrollbar-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-scrollbar-neutral-color-slider-default: rgba(200, 197, 205, 0.5);
  --mgnl-scrollbar-neutral-color-slider-hover: rgba(200, 197, 205, 0.9);
  --mgnl-status-bar-md-size: 48px;
  --mgnl-status-bar-neutral-color-background-default: #28252e;
  --mgnl-status-bar-logo-md-size: 48px;
  --mgnl-status-bar-logo-neutral-color-symbol-default: #ffffff;
  --mgnl-status-bar-logo-neutral-color-background-default: #00b054;
  --mgnl-status-bar-logo-neutral-color-background-hover: #008246;
  --mgnl-status-bar-button-md-size: 48px;
  --mgnl-status-bar-button-md-badge-margin: 4px;
  --mgnl-status-bar-button-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-status-bar-button-neutral-color-background-hover: #3c3743;
  --mgnl-status-bar-button-neutral-color-background-selected: #564f60;
  --mgnl-status-bar-button-neutral-color-background-disabled: rgba(0, 0, 0, 0);
  --mgnl-status-bar-button-neutral-color-icon-default: #c8c5cd;
  --mgnl-status-bar-button-neutral-color-icon-hover: #f5f4f6;
  --mgnl-status-bar-button-neutral-color-icon-selected: #ffffff;
  --mgnl-status-bar-button-neutral-color-icon-disabled: #756d80;
  --mgnl-nav-bar-md-size: 48px;
  --mgnl-nav-bar-md-padding: 0 8px;
  --mgnl-nav-bar-md-gap: 8px;
  --mgnl-nav-bar-md-divider-height: 30px;
  --mgnl-nav-bar-neutral-color-background-default: #f5f4f6;
  --mgnl-nav-bar-neutral-color-divider-default: #e1dfe4;
  --mgnl-breadcrumbs-divider-md-size: 16px;
  --mgnl-breadcrumbs-divider-neutral-color-icon-default: #c8c5cd;
  --mgnl-breadcrumbs-item-md-border-radius: 8px;
  --mgnl-breadcrumbs-item-md-padding: 6px 8px;
  --mgnl-breadcrumbs-item-md-gap: 6px;
  --mgnl-breadcrumbs-item-md-typography-label-default: 400 14px/18px Inter;
  --mgnl-breadcrumbs-item-md-typography-label-current: 550 14px/18px Inter;
  --mgnl-breadcrumbs-item-neutral-color-background-default: rgba(0, 0, 0, 0);
  --mgnl-breadcrumbs-item-neutral-color-background-hover: rgba(200, 197, 205, 0.3);
  --mgnl-breadcrumbs-item-neutral-color-background-current: rgba(0, 0, 0, 0);
  --mgnl-breadcrumbs-item-neutral-color-label-default: #756d80;
  --mgnl-breadcrumbs-item-neutral-color-label-hover: #28252e;
  --mgnl-breadcrumbs-item-neutral-color-label-current: #756d80;
  --mgnl-breadcrumbs-item-neutral-color-ui-icon-default: #aba6b3;
  --mgnl-breadcrumbs-item-neutral-color-ui-icon-hover: #564f60;
  --mgnl-breadcrumbs-item-neutral-color-ui-icon-current: #aba6b3;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-primary-default: #aba6b3;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-primary-hover: #4cbd7a;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-primary-current: #aba6b3;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-secondary-default: #918a9b;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-secondary-hover: #00a259;
  --mgnl-breadcrumbs-item-neutral-color-app-icon-secondary-current: #918a9b;
}

/* Resets */
ul,
ol {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl {
  margin: 0;
  color: var(--mgnl-text-color-base);
}
/* Mixins, Utility classes */
/* Global font treatment */
body {
  font-feature-settings: "cv01", "calt", "liga";
  font-optical-sizing: auto;
  color: var(--mgnl-text-color-base);
}
/* Block styles */
.ck h1,
.mgnl-block-content h1 {
  font: var(--mgnl-typography-block-heading-h1);
  margin-top: var(--mgnl-typography-block-heading-h1-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h1-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h1-paragraph-spacing) * 2);
}
.ck h1:first-child,
.mgnl-block-content h1:first-child {
  margin-top: 0;
}
.ck h2,
.mgnl-block-content h2 {
  font: var(--mgnl-typography-block-heading-h2);
  margin-top: var(--mgnl-typography-block-heading-h2-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h2-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h2-paragraph-spacing) * 2);
}
.ck h2:first-child,
.mgnl-block-content h2:first-child {
  margin-top: 0;
}
.ck h3,
.mgnl-block-content h3 {
  font: var(--mgnl-typography-block-heading-h3);
  margin-top: var(--mgnl-typography-block-heading-h3-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h3-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h3-paragraph-spacing) * 2);
}
.ck h3:first-child,
.mgnl-block-content h3:first-child {
  margin-top: 0;
}
.ck h4,
.mgnl-block-content h4 {
  font: var(--mgnl-typography-block-heading-h4);
  margin-top: var(--mgnl-typography-block-heading-h4-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h4-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h4-paragraph-spacing) * 2);
}
.ck h4:first-child,
.mgnl-block-content h4:first-child {
  margin-top: 0;
}
.ck h5,
.mgnl-block-content h5 {
  font: var(--mgnl-typography-block-heading-h5);
  margin-top: var(--mgnl-typography-block-heading-h5-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h5-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h5-paragraph-spacing) * 2);
}
.ck h5:first-child,
.mgnl-block-content h5:first-child {
  margin-top: 0;
}
.ck h6,
.mgnl-block-content h6 {
  font: var(--mgnl-typography-block-heading-h6);
  margin-top: var(--mgnl-typography-block-heading-h6-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-heading-h6-paragraph-spacing);
  margin-top: calc(var(--mgnl-typography-block-heading-h6-paragraph-spacing) * 2);
}
.ck h6:first-child,
.mgnl-block-content h6:first-child {
  margin-top: 0;
}
.ck .text-default-md,
.ck p,
.ck ul,
.ck ol,
.ck figure,
.ck figcaption,
.ck blockquote,
.ck dl,
.ck table,
.ck .mgnl-block-component,
.mgnl-block-content .text-default-md,
.mgnl-block-content p,
.mgnl-block-content ul,
.mgnl-block-content ol,
.mgnl-block-content figure,
.mgnl-block-content figcaption,
.mgnl-block-content blockquote,
.mgnl-block-content dl,
.mgnl-block-content table,
.mgnl-block-content .mgnl-block-component {
  font: var(--mgnl-typography-block-text-default-md);
  margin-top: var(--mgnl-typography-block-text-default-md-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-text-default-md-paragraph-spacing);
}
.ck .text-default-md:first-child,
.ck p:first-child,
.ck ul:first-child,
.ck ol:first-child,
.ck figure:first-child,
.ck figcaption:first-child,
.ck blockquote:first-child,
.ck dl:first-child,
.ck table:first-child,
.ck .mgnl-block-component:first-child,
.mgnl-block-content .text-default-md:first-child,
.mgnl-block-content p:first-child,
.mgnl-block-content ul:first-child,
.mgnl-block-content ol:first-child,
.mgnl-block-content figure:first-child,
.mgnl-block-content figcaption:first-child,
.mgnl-block-content blockquote:first-child,
.mgnl-block-content dl:first-child,
.mgnl-block-content table:first-child,
.mgnl-block-content .mgnl-block-component:first-child {
  margin-top: 0;
}
.ck .text-default-sm,
.mgnl-block-content .text-default-sm {
  font: var(--mgnl-typography-block-text-default-sm);
  margin-top: var(--mgnl-typography-block-text-default-sm-paragraph-spacing);
  margin-bottom: var(--mgnl-typography-block-text-default-sm-paragraph-spacing);
}
.ck .text-default-sm:first-child,
.mgnl-block-content .text-default-sm:first-child {
  margin-top: 0;
}
.ck li,
.mgnl-block-content li {
  margin-left: 1.25em;
  padding-left: 0.25em;
}
.ck dt,
.mgnl-block-content dt {
  color: var(--mgnl-text-color-mid);
  word-wrap: anywhere;
}
.ck dd,
.mgnl-block-content dd {
  color: var(--mgnl-text-color-base);
  margin: 0;
  word-wrap: anywhere;
}
.ck dl,
.ck .dl,
.mgnl-block-content dl,
.mgnl-block-content .dl {
  display: grid;
  grid-template-columns: minmax(20%, 25%) auto;
  grid-gap: 1em;
  grid-auto-flow: row;
  place-items: baseline;
  place-content: start;
  margin: 1em 0;
  font: var(--mgnl-typography-ui-default-md);
}
.ck dl--sm,
.ck .dl--sm,
.mgnl-block-content dl--sm,
.mgnl-block-content .dl--sm {
  font: var(--mgnl-typography-ui-default-sm);
}
.ck dl--auto,
.ck .dl--auto,
.mgnl-block-content dl--auto,
.mgnl-block-content .dl--auto {
  grid-template-columns: auto auto;
}
.ck dl--stacked,
.ck .dl--stacked,
.mgnl-block-content dl--stacked,
.mgnl-block-content .dl--stacked {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0.5em;
}
.ck dl--stacked dd + dt,
.ck .dl--stacked dd + dt,
.mgnl-block-content dl--stacked dd + dt,
.mgnl-block-content .dl--stacked dd + dt {
  margin-top: 1em;
}
/* Interface (UI) styles

   By default, UI components have text styles defined, so you may need to use these classes only for prototyping or one-off UI parts.

*/
.mgnl-ui-default-sm {
  font: var(--mgnl-typography-ui-default-sm);
}
.mgnl-ui-default-md {
  font: var(--mgnl-typography-ui-default-md);
}
.mgnl-ui-default-lg {
  font: var(--mgnl-typography-ui-default-lg);
}
.mgnl-ui-default-xl {
  font: var(--mgnl-typography-ui-default-xl);
}
.mgnl-ui-strong-sm {
  font: var(--mgnl-typography-ui-strong-sm);
}
.mgnl-ui-strong-md {
  font: var(--mgnl-typography-ui-strong-md);
}
.mgnl-ui-strong-lg {
  font: var(--mgnl-typography-ui-strong-lg);
}
.mgnl-ui-strong-xl {
  font: var(--mgnl-typography-ui-strong-xl);
}
/* Inline styles */
strong,
b {
  font-weight: var(--mgnl-font-weight-600);
}
em,
i {
  font-style: italic;
  font-weight: calc(var(--mgnl-font-weight-400) + 5);
}
b em, strong em, em b, em strong,
b i,
strong i,
i b,
i strong {
  font-weight: calc(var(--mgnl-font-weight-600) + 10);
}
a,
.mgnl-block-content a {
  font-family: inherit;
  color: var(--mgnl-text-color-link-default);
  text-decoration: none;
  transition: all var(--mgnl-transition-50);
}
a:hover,
.mgnl-block-content a:hover {
  color: var(--mgnl-text-color-link-hover);
  text-decoration: underline;
}
a:visited,
.mgnl-block-content a:visited {
  color: var(--mgnl-text-color-link-visited);
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
sub,
sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-weight: calc(var(--mgnl-font-weight-400) + 50);
}
b > sub, strong > sub, sub > strong, sub > b,
b > sup,
strong > sup,
sup > strong,
sup > b {
  font-weight: calc(var(--mgnl-font-weight-600) + 50);
}
.mgnl-tabular-nums {
  font-variant-numeric: tabular-nums;
}
/* Text color styles 

*/
.mgnl-text-color-base {
  color: var(--mgnl-text-color-base);
}
.mgnl-text-color-mid {
  color: var(--mgnl-text-color-mid);
}
.mgnl-text-color-dim {
  color: var(--mgnl-text-color-dim);
}
.mgnl-text-color-disabled {
  color: var(--mgnl-text-color-disabled);
}
.mgnl-text-color-success {
  color: var(--mgnl-text-color-success);
}
.mgnl-text-color-danger {
  color: var(--mgnl-text-color-danger);
}

/*# sourceMappingURL=typography.css.map */.mgnl-avatar {
  align-items: center;
  background-color: var(--mgnl-color-neutral-70);
  border-radius: 50%;
  color: var(--mgnl-color-white);
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.mgnl-avatar--sm {
  font: var(--mgnl-avatar-sm-typography);
  height: var(--mgnl-avatar-sm-size);
  width: var(--mgnl-avatar-sm-size);
}
.mgnl-avatar--md {
  font: var(--mgnl-avatar-md-typography);
  height: var(--mgnl-avatar-md-size);
  width: var(--mgnl-avatar-md-size);
}
.mgnl-avatar--lg {
  font: var(--mgnl-avatar-lg-typography);
  height: var(--mgnl-avatar-lg-size);
  width: var(--mgnl-avatar-lg-size);
}

.mgnl-avatar__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/*# sourceMappingURL=avatar.css.map */

/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-checkbox {
  font: var(--mgnl-checkbox-md-typography);
  padding: var(--mgnl-checkbox-md-checkmark-wrapper-padding-block) var(--mgnl-checkbox-md-checkmark-wrapper-padding-inline);
  position: relative;
  user-select: none;
}
.mgnl-checkbox__input {
  left: 0;
  opacity: 0;
  position: absolute;
}
.mgnl-checkbox__label {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--mgnl-checkbox-md-gap);
  position: relative;
  color: var(--color, var(--mgnl-checkbox-unchecked-color-label-default));
  padding: var(--mgnl-checkbox-md-label-padding);
}
.mgnl-checkbox__label::after, .mgnl-checkbox__label::before {
  box-sizing: border-box;
  display: inline-block;
  content: "";
}
.mgnl-checkbox__label::before {
  position: relative;
}
.mgnl-checkbox__label::after, .mgnl-checkbox__label::before {
  min-height: 1rem;
  min-width: 1rem;
  padding: var(--mgnl-checkbox-md-checkmark-padding);
}
.mgnl-checkbox__label::before {
  background-color: var(--box-bg, var(--mgnl-checkbox-unchecked-color-fill-default));
  border: var(--box-border, var(--mgnl-checkbox-unchecked-border-default));
  border-radius: var(--mgnl-checkbox-md-border-radius);
  transition: box-shadow var(--mgnl-checkbox-md-transition), background-color var(--mgnl-checkbox-md-transition);
}
.mgnl-checkbox__label::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMCAzTDQuNSA4LjVMMiA2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS44MzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==");
  line-height: 0;
  opacity: 0;
  position: absolute;
  transition: opacity var(--mgnl-checkbox-md-transition);
}
.mgnl-checkbox__input--indeterminate + .mgnl-checkbox__label::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yLjI1IDZMOS43NSA2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L3N2Zz4=");
}
.mgnl-checkbox:hover .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-unchecked-color-fill-hover);
  --box-border: var(--mgnl-checkbox-unchecked-border-hover);
  --color: var(--mgnl-checkbox-unchecked-color-label-hover);
}
.mgnl-checkbox__input:focus + .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-unchecked-color-fill-hover);
  --box-border: var(--mgnl-checkbox-unchecked-border-focus);
  --color: var(--mgnl-checkbox-unchecked-color-label-focus);
}
.mgnl-checkbox__input:focus + .mgnl-checkbox__label::before {
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-checkbox__input:disabled + .mgnl-checkbox__label {
  cursor: not-allowed;
  --box-bg: var(--mgnl-checkbox-unchecked-color-fill-disabled);
  --box-border: var(--mgnl-checkbox-unchecked-border-disabled);
  --color: var(--mgnl-checkbox-unchecked-color-label-disabled);
}
.mgnl-checkbox__input:checked + .mgnl-checkbox__label, .mgnl-checkbox__input--indeterminate + .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-checked-color-fill-default);
  --box-border: var(--mgnl-checkbox-checked-border-default);
  --color: var(--mgnl-checkbox-checked-color-label-default);
}
.mgnl-checkbox__input:checked + .mgnl-checkbox__label::after, .mgnl-checkbox__input--indeterminate + .mgnl-checkbox__label::after {
  opacity: 1;
}
.mgnl-checkbox__input:checked:focus + .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-checked-color-fill-focus);
  --box-border: var(--mgnl-checkbox-checked-border-focus);
  --color: var(--mgnl-checkbox-checked-color-label-focus);
}
.mgnl-checkbox:hover .mgnl-checkbox__input:checked + .mgnl-checkbox__label, .mgnl-checkbox:hover .mgnl-checkbox__input--indeterminate + .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-checked-color-fill-hover);
  --box-border: var(--mgnl-checkbox-checked-border-hover);
  --color: var(--mgnl-checkbox-checked-color-label-hover);
}
.mgnl-checkbox__input:checked:disabled + .mgnl-checkbox__label, .mgnl-checkbox:hover .mgnl-checkbox__input:checked:disabled + .mgnl-checkbox__label {
  --box-bg: var(--mgnl-checkbox-checked-color-fill-disabled);
  --box-border: var(--mgnl-checkbox-checked-border-disabled);
  --color: var(--mgnl-checkbox-checked-color-label-disabled);
}

/*# sourceMappingURL=checkbox.css.map */
/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-chip {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0;
  max-width: 100%;
  padding: 0;
  border: var(--mgnl-chip-unselected-border-default);
  background-color: var(--mgnl-chip-unselected-color-background-default);
  color: var(--mgnl-chip-unselected-color-label-default);
  outline: 0;
  cursor: pointer;
  /** @deprectated 
      mgnl-chip__text is deprecated 
      use mgnl-chip__label instead 
  */
}
.mgnl-chip .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-default);
}
.mgnl-chip .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-default);
}
.mgnl-chip .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-default);
}
.mgnl-chip .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-default);
}
.mgnl-chip:active {
  border: var(--mgnl-chip-unselected-border-active);
  background-color: var(--mgnl-chip-unselected-color-background-active);
  color: var(--mgnl-chip-unselected-color-label-active);
  outline: 0;
}
.mgnl-chip:active .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-active);
}
.mgnl-chip:active .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-active);
}
.mgnl-chip:focus {
  border: var(--mgnl-chip-unselected-border-focus);
  background-color: var(--mgnl-chip-unselected-color-background-focus);
  color: var(--mgnl-chip-unselected-color-label-focus);
  outline: 0;
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-chip:focus .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-focus);
}
.mgnl-chip:focus .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-focus);
}
.mgnl-chip:hover {
  border: var(--mgnl-chip-unselected-border-hover);
  background-color: var(--mgnl-chip-unselected-color-background-hover);
  color: var(--mgnl-chip-unselected-color-label-hover);
  outline: 0;
}
.mgnl-chip:hover .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-hover);
}
.mgnl-chip:hover .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-hover);
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true]:hover {
  border: var(--mgnl-chip-unselected-border-default);
  background-color: var(--mgnl-chip-unselected-color-background-default);
  color: var(--mgnl-chip-unselected-color-label-default);
  outline: 0;
  cursor: default;
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true]:hover .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-default);
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true]:hover .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-default);
}
.mgnl-chip[aria-disabled=true], .mgnl-chip:disabled {
  border: var(--mgnl-chip-unselected-border-disabled);
  background-color: var(--mgnl-chip-unselected-color-background-disabled);
  color: var(--mgnl-chip-unselected-color-label-disabled);
  outline: 0;
  cursor: not-allowed;
}
.mgnl-chip[aria-disabled=true] .mgnl-chip__icon, .mgnl-chip:disabled .mgnl-chip__icon {
  color: var(--mgnl-chip-unselected-color-descriptive-icon-disabled);
}
.mgnl-chip[aria-disabled=true] .mgnl-chip__action, .mgnl-chip:disabled .mgnl-chip__action {
  color: var(--mgnl-chip-unselected-color-action-icon-disabled);
}
.mgnl-chip[aria-disabled=true]:focus, .mgnl-chip:disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-chip .mgnl-chip__text,
.mgnl-chip .mgnl-chip__label,
.mgnl-chip .mgnl-chip__data {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mgnl-chip--md {
  border-radius: var(--mgnl-chip-md-border-radius-standalone);
  height: var(--mgnl-chip-md-height);
  transition: background-color var(--mgnl-chip-md-transition), box-shadow var(--mgnl-chip-md-transition), color var(--mgnl-chip-md-transition);
  /** @deprectated 
      mgnl-chip__text is deprecated 
      use mgnl-chip__label instead 
  */
}
.mgnl-chip--md .mgnl-chip__body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
  padding: var(--mgnl-chip-md-padding-block) var(--mgnl-chip-md-padding-inline);
  gap: var(--mgnl-chip-md-icon-label-gap);
}
.mgnl-chip--md .mgnl-chip__text,
.mgnl-chip--md .mgnl-chip__label {
  font: var(--mgnl-chip-md-typography-label);
}
.mgnl-chip--md .mgnl-chip__data {
  font: var(--mgnl-chip-md-typography-data);
}
.mgnl-chip--md .mgnl-chip__icon,
.mgnl-chip--md .mgnl-chip__action {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-icon-md-wrapper-height);
  justify-content: center;
  width: var(--mgnl-icon-md-wrapper-width);
}
.mgnl-chip--md .mgnl-chip__icon svg,
.mgnl-chip--md .mgnl-chip__action svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-chip--sm {
  border-radius: var(--mgnl-chip-sm-border-radius-standalone);
  height: var(--mgnl-chip-sm-height);
  transition: background-color var(--mgnl-chip-sm-transition), box-shadow var(--mgnl-chip-sm-transition), color var(--mgnl-chip-sm-transition);
  /** @deprectated 
      mgnl-chip__text is deprecated 
      use mgnl-chip__label instead 
  */
}
.mgnl-chip--sm .mgnl-chip__body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
  padding: var(--mgnl-chip-sm-padding-block) var(--mgnl-chip-sm-padding-inline);
  gap: var(--mgnl-chip-sm-icon-label-gap);
}
.mgnl-chip--sm .mgnl-chip__text,
.mgnl-chip--sm .mgnl-chip__label {
  font: var(--mgnl-chip-sm-typography-label);
}
.mgnl-chip--sm .mgnl-chip__data {
  font: var(--mgnl-chip-sm-typography-data);
}
.mgnl-chip--sm .mgnl-chip__icon,
.mgnl-chip--sm .mgnl-chip__action {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-icon-md-wrapper-height);
  justify-content: center;
  width: var(--mgnl-icon-md-wrapper-width);
}
.mgnl-chip--sm .mgnl-chip__icon svg,
.mgnl-chip--sm .mgnl-chip__action svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-chip--xs {
  border-radius: var(--mgnl-chip-xs-border-radius-standalone);
  height: var(--mgnl-chip-xs-height);
  transition: background-color var(--mgnl-chip-xs-transition), box-shadow var(--mgnl-chip-xs-transition), color var(--mgnl-chip-xs-transition);
  /** @deprectated 
      mgnl-chip__text is deprecated 
      use mgnl-chip__label instead 
  */
}
.mgnl-chip--xs .mgnl-chip__body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
  padding: var(--mgnl-chip-xs-padding-block) var(--mgnl-chip-xs-padding-inline);
  gap: var(--mgnl-chip-xs-icon-label-gap);
}
.mgnl-chip--xs .mgnl-chip__text,
.mgnl-chip--xs .mgnl-chip__label {
  font: var(--mgnl-chip-xs-typography-label);
}
.mgnl-chip--xs .mgnl-chip__data {
  font: var(--mgnl-chip-xs-typography-data);
}
.mgnl-chip--xs .mgnl-chip__icon,
.mgnl-chip--xs .mgnl-chip__action {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-icon-md-wrapper-height);
  justify-content: center;
  width: var(--mgnl-icon-md-wrapper-width);
}
.mgnl-chip--xs .mgnl-chip__icon svg,
.mgnl-chip--xs .mgnl-chip__action svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-chip[aria-pressed=true] {
  border: var(--mgnl-chip-selected-border-default);
  background-color: var(--mgnl-chip-selected-color-background-default);
  color: var(--mgnl-chip-selected-color-label-default);
  outline: 0;
}
.mgnl-chip[aria-pressed=true] .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-default);
}
.mgnl-chip[aria-pressed=true] .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-default);
}
.mgnl-chip[aria-pressed=true] .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-default);
}
.mgnl-chip[aria-pressed=true] .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-default);
}
.mgnl-chip[aria-pressed=true]:active {
  border: var(--mgnl-chip-selected-border-active);
  background-color: var(--mgnl-chip-selected-color-background-active);
  color: var(--mgnl-chip-selected-color-label-active);
  outline: 0;
}
.mgnl-chip[aria-pressed=true]:active .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-active);
}
.mgnl-chip[aria-pressed=true]:active .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-active);
}
.mgnl-chip[aria-pressed=true]:focus {
  border: var(--mgnl-chip-selected-border-focus);
  background-color: var(--mgnl-chip-selected-color-background-focus);
  color: var(--mgnl-chip-selected-color-label-focus);
  outline: 0;
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-chip[aria-pressed=true]:focus .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-focus);
}
.mgnl-chip[aria-pressed=true]:focus .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-focus);
}
.mgnl-chip[aria-pressed=true]:hover {
  border: var(--mgnl-chip-selected-border-hover);
  background-color: var(--mgnl-chip-selected-color-background-hover);
  color: var(--mgnl-chip-selected-color-label-hover);
  outline: 0;
}
.mgnl-chip[aria-pressed=true]:hover .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-hover);
}
.mgnl-chip[aria-pressed=true]:hover .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-hover);
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true][aria-pressed=true]:hover {
  border: var(--mgnl-chip-selected-border-default);
  background-color: var(--mgnl-chip-selected-color-background-default);
  color: var(--mgnl-chip-selected-color-label-default);
  outline: 0;
  cursor: default;
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true][aria-pressed=true]:hover .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-default);
}
.mgnl-chip-group .mgnl-chip[aria-pressed=true][aria-pressed=true]:hover .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-default);
}
.mgnl-chip[aria-pressed=true][aria-disabled=true], .mgnl-chip[aria-pressed=true]:disabled {
  border: var(--mgnl-chip-selected-border-disabled);
  background-color: var(--mgnl-chip-selected-color-background-disabled);
  color: var(--mgnl-chip-selected-color-label-disabled);
  outline: 0;
  cursor: not-allowed;
}
.mgnl-chip[aria-pressed=true][aria-disabled=true] .mgnl-chip__icon, .mgnl-chip[aria-pressed=true]:disabled .mgnl-chip__icon {
  color: var(--mgnl-chip-selected-color-descriptive-icon-disabled);
}
.mgnl-chip[aria-pressed=true][aria-disabled=true] .mgnl-chip__action, .mgnl-chip[aria-pressed=true]:disabled .mgnl-chip__action {
  color: var(--mgnl-chip-selected-color-action-icon-disabled);
}
.mgnl-chip[aria-pressed=true][aria-disabled=true]:focus, .mgnl-chip[aria-pressed=true]:disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}

.mgnl-chip-group {
  align-items: center;
  display: flex;
  background-color: var(--mgnl-chip-unselected-color-background-default);
  width: fit-content;
  /* stylelint-disable */
  /* stylelint-enable */
}
.mgnl-chip-group [aria-pressed=true] {
  z-index: 3;
}
.mgnl-chip-group .mgnl-chip {
  border-radius: 0;
}
.mgnl-chip-group .mgnl-chip:not([aria-pressed=true], .mgnl-chip-group .mgnl-chip:last-child) {
  border-right-width: 0;
  padding-right: 1px;
}
.mgnl-chip-group .mgnl-chip:not([aria-pressed=true], .mgnl-chip-group .mgnl-chip:first-child) {
  border-left-width: 0;
  padding-left: 1px;
}
.mgnl-chip-group .mgnl-chip:hover {
  z-index: 2;
}
.mgnl-chip-group .mgnl-chip:focus {
  z-index: 4;
}
.mgnl-chip-group .mgnl-chip + .mgnl-chip {
  margin-left: -1px;
}
.mgnl-chip-group {
  border-radius: var(--mgnl-chip-md-border-radius-standalone);
}
.mgnl-chip-group--md .mgnl-chip:first-child {
  border-radius: var(--mgnl-chip-md-border-radius-first);
}
.mgnl-chip-group--md .mgnl-chip:last-child {
  border-radius: var(--mgnl-chip-md-border-radius-last);
}
.mgnl-chip-group {
  border-radius: var(--mgnl-chip-sm-border-radius-standalone);
}
.mgnl-chip-group--sm .mgnl-chip:first-child {
  border-radius: var(--mgnl-chip-sm-border-radius-first);
}
.mgnl-chip-group--sm .mgnl-chip:last-child {
  border-radius: var(--mgnl-chip-sm-border-radius-last);
}
.mgnl-chip-group {
  border-radius: var(--mgnl-chip-xs-border-radius-standalone);
}
.mgnl-chip-group--xs .mgnl-chip:first-child {
  border-radius: var(--mgnl-chip-xs-border-radius-first);
}
.mgnl-chip-group--xs .mgnl-chip:last-child {
  border-radius: var(--mgnl-chip-xs-border-radius-last);
}

/*# sourceMappingURL=chip.css.map */
.mgnl-badge {
  display: inline-block;
  text-align: center;
}
.mgnl-badge--neutral {
  background-color: var(--mgnl-badge-neutral-color-background-default);
  color: var(--mgnl-badge-neutral-color-label-default);
}
.mgnl-badge--primary {
  background-color: var(--mgnl-badge-primary-color-background-default);
  color: var(--mgnl-badge-primary-color-label-default);
}
.mgnl-badge--danger {
  background-color: var(--mgnl-badge-danger-color-background-default);
  color: var(--mgnl-badge-danger-color-label-default);
}
.mgnl-badge--sm {
  border-radius: var(--mgnl-badge-sm-border-radius);
  min-width: var(--mgnl-badge-sm-min-width);
  padding: var(--mgnl-badge-sm-padding);
  font: var(--mgnl-badge-sm-typography);
}
.mgnl-badge--md {
  border-radius: var(--mgnl-badge-md-border-radius);
  min-width: var(--mgnl-badge-md-min-width);
  padding: var(--mgnl-badge-md-padding);
  font: var(--mgnl-badge-md-typography);
}

/*# sourceMappingURL=badge.css.map */

@keyframes animation-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animation-pulse {
  0%, 100% {
    opacity: var(--mgnl-opacity-default);
  }
  50% {
    opacity: var(--mgnl-opacity-med);
  }
}
/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-button {
  transition: all var(--mgnl-animation-duration-50) var(--mgnl-animation-timing-ease-out-sharp);
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0;
  max-width: 100%;
  padding: 0;
  cursor: pointer;
}
.mgnl-button .mgnl-button__spinner,
.mgnl-button .mgnl-button__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-icon-md-wrapper-height);
  justify-content: center;
  width: var(--mgnl-icon-md-wrapper-width);
}
.mgnl-button .mgnl-button__spinner svg,
.mgnl-button .mgnl-button__icon svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-button .mgnl-button__spinner {
  animation: animation-spin var(--mgnl-animation-duration-500) var(--mgnl-animation-timing-ease-in-out-smooth) infinite, animation-pulse var(--mgnl-animation-duration-500) var(--mgnl-animation-timing-ease-in-out-smooth) infinite;
}
@media (prefers-reduced-motion) {
  .mgnl-button .mgnl-button__spinner {
    animation: animation-spin var(--mgnl-animation-duration-1500) var(--mgnl-animation-timing-ease-in-out-smooth) infinite;
  }
}
.mgnl-button--primary {
  background-color: var(--mgnl-button-primary-color-background-default);
  color: var(--mgnl-button-primary-color-label-default);
  border: var(--mgnl-button-primary-border-default);
  outline: var(--mgnl-focus-outline-none);
  text-decoration: none;
}
.mgnl-button--primary:visited {
  background-color: var(--mgnl-button-primary-color-background-default);
  color: var(--mgnl-button-primary-color-label-default);
  border: var(--mgnl-button-primary-border-default);
}
.mgnl-button--primary:active {
  background-color: var(--mgnl-button-primary-color-background-active);
  border: var(--mgnl-button-primary-border-active);
  color: var(--mgnl-button-primary-color-label-active);
}
.mgnl-button--primary:active .mgnl-button__icon {
  color: var(--mgnl-button-primary-color-icon-active);
}
.mgnl-button--primary:focus {
  background-color: var(--mgnl-button-primary-color-background-focus);
  border: var(--mgnl-button-primary-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-default);
  color: var(--mgnl-button-primary-color-label-focus);
}
.mgnl-button--primary:focus .mgnl-button__icon {
  color: var(--mgnl-button-primary-color-icon-focus);
}
.mgnl-button--primary:hover {
  background-color: var(--mgnl-button-primary-color-background-hover);
  border: var(--mgnl-button-primary-border-hover);
  color: var(--mgnl-button-primary-color-label-hover);
  text-decoration: none;
}
.mgnl-button--primary:hover .mgnl-button__icon {
  color: var(--mgnl-button-primary-color-icon-hover);
}
.mgnl-button--primary[aria-disabled=true], .mgnl-button--primary:disabled, .mgnl-button--primary.is-disabled {
  background-color: var(--mgnl-button-primary-color-background-disabled);
  border: var(--mgnl-button-primary-border-disabled);
  color: var(--mgnl-button-primary-color-label-disabled);
  cursor: not-allowed;
}
.mgnl-button--primary[aria-disabled=true] .mgnl-button__icon, .mgnl-button--primary:disabled .mgnl-button__icon, .mgnl-button--primary.is-disabled .mgnl-button__icon {
  color: var(--mgnl-button-primary-color-icon-disabled);
}
.mgnl-button--primary[aria-disabled=true]:focus, .mgnl-button--primary:disabled:focus, .mgnl-button--primary.is-disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-button--primary .mgnl-button__icon {
  color: var(--mgnl-button-primary-color-icon-default);
}
.mgnl-button--secondary {
  background-color: var(--mgnl-button-secondary-color-background-default);
  color: var(--mgnl-button-secondary-color-label-default);
  border: var(--mgnl-button-secondary-border-default);
  outline: var(--mgnl-focus-outline-none);
  text-decoration: none;
}
.mgnl-button--secondary:visited {
  background-color: var(--mgnl-button-secondary-color-background-default);
  color: var(--mgnl-button-secondary-color-label-default);
  border: var(--mgnl-button-secondary-border-default);
}
.mgnl-button--secondary:active {
  background-color: var(--mgnl-button-secondary-color-background-active);
  border: var(--mgnl-button-secondary-border-active);
  color: var(--mgnl-button-secondary-color-label-active);
}
.mgnl-button--secondary:active .mgnl-button__icon {
  color: var(--mgnl-button-secondary-color-icon-active);
}
.mgnl-button--secondary:focus {
  background-color: var(--mgnl-button-secondary-color-background-focus);
  border: var(--mgnl-button-secondary-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-default);
  color: var(--mgnl-button-secondary-color-label-focus);
}
.mgnl-button--secondary:focus .mgnl-button__icon {
  color: var(--mgnl-button-secondary-color-icon-focus);
}
.mgnl-button--secondary:hover {
  background-color: var(--mgnl-button-secondary-color-background-hover);
  border: var(--mgnl-button-secondary-border-hover);
  color: var(--mgnl-button-secondary-color-label-hover);
  text-decoration: none;
}
.mgnl-button--secondary:hover .mgnl-button__icon {
  color: var(--mgnl-button-secondary-color-icon-hover);
}
.mgnl-button--secondary[aria-disabled=true], .mgnl-button--secondary:disabled, .mgnl-button--secondary.is-disabled {
  background-color: var(--mgnl-button-secondary-color-background-disabled);
  border: var(--mgnl-button-secondary-border-disabled);
  color: var(--mgnl-button-secondary-color-label-disabled);
  cursor: not-allowed;
}
.mgnl-button--secondary[aria-disabled=true] .mgnl-button__icon, .mgnl-button--secondary:disabled .mgnl-button__icon, .mgnl-button--secondary.is-disabled .mgnl-button__icon {
  color: var(--mgnl-button-secondary-color-icon-disabled);
}
.mgnl-button--secondary[aria-disabled=true]:focus, .mgnl-button--secondary:disabled:focus, .mgnl-button--secondary.is-disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-button--secondary .mgnl-button__icon {
  color: var(--mgnl-button-secondary-color-icon-default);
}
.mgnl-button--tertiary {
  background-color: var(--mgnl-button-tertiary-color-background-default);
  color: var(--mgnl-button-tertiary-color-label-default);
  border: var(--mgnl-button-tertiary-border-default);
  outline: var(--mgnl-focus-outline-none);
  text-decoration: none;
}
.mgnl-button--tertiary:visited {
  background-color: var(--mgnl-button-tertiary-color-background-default);
  color: var(--mgnl-button-tertiary-color-label-default);
  border: var(--mgnl-button-tertiary-border-default);
}
.mgnl-button--tertiary:active {
  background-color: var(--mgnl-button-tertiary-color-background-active);
  border: var(--mgnl-button-tertiary-border-active);
  color: var(--mgnl-button-tertiary-color-label-active);
}
.mgnl-button--tertiary:active .mgnl-button__icon {
  color: var(--mgnl-button-tertiary-color-icon-active);
}
.mgnl-button--tertiary:focus {
  background-color: var(--mgnl-button-tertiary-color-background-focus);
  border: var(--mgnl-button-tertiary-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-default);
  color: var(--mgnl-button-tertiary-color-label-focus);
}
.mgnl-button--tertiary:focus .mgnl-button__icon {
  color: var(--mgnl-button-tertiary-color-icon-focus);
}
.mgnl-button--tertiary:hover {
  background-color: var(--mgnl-button-tertiary-color-background-hover);
  border: var(--mgnl-button-tertiary-border-hover);
  color: var(--mgnl-button-tertiary-color-label-hover);
  text-decoration: none;
}
.mgnl-button--tertiary:hover .mgnl-button__icon {
  color: var(--mgnl-button-tertiary-color-icon-hover);
}
.mgnl-button--tertiary[aria-disabled=true], .mgnl-button--tertiary:disabled, .mgnl-button--tertiary.is-disabled {
  background-color: var(--mgnl-button-tertiary-color-background-disabled);
  border: var(--mgnl-button-tertiary-border-disabled);
  color: var(--mgnl-button-tertiary-color-label-disabled);
  cursor: not-allowed;
}
.mgnl-button--tertiary[aria-disabled=true] .mgnl-button__icon, .mgnl-button--tertiary:disabled .mgnl-button__icon, .mgnl-button--tertiary.is-disabled .mgnl-button__icon {
  color: var(--mgnl-button-tertiary-color-icon-disabled);
}
.mgnl-button--tertiary[aria-disabled=true]:focus, .mgnl-button--tertiary:disabled:focus, .mgnl-button--tertiary.is-disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-button--tertiary .mgnl-button__icon {
  color: var(--mgnl-button-tertiary-color-icon-default);
}
.mgnl-button--warning {
  background-color: var(--mgnl-button-warning-color-background-default);
  color: var(--mgnl-button-warning-color-label-default);
  border: var(--mgnl-button-warning-border-default);
  outline: var(--mgnl-focus-outline-none);
  text-decoration: none;
}
.mgnl-button--warning:visited {
  background-color: var(--mgnl-button-warning-color-background-default);
  color: var(--mgnl-button-warning-color-label-default);
  border: var(--mgnl-button-warning-border-default);
}
.mgnl-button--warning:active {
  background-color: var(--mgnl-button-warning-color-background-active);
  border: var(--mgnl-button-warning-border-active);
  color: var(--mgnl-button-warning-color-label-active);
}
.mgnl-button--warning:active .mgnl-button__icon {
  color: var(--mgnl-button-warning-color-icon-active);
}
.mgnl-button--warning:focus {
  background-color: var(--mgnl-button-warning-color-background-focus);
  border: var(--mgnl-button-warning-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-default);
  color: var(--mgnl-button-warning-color-label-focus);
}
.mgnl-button--warning:focus .mgnl-button__icon {
  color: var(--mgnl-button-warning-color-icon-focus);
}
.mgnl-button--warning:hover {
  background-color: var(--mgnl-button-warning-color-background-hover);
  border: var(--mgnl-button-warning-border-hover);
  color: var(--mgnl-button-warning-color-label-hover);
  text-decoration: none;
}
.mgnl-button--warning:hover .mgnl-button__icon {
  color: var(--mgnl-button-warning-color-icon-hover);
}
.mgnl-button--warning[aria-disabled=true], .mgnl-button--warning:disabled, .mgnl-button--warning.is-disabled {
  background-color: var(--mgnl-button-warning-color-background-disabled);
  border: var(--mgnl-button-warning-border-disabled);
  color: var(--mgnl-button-warning-color-label-disabled);
  cursor: not-allowed;
}
.mgnl-button--warning[aria-disabled=true] .mgnl-button__icon, .mgnl-button--warning:disabled .mgnl-button__icon, .mgnl-button--warning.is-disabled .mgnl-button__icon {
  color: var(--mgnl-button-warning-color-icon-disabled);
}
.mgnl-button--warning[aria-disabled=true]:focus, .mgnl-button--warning:disabled:focus, .mgnl-button--warning.is-disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-button--warning .mgnl-button__icon {
  color: var(--mgnl-button-warning-color-icon-default);
}
.mgnl-button--danger {
  background-color: var(--mgnl-button-danger-color-background-default);
  color: var(--mgnl-button-danger-color-label-default);
  border: var(--mgnl-button-danger-border-default);
  outline: var(--mgnl-focus-outline-none);
  text-decoration: none;
}
.mgnl-button--danger:visited {
  background-color: var(--mgnl-button-danger-color-background-default);
  color: var(--mgnl-button-danger-color-label-default);
  border: var(--mgnl-button-danger-border-default);
}
.mgnl-button--danger:active {
  background-color: var(--mgnl-button-danger-color-background-active);
  border: var(--mgnl-button-danger-border-active);
  color: var(--mgnl-button-danger-color-label-active);
}
.mgnl-button--danger:active .mgnl-button__icon {
  color: var(--mgnl-button-danger-color-icon-active);
}
.mgnl-button--danger:focus {
  background-color: var(--mgnl-button-danger-color-background-focus);
  border: var(--mgnl-button-danger-border-focus);
  box-shadow: var(--mgnl-focus-outline-danger-default);
  color: var(--mgnl-button-danger-color-label-focus);
}
.mgnl-button--danger:focus .mgnl-button__icon {
  color: var(--mgnl-button-danger-color-icon-focus);
}
.mgnl-button--danger:hover {
  background-color: var(--mgnl-button-danger-color-background-hover);
  border: var(--mgnl-button-danger-border-hover);
  color: var(--mgnl-button-danger-color-label-hover);
  text-decoration: none;
}
.mgnl-button--danger:hover .mgnl-button__icon {
  color: var(--mgnl-button-danger-color-icon-hover);
}
.mgnl-button--danger[aria-disabled=true], .mgnl-button--danger:disabled, .mgnl-button--danger.is-disabled {
  background-color: var(--mgnl-button-danger-color-background-disabled);
  border: var(--mgnl-button-danger-border-disabled);
  color: var(--mgnl-button-danger-color-label-disabled);
  cursor: not-allowed;
}
.mgnl-button--danger[aria-disabled=true] .mgnl-button__icon, .mgnl-button--danger:disabled .mgnl-button__icon, .mgnl-button--danger.is-disabled .mgnl-button__icon {
  color: var(--mgnl-button-danger-color-icon-disabled);
}
.mgnl-button--danger[aria-disabled=true]:focus, .mgnl-button--danger:disabled:focus, .mgnl-button--danger.is-disabled:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-button--danger .mgnl-button__icon {
  color: var(--mgnl-button-danger-color-icon-default);
}
.mgnl-button--xs {
  font: var(--mgnl-button-xs-typography);
  border-radius: var(--mgnl-button-xs-border-radius-default);
  gap: var(--mgnl-button-xs-gap);
  padding: var(--mgnl-button-xs-padding);
  transition: all var(--mgnl-button-xs-transition);
}
.mgnl-button--sm {
  font: var(--mgnl-button-sm-typography);
  border-radius: var(--mgnl-button-sm-border-radius-default);
  gap: var(--mgnl-button-sm-gap);
  padding: var(--mgnl-button-sm-padding);
  transition: all var(--mgnl-button-sm-transition);
}
.mgnl-button--md {
  font: var(--mgnl-button-md-typography);
  border-radius: var(--mgnl-button-md-border-radius-default);
  gap: var(--mgnl-button-md-gap);
  padding: var(--mgnl-button-md-padding);
  transition: all var(--mgnl-button-md-transition);
}
.mgnl-button--loading .mgnl-button__icon {
  display: none;
}

/*# sourceMappingURL=button.css.map */

/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-icon-button {
  display: inline-block;
  background: var(--mgnl-icon-button-neutral-color-background-default);
  color: var(--mgnl-icon-button-neutral-color-icon-default);
  border: var(--mgnl-icon-button-neutral-border-default);
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.mgnl-icon-button[type=button]:active {
  background: var(--mgnl-icon-button-neutral-color-background-active);
  border: var(--mgnl-icon-button-neutral-border-active);
  color: var(--mgnl-icon-button-neutral-color-icon-active);
}
.mgnl-icon-button[type=button]:hover {
  background: var(--mgnl-icon-button-neutral-color-background-hover);
  border: var(--mgnl-icon-button-neutral-border-hover);
  color: var(--mgnl-icon-button-neutral-color-icon-hover);
}
.mgnl-icon-button[type=button]:focus {
  outline: var(--mgnl-icon-button-neutral-focus-outline-focus);
  border-radius: var(--mgnl-icon-button-neutral-focus-border-radius);
}
.mgnl-icon-button[type=button][aria-disabled=true], .mgnl-icon-button[type=button]:disabled {
  background: var(--mgnl-icon-button-neutral-color-background-disabled);
  border: var(--mgnl-icon-button-neutral-border-disabled);
  color: var(--mgnl-icon-button-neutral-color-icon-disabled);
  cursor: not-allowed;
}
.mgnl-icon-button[type=button][aria-disabled=true]:focus, .mgnl-icon-button[type=button]:disabled:focus {
  outline: var(--mgnl-focus-outline-disabled-inset);
}
.mgnl-icon-button--danger-soft {
  background: var(--mgnl-icon-button-danger-soft-color-background-default);
  color: var(--mgnl-icon-button-danger-soft-color-icon-default);
  border: var(--mgnl-icon-button-danger-soft-border-default);
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.mgnl-icon-button--danger-soft[type=button]:active {
  background: var(--mgnl-icon-button-danger-soft-color-background-active);
  border: var(--mgnl-icon-button-danger-soft-border-active);
  color: var(--mgnl-icon-button-danger-soft-color-icon-active);
}
.mgnl-icon-button--danger-soft[type=button]:hover {
  background: var(--mgnl-icon-button-danger-soft-color-background-hover);
  border: var(--mgnl-icon-button-danger-soft-border-hover);
  color: var(--mgnl-icon-button-danger-soft-color-icon-hover);
}
.mgnl-icon-button--danger-soft[type=button]:focus {
  outline: var(--mgnl-icon-button-danger-soft-focus-outline-focus);
  border-radius: var(--mgnl-icon-button-neutral-focus-border-radius);
}
.mgnl-icon-button--danger-soft[type=button][aria-disabled=true], .mgnl-icon-button--danger-soft[type=button]:disabled {
  background: var(--mgnl-icon-button-danger-soft-color-background-disabled);
  border: var(--mgnl-icon-button-danger-soft-border-disabled);
  color: var(--mgnl-icon-button-danger-soft-color-icon-disabled);
  cursor: not-allowed;
}
.mgnl-icon-button--danger-soft[type=button][aria-disabled=true]:focus, .mgnl-icon-button--danger-soft[type=button]:disabled:focus {
  outline: var(--mgnl-focus-outline-disabled-inset);
}
.mgnl-icon-button[type=button] {
  cursor: pointer;
}
.mgnl-icon-button .mgnl-icon-button__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-icon-md-wrapper-height);
  justify-content: center;
  width: var(--mgnl-icon-md-wrapper-width);
}
.mgnl-icon-button .mgnl-icon-button__icon svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-icon-button--xs {
  border-radius: var(--mgnl-icon-button-xs-border-radius);
  padding: var(--mgnl-icon-button-xs-padding);
  transition: all var(--mgnl-icon-button-xs-transition);
  max-width: var(--mgnl-icon-button-xs-size);
  max-height: var(--mgnl-icon-button-xs-size);
}
.mgnl-icon-button--sm {
  border-radius: var(--mgnl-icon-button-sm-border-radius);
  padding: var(--mgnl-icon-button-sm-padding);
  transition: all var(--mgnl-icon-button-sm-transition);
  max-width: var(--mgnl-icon-button-sm-size);
  max-height: var(--mgnl-icon-button-sm-size);
}
.mgnl-icon-button--md {
  border-radius: var(--mgnl-icon-button-md-border-radius);
  padding: var(--mgnl-icon-button-md-padding);
  transition: all var(--mgnl-icon-button-md-transition);
  max-width: var(--mgnl-icon-button-md-size);
  max-height: var(--mgnl-icon-button-md-size);
}

/*# sourceMappingURL=icon-button.css.map */
.mgnl-dialog .mgnl-dialog__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background-color: var(--mgnl-dialog-neutral-color-background-backdrop);
}
.mgnl-dialog .mgnl-dialog__overlay .mgnl-dialog__content-wrapper {
  display: grid;
  grid-template-columns: var(--mgnl-button-xs-size) auto var(--mgnl-button-xs-size);
  grid-gap: var(--mgnl-dialog-md-gap);
  margin: var(--mgnl-dialog-md-margin);
}
.mgnl-dialog .mgnl-dialog__overlay .mgnl-dialog__close-btn {
  background-color: var(--mgnl-color-white);
  border-radius: var(--mgnl-dialog-md-gap);
  margin-top: var(--mgnl-dialog-md-close-button-margin-top);
  height: var(--mgnl-button-xs-size);
}
.mgnl-dialog .mgnl-dialog__overlay .mgnl-dialog__close-btn:hover, .mgnl-dialog .mgnl-dialog__overlay .mgnl-dialog__close-btn:focus {
  background-color: var(--mgnl-color-white);
  border-radius: var(--mgnl-dialog-md-gap);
}
.mgnl-dialog .mgnl-dialog__content {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, 100vw);
  background-color: var(--mgnl-color-white);
  border-radius: var(--mgnl-dialog-md-border-radius-modal);
  overflow: hidden;
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__header {
  position: relative;
  display: flex;
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper {
  background-color: var(--mgnl-dialog-header-icon-info-color-background);
  width: var(--mgnl-dialog-header-md-min-height);
  height: var(--mgnl-dialog-header-md-min-height);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--mgnl-dialog-header-icon-md-border-radius-default);
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper svg {
  height: var(--mgnl-dialog-header-icon-md-size);
  width: var(--mgnl-dialog-header-icon-md-size);
  color: var(--mgnl-dialog-header-icon-info-color-fill);
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-text {
  padding: var(--mgnl-dialog-header-icon-md-padding);
  font-size: var(--mgnl-dialog-header-md-typography);
  line-height: var(--mgnl-dialog-header-icon-md-size);
  color: var(--mgnl-dialog-header-neutral-color-title);
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__content-scroll-container {
  max-height: 200px;
  overflow: auto;
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__content-scroll-container .mgnl-dialog__content-body {
  padding: var(--mgnl-dialog-footer-md-padding);
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__content-scroll-container .mgnl-dialog__content-body-no-padding {
  padding: 0;
}
.mgnl-dialog .mgnl-dialog__content .mgnl-dialog__footer {
  padding: var(--mgnl-dialog-footer-md-padding);
}
.mgnl-dialog .mgnl-dialog__content--scrolls .mgnl-dialog__header {
  box-shadow: var(--mgnl-dialog-header-neutral-scroll-boundary);
}
.mgnl-dialog .mgnl-dialog__content--scrolls .mgnl-dialog__footer {
  box-shadow: var(--mgnl-dialog-footer-neutral-scroll-boundary);
}
.mgnl-dialog .mgnl-dialog__content--xs {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-xs-max-width));
}
.mgnl-dialog .mgnl-dialog__content--sm {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-sm-max-width));
}
.mgnl-dialog .mgnl-dialog__content--md {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-md-max-width));
}
.mgnl-dialog--warning .mgnl-dialog__overlay {
  background-color: var(--mgnl-dialog-warning-color-background-backdrop);
}
.mgnl-dialog--warning .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper {
  background-color: var(--mgnl-dialog-header-icon-warning-color-background);
}
.mgnl-dialog--warning .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper svg {
  color: var(--mgnl-dialog-header-icon-warning-color-fill);
}
.mgnl-dialog--danger .mgnl-dialog__overlay {
  background-color: var(--mgnl-dialog-danger-color-background-backdrop);
}
.mgnl-dialog--danger .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper {
  background-color: var(--mgnl-dialog-header-icon-danger-color-background);
}
.mgnl-dialog--danger .mgnl-dialog__content .mgnl-dialog__header .mgnl-dialog__header-icon-wrapper svg {
  color: var(--mgnl-dialog-header-icon-danger-color-fill);
}
.mgnl-dialog--xs .mgnl-dialog__content {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-xs-max-width));
}
.mgnl-dialog--sm .mgnl-dialog__content {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-sm-max-width));
}
.mgnl-dialog--md .mgnl-dialog__content {
  width: min(100vw - (var(--mgnl-dialog-md-gap) + var(--mgnl-button-xs-size) + var(--mgnl-dialog-md-margin)) * 2, var(--mgnl-dialog-md-max-width));
}

/*# sourceMappingURL=dialog.css.map */
.mgnl-dropdown {
  display: inline-block;
  min-width: 15rem;
  position: relative;
  transition: var(--mgnl-checkbox-md-transition);
}

.mgnl-dropdown--full-width {
  display: block;
}

.mgnl-dropdown__layer {
  background-color: var(--mgnl-dropdown-menu-neutral-color-background);
  border-radius: var(--mgnl-dropdown-menu-md-border-radius);
  border: var(--mgnl-dropdown-menu-neutral-border);
  box-shadow: var(--mgnl-dropdown-menu-neutral-elevation);
  display: none;
  left: 0;
  position: absolute;
  z-index: 10;
  outline: 0;
}

.mgnl-dropdown__layer--bc133 {
  margin-top: 4px;
  max-height: 24rem;
  overflow-y: scroll;
}

.mgnl-dropdown__layer--opened {
  display: block;
}

.mgnl-dropdown__header {
  padding: 4px;
}
.mgnl-dropdown__header .mgnl-input,
.mgnl-dropdown__header .mgnl-input-group {
  width: 100%;
}

.mgnl-dropdown__body {
  max-height: 18.5rem;
  overflow-y: auto;
}

.mgnl-dropdown__footer {
  border-top: 1px solid var(--mgnl-dropdown-menu-divider-color);
}

.mgnl-dropdown__menu-list {
  list-style: none;
  margin: 0;
  padding: var(--mgnl-dropdown-menu-md-padding);
}

.mgnl-dropdown__menu-item-body {
  display: flex;
  flex-direction: column;
  gap: var(--mgnl-dropdown-menu-item-md-content-wrapper-gap);
  justify-content: center;
  margin: 0;
  padding: 0;
  padding: var(--mgnl-dropdown-menu-item-md-content-wrapper-padding);
  text-align: left;
  width: 100%;
}

.mgnl-dropdown__menu-item-asset svg,
.mgnl-dropdown__menu-item-checkmark svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.mgnl-dropdown__menu-item {
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  background-color: var(--mgnl-dropdown-menu-item-unselected-color-background-default);
  align-items: center;
  border-radius: var(--mgnl-dropdown-menu-item-md-border-radius-default);
  cursor: pointer;
  display: flex;
  gap: var(--mgnl-dropdown-menu-item-md-gap);
  padding: var(--mgnl-dropdown-menu-item-md-padding);
  min-height: var(--mgnl-dropdown-menu-item-md-min-height);
  transition: background-color var(--mgnl-dropdown-menu-item-md-transition), color var(--mgnl-dropdown-menu-item-md-transition);
}
.mgnl-dropdown__menu-item .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-unselected-color-icon-default);
}
.mgnl-dropdown__menu-item .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-unselected-color-label-default);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-unselected);
}
.mgnl-dropdown__menu-item .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-unselected-color-description-default);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-unselected);
}
.mgnl-dropdown__menu-item .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-unselected-color-checkmark-default);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item:hover {
  background-color: var(--mgnl-dropdown-menu-item-unselected-color-background-hover);
}
.mgnl-dropdown__menu-item:hover .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-unselected-color-icon-hover);
}
.mgnl-dropdown__menu-item:hover .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-unselected-color-label-hover);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-unselected);
}
.mgnl-dropdown__menu-item:hover .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-unselected-color-description-hover);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-unselected);
}
.mgnl-dropdown__menu-item:hover .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-unselected-color-checkmark-hover);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item--highlighted, .mgnl-dropdown__menu-item:focus {
  background-color: var(--mgnl-dropdown-menu-item-unselected-color-background-focus);
}
.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-asset, .mgnl-dropdown__menu-item:focus .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-unselected-color-icon-focus);
}
.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-label, .mgnl-dropdown__menu-item:focus .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-unselected-color-label-focus);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-unselected);
}
.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-description, .mgnl-dropdown__menu-item:focus .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-unselected-color-description-focus);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-unselected);
}
.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-checkmark, .mgnl-dropdown__menu-item:focus .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-unselected-color-checkmark-focus);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item[aria-disabled=true] {
  background-color: var(--mgnl-dropdown-menu-item-unselected-color-background-disabled);
  cursor: not-allowed;
}
.mgnl-dropdown__menu-item[aria-disabled=true] .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-unselected-color-icon-disabled);
}
.mgnl-dropdown__menu-item[aria-disabled=true] .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-unselected-color-label-disabled);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-unselected);
}
.mgnl-dropdown__menu-item[aria-disabled=true] .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-unselected-color-description-disabled);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-unselected);
}
.mgnl-dropdown__menu-item[aria-disabled=true] .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-unselected-color-checkmark-disabled);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item--selected {
  background-color: var(--mgnl-dropdown-menu-item-selected-color-background-default);
}
.mgnl-dropdown__menu-item--selected .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-selected-color-icon-default);
}
.mgnl-dropdown__menu-item--selected .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-selected-color-label-default);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-selected);
}
.mgnl-dropdown__menu-item--selected .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-selected-color-description-default);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-selected);
}
.mgnl-dropdown__menu-item--selected .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-selected-color-checkmark-default);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item--selected:hover {
  background-color: var(--mgnl-dropdown-menu-item-selected-color-background-hover);
}
.mgnl-dropdown__menu-item--selected:hover .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-selected-color-icon-hover);
}
.mgnl-dropdown__menu-item--selected:hover .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-selected-color-label-hover);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-selected);
}
.mgnl-dropdown__menu-item--selected:hover .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-selected-color-description-hover);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-selected);
}
.mgnl-dropdown__menu-item--selected:hover .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-selected-color-checkmark-hover);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item--selected.mgnl-dropdown__menu-item--highlighted, .mgnl-dropdown__menu-item--selected:focus {
  background-color: var(--mgnl-dropdown-menu-item-selected-color-background-focus);
}
.mgnl-dropdown__menu-item--selected.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-asset, .mgnl-dropdown__menu-item--selected:focus .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-selected-color-icon-focus);
}
.mgnl-dropdown__menu-item--selected.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-label, .mgnl-dropdown__menu-item--selected:focus .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-selected-color-label-focus);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-selected);
}
.mgnl-dropdown__menu-item--selected.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-description, .mgnl-dropdown__menu-item--selected:focus .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-selected-color-description-focus);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-selected);
}
.mgnl-dropdown__menu-item--selected.mgnl-dropdown__menu-item--highlighted .mgnl-dropdown__menu-item-checkmark, .mgnl-dropdown__menu-item--selected:focus .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-selected-color-checkmark-focus);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}
.mgnl-dropdown__menu-item--selected[aria-disabled=true] {
  background-color: var(--mgnl-dropdown-menu-item-selected-color-background-disabled);
}
.mgnl-dropdown__menu-item--selected[aria-disabled=true] .mgnl-dropdown__menu-item-asset {
  color: var(--mgnl-dropdown-menu-item-selected-color-icon-disabled);
}
.mgnl-dropdown__menu-item--selected[aria-disabled=true] .mgnl-dropdown__menu-item-label {
  color: var(--mgnl-dropdown-menu-item-selected-color-label-disabled);
  font: var(--mgnl-dropdown-menu-item-md-typography-label-selected);
}
.mgnl-dropdown__menu-item--selected[aria-disabled=true] .mgnl-dropdown__menu-item-description {
  color: var(--mgnl-dropdown-menu-item-selected-color-description-disabled);
  font: var(--mgnl-dropdown-menu-item-md-typography-description-selected);
}
.mgnl-dropdown__menu-item--selected[aria-disabled=true] .mgnl-dropdown__menu-item-checkmark {
  color: var(--mgnl-dropdown-menu-item-selected-color-checkmark-disabled);
  padding-right: var(--mgnl-dropdown-menu-item-md-checkmark-padding-right);
}

.mgnl-dropdown__menu-divider {
  padding: var(--mgnl-dropdown-menu-divider-padding-block) 0;
}
.mgnl-dropdown__menu-divider::after {
  background-color: var(--mgnl-dropdown-menu-divider-color);
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

/*# sourceMappingURL=dropdown.css.map */
.mgnl-form {
  display: grid;
  gap: var(--mgnl-form-md-form-group-gap);
  font: var(--mgnl-typography-ui-default-md);
  /* Alignment of form groups outside the fieldset with the rest of the fieldsets in the form. 
     Works for 10 levels of depth
  */
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
  --mgnl-form-group-offset: calc(var(--mgnl-form-group-md-padding) * 2);
}
.mgnl-form.is-dirty .mgnl-form-group:has(:invalid) > .mgnl-input-group,
.mgnl-form.is-dirty .mgnl-form-group:has(.is-invalid) > .mgnl-input-group {
  border: var(--mgnl-input-neutral-border-error);
}
.mgnl-form.is-dirty .mgnl-form-group:has(:invalid) > .mgnl-input-group:focus,
.mgnl-form.is-dirty .mgnl-form-group:has(.is-invalid) > .mgnl-input-group:focus {
  border: var(--mgnl-input-neutral-border-default);
}
.mgnl-form:has(.mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + 1px);
}
.mgnl-form:has(.mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + 2px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + 3px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + 4px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + 5px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + 6px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 5);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(40%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 7 + 7px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 6);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 5);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(40%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(28%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 8 + 8px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 7);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 6);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 5);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(40%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(28%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(16%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 9 + 9px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 8);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 7);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 6);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 5);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(40%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(28%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(16%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(4%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 10 + 10px);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset {
  padding-left: calc(var(--mgnl-form-group-offset) * 9);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 8);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 7);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 6);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 5);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 4);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 3);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 2);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 1);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) > .mgnl-form-fieldset:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) {
  padding-left: calc(var(--mgnl-form-group-offset) * 0);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(100%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(88%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(76%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(64%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(52%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(40%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(28%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(16%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(4%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset {
  border: 1px dashed color-mix(in srgb, transparent, var(--mgnl-color-neutral-40) max(-8%, 60%));
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset:has(.mgnl-form:has(.mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset .mgnl-form-fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}

.mgnl-form__footer {
  background-color: var(--mgnl-surface-dim);
  border-top: 1px solid var(--mgnl-border-color-neutral-mid-default);
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: var(--mgnl-form-control-md-item-gap);
}

.mgnl-form__footer-primary,
.mgnl-form__footer-secondary {
  align-items: center;
  display: flex;
  gap: var(--mgnl-form-control-md-item-gap);
}

.mgnl-form__footer-primary {
  flex-direction: row-reverse;
}

.mgnl-form--expanded {
  padding-bottom: 80px;
}
.mgnl-form--expanded .mgnl-form__footer {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
}

/*# sourceMappingURL=form.css.map */
.mgnl-placeholder {
  background-color: var(--mgnl-color-neutral-70);
  border-radius: var(--mgnl-border-radius-md);
  color: var(--mgnl-color-neutral-0);
  display: grid;
  font-size: 0.785rem;
  line-height: 1;
  min-height: 38px;
  min-width: 144px;
  padding: 0.5rem 1rem;
  place-content: center;
  text-align: center;
}
.mgnl-placeholder--lg {
  min-height: 76px;
}

.mgnl-form-group {
  --form-group-action-width: var(--mgnl-icon-button-md-size);
  border-radius: var(--mgnl-form-group-md-border-radius);
  padding: var(--mgnl-form-group-md-padding);
  transition: background-color var(--mgnl-form-group-md-transition), box-shadow var(--mgnl-form-group-md-transition);
  align-items: flex-start;
  box-shadow: var(--mgnl-form-group-neutral-elevation-default);
  display: grid;
  grid-template-areas: "handle label control indicator icon" "x0     x1    validation   x2        x3";
  grid-template-columns: var(--form-group-action-width) var(--mgnl-form-group-label-md-width) var(--mgnl-form-group-md-input-width) var(--form-group-action-width) var(--form-group-action-width);
  max-width: 1050px;
  /** @deprectated: use mgnl-form-group__validation instead */
}
.mgnl-form-group .mgnl-form-group__handle[type=button] {
  cursor: move;
  grid-area: handle;
}
.mgnl-form-group .mgnl-form-group__label {
  grid-area: label;
  z-index: 1;
}
.mgnl-form-group .mgnl-form-group__control {
  grid-area: control;
}
.mgnl-form-group .mgnl-form-group__delete {
  grid-area: icon;
}
.mgnl-form-group .mgnl-form-group__indicator {
  grid-area: indicator;
}
.mgnl-form-group .mgnl-form-group__validation,
.mgnl-form-group .mgnl-form-group__error,
.mgnl-form-group .error {
  grid-area: validation;
}
.mgnl-form-group--lg {
  grid-template-columns: var(--form-group-action-width) var(--mgnl-form-group-label-md-width) 1fr var(--form-group-action-width) var(--form-group-action-width);
}
.mgnl-form-group__label {
  font: var(--mgnl-form-group-label-md-typography-default);
  min-height: var(--mgnl-form-control-md-height);
  align-items: flex-start;
  color: var(--mgnl-form-group-label-neutral-label);
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.mgnl-form-group__label-text {
  padding: var(--mgnl-form-group-label-md-label-padding-right-aligned-all);
}
.mgnl-form-group__label-tooltip {
  margin-left: var(--mgnl-form-group-label-md-icon-label-gap);
  margin-right: 2px; /* Optical-alignment for focus field */
}
.mgnl-form-group__error,
.mgnl-form-group .error {
  display: flex;
  justify-content: space-between;
  margin-top: var(--mgnl-form-group-md-input-validation-gap);
  opacity: 0;
  transition: all 0.1s ease-in-out;
  transform: translateY(var(--mgnl-form-group-md-input-validation-gap));
  z-index: -1;
  background-color: var(--mgnl-form-group-validation-danger-color-background);
  color: var(--mgnl-form-group-validation-danger-color-text-default);
  border-radius: var(--mgnl-form-group-validation-md-border-radius);
  font: var(--mgnl-form-group-validation-md-typography);
  padding: var(--mgnl-form-group-validation-md-padding);
}
.mgnl-form-group .mgnl-form-group__validation-numerator--active {
  font-weight: var(--mgnl-font-weight-600);
  color: var(--mgnl-form-group-validation-neutral-color-text-counter-over-limit);
}
.mgnl-form-group__validation {
  display: flex;
  justify-content: space-between;
  margin-top: var(--mgnl-form-group-md-input-validation-gap);
  opacity: 0;
  transition: all 0.1s ease-in-out;
  transform: translateY(var(--mgnl-form-group-md-input-validation-gap));
  z-index: -1;
  border-radius: var(--mgnl-form-group-validation-md-border-radius);
  font: var(--mgnl-form-group-validation-md-typography);
  padding: var(--mgnl-form-group-validation-md-padding);
}
.mgnl-form-group__validation--error {
  background-color: var(--mgnl-form-group-validation-danger-color-background);
  color: var(--mgnl-form-group-validation-danger-color-text-default);
}
.mgnl-form-group__validation--error .mgnl-form-group__validation-numerator--active {
  font-weight: var(--mgnl-font-weight-600);
  color: var(--mgnl-form-group-validation-danger-color-text-counter-over-limit);
}
.mgnl-form-group__validation--neutral, .mgnl-form-group__validation--success {
  background-color: var(--mgnl-form-group-validation-neutral-color-background);
  color: var(--mgnl-form-group-validation-neutral-color-text-default);
}
.mgnl-form-group .mgnl-input,
.mgnl-form-group .mgnl-input-group,
.mgnl-form-group .mgnl-form-field {
  width: 100%;
}
.mgnl-form-group__control > .mgnl-checkbox,
.mgnl-form-group__control > .mgnl-switch {
  display: inline-block;
  margin-top: var(--mgnl-dimension-10);
}
.mgnl-form-group__control--multiple {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-default);
  border-radius: var(--mgnl-checkbox-radio-list-md-border-radius);
  border: var(--mgnl-checkbox-radio-list-neutral-border-default);
  display: flex;
  flex-direction: column;
  gap: var(--mgnl-checkbox-radio-list-md-gap);
  margin: 0;
  padding: var(--mgnl-checkbox-radio-list-md-padding);
}
.mgnl-form-group--disabled > .mgnl-form-group__control--multiple {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-disabled);
  border: var(--mgnl-checkbox-radio-list-neutral-border-disabled);
}
.mgnl-form-group .mgnl-form-group__validation, .mgnl-form-group.is-invalid .mgnl-form-group__error, .mgnl-form-group:has(:invalid) .mgnl-form-group__error, .mgnl-form-group:has(.is-invalid) .mgnl-form-group__error .mgnl-form-group.is-invalid .error, .mgnl-form-group:has(:invalid) .error, .mgnl-form-group:has(.is-invalid) .error {
  opacity: 1;
  transform: translateY(0);
}
.mgnl-form-group.is-invalid > .mgnl-form-group__indicator, .mgnl-form-group:has(:invalid) > .mgnl-form-group__indicator, .mgnl-form-group:has(.is-invalid) > .mgnl-form-group__indicator {
  color: var(--mgnl-form-group-required-symbol-danger-color-icon);
}
.mgnl-form-group.is-invalid > .mgnl-form-group__control--multiple, .mgnl-form-group:has(:invalid) > .mgnl-form-group__control--multiple, .mgnl-form-group:has(.is-invalid) > .mgnl-form-group__control--multiple {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-error);
  border: var(--mgnl-checkbox-radio-list-neutral-border-error);
}
.mgnl-form-group.is-success > .mgnl-form-group__indicator {
  color: var(--mgnl-form-group-required-symbol-success-color-icon);
}
.mgnl-form-group:has(.mgnl-form-group__handle:hover) {
  background-color: var(--mgnl-form-group-neutral-background-drag-handle-on-hover);
  box-shadow: var(--mgnl-form-group-neutral-elevation-drag-handle-on-hover);
}
.mgnl-form-group--layout-stacked {
  grid-template-columns: var(--form-group-action-width) var(--mgnl-form-group-md-input-width) var(--form-group-action-width) var(--form-group-action-width);
  grid-template-areas: "handle label label _" "handle control indicator icon" "handle validation indicator icon";
}
.mgnl-form-group--layout-stacked.mgnl-form-group--lg {
  grid-template-columns: var(--form-group-action-width) 1fr var(--form-group-action-width) var(--form-group-action-width);
}
.mgnl-form-group--layout-stacked .mgnl-form-group__label {
  justify-content: flex-start;
}
.mgnl-form-group--layout-stacked .mgnl-form-group__label-text {
  padding: var(--mgnl-form-group-label-md-label-padding-top) var(--mgnl-form-group-label-md-label-padding-right) var(--mgnl-form-group-label-md-label-padding-top) var(--mgnl-form-group-label-md-label-padding-left);
  text-align: left;
}

.mgnl-checkbox-group,
.mgnl-radio-group {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-default);
  border-radius: var(--mgnl-checkbox-radio-list-md-border-radius);
  border: var(--mgnl-checkbox-radio-list-neutral-border-default);
  display: flex;
  flex-direction: column;
  gap: var(--mgnl-checkbox-radio-list-md-gap);
  margin: 0;
  padding: var(--mgnl-checkbox-radio-list-md-padding);
}
.mgnl-checkbox-group[aria-disabled=true], .mgnl-checkbox-group[disabled],
.mgnl-radio-group[aria-disabled=true],
.mgnl-radio-group[disabled] {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-disabled);
  border: var(--mgnl-checkbox-radio-list-neutral-border-disabled);
}
.mgnl-checkbox-group[aria-disabled=true]:focus, .mgnl-checkbox-group[disabled]:focus,
.mgnl-radio-group[aria-disabled=true]:focus,
.mgnl-radio-group[disabled]:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-input);
}
.mgnl-checkbox-group[aria-disabled=true]:focus-visible, .mgnl-checkbox-group[disabled]:focus-visible,
.mgnl-radio-group[aria-disabled=true]:focus-visible,
.mgnl-radio-group[disabled]:focus-visible {
  outline: none;
}
.mgnl-checkbox-group.is-invalid,
.mgnl-radio-group.is-invalid {
  background-color: var(--mgnl-checkbox-radio-list-neutral-background-error);
  border: var(--mgnl-checkbox-radio-list-neutral-border-error);
}

.mgnl-form-fieldset {
  --form-group-action-width: var(--mgnl-icon-button-md-size);
  max-width: fit-content;
  min-width: 870px;
  padding: var(--mgnl-fieldset-md-outer-wrapper-padding);
}
.mgnl-form-fieldset + .mgnl-form-fieldset, .mgnl-form-fieldset .mgnl-form-fieldset, .mgnl-form-fieldset:not(:first-of-type) {
  padding-top: var(--mgnl-fieldset-md-items-padding-top);
}
.mgnl-form-fieldset__fieldset {
  position: relative;
  background-color: var(--mgnl-fieldset-neutral-background-default);
  border: 1px dashed var(--mgnl-color-neutral-40);
  outline: 1px solid transparent;
  border-radius: var(--mgnl-fieldset-md-border-radius);
  display: grid;
  gap: var(--mgnl-form-md-form-group-gap);
  margin: 0;
  padding: var(--mgnl-fieldset-md-items-padding-all);
  transition: all var(--mgnl-fieldset-md-transition);
  z-index: 0;
}
.mgnl-form-fieldset__fieldset:hover {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form-fieldset__fieldset:focus-within {
  border: var(--mgnl-fieldset-neutral-border-focus-within);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:hover), .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-danger);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:hover), .mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__header__delete:focus) {
  border: var(--mgnl-fieldset-neutral-border-hover);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (1) + 0px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 0 + 0px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (2) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 1 + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (3) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 2 + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (4) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 3 + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (5) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 4 + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (6) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 5 + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (7) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 6 + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (8) + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 7 + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (9) + 8px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 8 + 8px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (10) + 9px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 9 + 9px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__header {
  padding-inline: calc(var(--mgnl-fieldset-md-header-padding-inline) * (11) + 10px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) > .mgnl-form-fieldset__footer {
  padding-left: calc(var(--mgnl-fieldset-md-add-action-padding-left) + var(--mgnl-fieldset-md-header-padding-inline) * 10 + 10px);
}
.mgnl-form-fieldset__header {
  align-items: flex-start;
  box-shadow: var(--mgnl-form-group-neutral-elevation-default);
  display: grid;
  grid-template-areas: "handle label control indicator icon" "x0     x1    validation   x2        x3";
  grid-template-columns: var(--form-group-action-width) var(--mgnl-form-group-label-md-width) var(--mgnl-form-group-md-input-width) var(--form-group-action-width) var(--form-group-action-width);
  max-width: 1050px;
  border-radius: var(--mgnl-form-group-md-border-radius);
  padding: var(--mgnl-form-group-md-padding);
  transition: background-color var(--mgnl-form-group-md-transition), box-shadow var(--mgnl-form-group-md-transition);
  left: 0;
  max-width: none;
  padding-inline: var(--mgnl-fieldset-md-header-padding-inline);
  position: absolute;
  top: calc(0px - var(--mgnl-fieldset-md-items-padding-top));
  width: 100%;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__handle[type=button] {
  cursor: move;
  grid-area: handle;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__label {
  grid-area: label;
  z-index: 1;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__control {
  grid-area: control;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__delete {
  grid-area: icon;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__indicator {
  grid-area: indicator;
}
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__validation,
.mgnl-form-fieldset__header .mgnl-form-fieldset__header__error,
.mgnl-form-fieldset__header .error {
  grid-area: validation;
}
.mgnl-form-fieldset__header__label {
  font: var(--mgnl-form-group-label-md-typography-strong);
  min-height: var(--mgnl-form-control-md-height);
  align-items: flex-start;
  color: var(--mgnl-form-group-label-neutral-label);
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.mgnl-form-fieldset__header__label-text {
  padding: var(--mgnl-form-group-label-md-label-padding-right-aligned-all);
}
.mgnl-form-fieldset__header__label-tooltip {
  margin-left: var(--mgnl-form-group-label-md-icon-label-gap);
  margin-right: 2px; /* Optical-alignment for focus field */
}
.mgnl-form-fieldset__header .mgnl-icon-button,
.mgnl-form-fieldset__header .mgnl-icon-button:hover, .mgnl-form-fieldset__header__label-text {
  background: var(--mgnl-form-group-label-neutral-background-surface-default);
}
.mgnl-form-fieldset__footer {
  display: flex;
  gap: var(--mgnl-fieldset-md-end-actions-gap);
  padding: var(--mgnl-fieldset-md-add-action-padding-all);
}
.mgnl-form-fieldset__error {
  display: flex;
  justify-content: space-between;
  margin-top: var(--mgnl-form-group-md-input-validation-gap);
  opacity: 0;
  transition: all 0.1s ease-in-out;
  transform: translateY(var(--mgnl-form-group-md-input-validation-gap));
  z-index: -1;
  background-color: var(--mgnl-form-group-validation-danger-color-background);
  color: var(--mgnl-form-group-validation-danger-color-text-default);
  border-radius: var(--mgnl-form-group-validation-md-border-radius);
  font: var(--mgnl-form-group-validation-md-typography);
  padding: var(--mgnl-form-group-validation-md-padding);
}
.mgnl-form-fieldset.is-invalid > .mgnl-form-fieldset__fieldset {
  border: var(--mgnl-fieldset-neutral-border-error);
}
.mgnl-form-fieldset.is-invalid > .mgnl-form-fieldset__fieldset > .mgnl-form-fieldset__header > .mgnl-form-fieldset__header__indicator {
  color: var(--mgnl-form-group-required-symbol-danger-color-icon);
}
.mgnl-form-fieldset.is-success > .mgnl-form-fieldset__fieldset > .mgnl-form-fieldset__header > .mgnl-form-fieldset__header__indicator {
  color: var(--mgnl-form-group-required-symbol-success-color-icon);
}
.mgnl-form-fieldset.is-invalid > .mgnl-form-fieldset__error {
  opacity: 1;
  transform: translateY(0);
}

/* Alignment of form groups inside the fieldset with the rest of the fieldsets in the fieldset. 
   Works for 10 levels of depth
*/
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + var(--mgnl-form-group-md-padding) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 7 + var(--mgnl-form-group-md-padding) + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + var(--mgnl-form-group-md-padding) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 8 + var(--mgnl-form-group-md-padding) + 8px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 7 + var(--mgnl-form-group-md-padding) + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + var(--mgnl-form-group-md-padding) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 9 + var(--mgnl-form-group-md-padding) + 9px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 8 + var(--mgnl-form-group-md-padding) + 8px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 7 + var(--mgnl-form-group-md-padding) + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + var(--mgnl-form-group-md-padding) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 10 + var(--mgnl-form-group-md-padding) + 10px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 9 + var(--mgnl-form-group-md-padding) + 9px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 8 + var(--mgnl-form-group-md-padding) + 8px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 7 + var(--mgnl-form-group-md-padding) + 7px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 6 + var(--mgnl-form-group-md-padding) + 6px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 5 + var(--mgnl-form-group-md-padding) + 5px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 4 + var(--mgnl-form-group-md-padding) + 4px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 3 + var(--mgnl-form-group-md-padding) + 3px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 2 + var(--mgnl-form-group-md-padding) + 2px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 1 + var(--mgnl-form-group-md-padding) + 1px);
}
.mgnl-form-fieldset__fieldset:has(.mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset) .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-fieldset__fieldset .mgnl-form-group {
  padding-left: calc(var(--mgnl-form-group-offset) * 0 + var(--mgnl-form-group-md-padding) + 0px);
}

.mgnl-form-fieldset--layout-stacked .mgnl-form-fieldset__header {
  grid-template-columns: var(--form-group-action-width) 1fr 1fr var(--form-group-action-width) var(--form-group-action-width);
}
.mgnl-form-fieldset--layout-stacked .mgnl-form-fieldset__header__label {
  justify-content: flex-start;
}
.mgnl-form-fieldset--layout-stacked .mgnl-form-fieldset__header__label-text {
  padding: var(--mgnl-form-group-label-md-label-padding-top) var(--mgnl-form-group-label-md-label-padding-right) var(--mgnl-form-group-label-md-label-padding-top) var(--mgnl-form-group-label-md-label-padding-left);
  text-align: left;
}

/*# sourceMappingURL=formgroup.css.map */

/* stylelint-disable */
@keyframes animation-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animation-pulse {
  0%, 100% {
    opacity: var(--mgnl-opacity-default);
  }
  50% {
    opacity: var(--mgnl-opacity-med);
  }
}
/* .mgnl-form-field is a deprecated class */
.mgnl-input,
.mgnl-form-field {
  transition: all var(--mgnl-animation-duration-50) var(--mgnl-animation-timing-ease-out-sharp);
  color: var(--mgnl-input-neutral-color-text-default);
  font: var(--mgnl-typography-ui-default-md);
  text-align: left;
  background-color: var(--mgnl-input-neutral-color-background-default);
  border: var(--mgnl-input-neutral-border-default);
  display: inline-block;
  min-width: 14rem;
  outline: var(--mgnl-focus-outline-none);
  position: relative;
  border-radius: var(--mgnl-input-md-border-radius);
  padding: var(--mgnl-form-control-md-padding-block) var(--mgnl-form-control-md-padding-inline);
}
.mgnl-input:hover,
.mgnl-form-field:hover {
  background-color: var(--mgnl-input-neutral-color-background-hover);
  border: var(--mgnl-input-neutral-border-hover);
  color: var(--mgnl-input-neutral-color-text-hover);
}
.mgnl-input:focus,
.mgnl-form-field:focus {
  background-color: var(--mgnl-input-neutral-color-background-focus);
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input);
  color: var(--mgnl-input-neutral-color-text-focus);
}
.mgnl-input::placeholder,
.mgnl-form-field::placeholder {
  color: var(--mgnl-input-neutral-color-text-disabled);
}
.mgnl-input[aria-disabled=true], .mgnl-input:disabled,
.mgnl-form-field[aria-disabled=true],
.mgnl-form-field:disabled {
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  border: var(--mgnl-input-neutral-border-disabled);
  caret-color: transparent;
  color: var(--mgnl-input-neutral-color-text-disabled);
  cursor: not-allowed;
  box-shadow: var(--mgnl-focus-outline-none);
  pointer-events: none;
}
.mgnl-input[aria-disabled=true]:focus:only-child, .mgnl-input:disabled:focus:only-child,
.mgnl-form-field[aria-disabled=true]:focus:only-child,
.mgnl-form-field:disabled:focus:only-child {
  box-shadow: var(--mgnl-focus-outline-disabled-input);
}
.mgnl-input--md,
.mgnl-form-field--md {
  border-radius: var(--mgnl-input-md-border-radius);
  padding: var(--mgnl-form-control-md-padding-block) var(--mgnl-form-control-md-padding-inline);
}
.mgnl-input--sm,
.mgnl-form-field--sm {
  border-radius: var(--mgnl-input-sm-border-radius);
  padding: var(--mgnl-form-control-sm-padding-block) var(--mgnl-form-control-sm-padding-inline);
}
.mgnl-input--xs,
.mgnl-form-field--xs {
  border-radius: var(--mgnl-input-xs-border-radius);
  padding: var(--mgnl-form-control-xs-padding-block) var(--mgnl-form-control-xs-padding-inline);
}
.mgnl-input.is-invalid, .mgnl-input.is-dirty:invalid,
.mgnl-form-field.is-invalid,
.mgnl-form-field.is-dirty:invalid {
  border: var(--mgnl-input-neutral-border-error);
}
.mgnl-input.is-invalid:focus-within, .mgnl-input.is-dirty:invalid:focus-within,
.mgnl-form-field.is-invalid:focus-within,
.mgnl-form-field.is-dirty:invalid:focus-within {
  box-shadow: var(--mgnl-focus-outline-danger-input);
  outline: 0px;
  border: var(--mgnl-input-neutral-border-error);
}

textarea.mgnl-input,
textarea.mgnl-form-field {
  resize: vertical;
}

textarea[aria-disabled=true] {
  resize: none;
}

.mgnl-input-group {
  transition: all var(--mgnl-animation-duration-50) var(--mgnl-animation-timing-ease-out-sharp);
  color: var(--mgnl-input-neutral-color-text-default);
  font: var(--mgnl-typography-ui-default-md);
  text-align: left;
  align-items: center;
  align-content: stretch;
  background-color: var(--mgnl-input-neutral-color-background-default);
  border-radius: var(--mgnl-input-md-border-radius);
  border: var(--mgnl-input-neutral-border-default);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  outline: 0;
}
.mgnl-input-group:hover {
  border: var(--mgnl-input-neutral-border-hover);
}
.mgnl-input-group:has(input:focus) {
  background-color: var(--mgnl-input-neutral-color-background-focus);
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input);
  color: var(--mgnl-input-neutral-color-text-focus);
}
.mgnl-input-group > .mgnl-input-group__addon {
  gap: 1px;
}
.mgnl-input-group > .mgnl-input-group__addon .mgnl-button:focus {
  background-color: var(--mgnl-input-neutral-color-background-focus);
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input);
  color: var(--mgnl-input-neutral-color-text-focus);
  background-color: var(--mgnl-button-secondary-color-background-default);
}
.mgnl-input-group > .mgnl-input-group__addon:first-child .mgnl-button:focus {
  border-top-left-radius: var(--mgnl-button-md-border-radius-default);
  border-bottom-left-radius: var(--mgnl-button-md-border-radius-default);
}
.mgnl-input-group > .mgnl-input-group__addon:last-child .mgnl-button:focus {
  border-top-right-radius: var(--mgnl-button-md-border-radius-default);
  border-bottom-right-radius: var(--mgnl-button-md-border-radius-default);
}
.mgnl-input-group.is-invalid {
  border: var(--mgnl-input-neutral-border-error);
}
.mgnl-input-group.is-invalid:focus-within {
  box-shadow: var(--mgnl-focus-outline-danger-input);
  outline: 0px;
  border: var(--mgnl-input-neutral-border-error);
}
.mgnl-input-group .mgnl-input,
.mgnl-input-group .mgnl-form-field {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  flex: 1;
  outline: 0;
}
.mgnl-input-group .mgnl-input:focus,
.mgnl-input-group .mgnl-form-field:focus {
  border-width: 0;
}
.mgnl-input-group .mgnl-input, .mgnl-input-group .mgnl-input.is-invalid, .is-invalid .mgnl-input-group .mgnl-input,
.mgnl-input-group .mgnl-form-field,
.mgnl-input-group .mgnl-form-field.is-invalid,
.is-invalid .mgnl-input-group .mgnl-form-field {
  box-shadow: none;
}
.mgnl-input-group .mgnl-button,
.mgnl-input-group .mgnl-icon-button {
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}
.mgnl-input-group .mgnl-tag-group {
  padding: var(--mgnl-dimension-5);
}
.mgnl-input-group__addon--text {
  line-height: 1;
  padding: var(--mgnl-form-control-md-padding-block) var(--mgnl-form-control-md-padding-inline);
}
.mgnl-input-group.is-disabled {
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  border: 1px solid transparent;
  cursor: not-allowed;
}
.mgnl-input-group.is-disabled:focus-within {
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  border: var(--mgnl-input-neutral-border-disabled);
  box-shadow: var(--mgnl-focus-outline-disabled-input);
}
.mgnl-input-group.is-disabled .mgnl-input-group__addon--text {
  color: var(--mgnl-input-neutral-color-text-disabled);
}
.mgnl-input-group.is-disabled .mgnl-icon-button {
  pointer-events: none;
}
.mgnl-input-group.is-disabled .mgnl-tag {
  cursor: not-allowed;
}
.mgnl-input-group.is-disabled .mgnl-tag__close {
  display: none;
}
.mgnl-input-group__addon {
  align-self: stretch;
  align-items: center;
  display: flex;
  gap: 3px;
}
.mgnl-input-group__addon + .mgnl-input-group__addon {
  margin-left: 2px;
}
.mgnl-input-group__addon .mgnl-button--secondary {
  border: 1px solid transparent;
}
.mgnl-input-group__addon:has(.mgnl-icon-button) + input {
  margin-left: -0.75em;
}

button.mgnl-input-group {
  appearance: none;
  cursor: pointer;
  padding: 0;
}

.mgnl-form-select {
  background-color: var(--mgnl-input-neutral-color-background-default);
  border: var(--mgnl-input-neutral-border-default);
  border-radius: var(--mgnl-input-md-border-radius);
  display: block;
  min-width: 200px;
  position: relative;
  z-index: 1;
}
.mgnl-form-select::after {
  background-color: var(--mgnl-surface-tint-low);
  content: "⌃";
  transform: rotate(180deg);
  color: #666;
  font-size: 1.25rem;
  height: 100%;
  line-height: 2.16;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 2em;
  z-index: -1;
  border-radius: var(--mgnl-input-md-border-radius) 0 0 var(--mgnl-input-md-border-radius);
}
.mgnl-form-select:hover {
  border: var(--mgnl-input-neutral-border-hover);
}
.mgnl-form-select select {
  appearance: none;
  background: transparent;
  border-radius: var(--mgnl-input-md-border-radius);
  border: none;
  cursor: pointer;
  display: block;
  font: var(--mgnl-typography-ui-default-md);
  padding: 0.7em 3.5em 0.7em 0.85em;
  width: 100%;
  outline: none;
}
.mgnl-form-select select:focus {
  border: var(--mgnl-border-none);
  box-shadow: var(--mgnl-focus-outline-neutral-slider);
}
.mgnl-form-select select[aria-disabled=true] {
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  border: var(--mgnl-input-neutral-border-disabled);
  caret-color: transparent;
  color: var(--mgnl-input-neutral-color-text-disabled);
  cursor: not-allowed;
  box-shadow: var(--mgnl-focus-outline-none);
  pointer-events: none;
  background: transparent;
  border: none;
}
.is-disabled .mgnl-form-select select:focus, .mgnl-form-select select[aria-disabled=true]:focus {
  box-shadow: var(--mgnl-focus-outline-disabled-input);
}
.mgnl-form-select.is-disabled {
  border: none;
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  cursor: not-allowed;
}
.mgnl-form-select.is-disabled::after {
  color: var(--mgnl-button-secondary-color-icon-disabled);
}
.is-invalid .mgnl-form-select, .mgnl-form-select.is-invalid {
  border: var(--mgnl-input-neutral-border-error);
}
.is-invalid .mgnl-form-select select:focus, .mgnl-form-select.is-invalid select:focus {
  outline-color: var(--mgnl-border-color-danger-base-default);
}

/*# sourceMappingURL=input.css.map */
/* stylelint-disable no-descending-specificity */
.mgnl-link-field {
  border: 0;
  border-radius: 8px;
  max-width: 450px;
  /* SELECTED state */
  /* ERROR state */
  /* FOCUS state (NOT selected) */
  /* FOCUS state (selected) */
  /* HOVER state */
}
.mgnl-link-field .mgnl-input-group {
  width: 100%;
}
.mgnl-link-field .mgnl-link-field__preview {
  align-items: center;
  background-image: radial-gradient(circle, var(--mgnl-color-neutral-20) 1px, transparent 1px);
  background-position: 3px 3px;
  background-size: 12px 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.mgnl-link-field.mgnl-link-field--selected .mgnl-input-group {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mgnl-link-field.mgnl-link-field--selected .mgnl-link-field__preview {
  border: 1px solid var(--mgnl-border-color-neutral-base-default);
  border-top: 0;
}
.mgnl-link-field.is-invalid {
  /* with FOCUS too */
}
.mgnl-link-field.is-invalid .mgnl-input-group {
  border: var(--mgnl-input-neutral-border-error);
}
.mgnl-link-field.is-invalid .mgnl-input-group:not(:only-child) {
  border-bottom: 1px solid var(--mgnl-border-color-neutral-base-default);
}
.mgnl-link-field.is-invalid .mgnl-input-group:focus-within {
  box-shadow: var(--mgnl-focus-outline-danger-input);
}
.mgnl-link-field.is-invalid .mgnl-link-field__preview {
  border: var(--mgnl-input-neutral-border-error);
  border-top: 0;
  clip-path: inset(0 -1px -1px -1px);
}
.mgnl-link-field.is-invalid:focus .mgnl-input-group {
  box-shadow: var(--mgnl-focus-outline-danger-input);
}
.mgnl-link-field.is-invalid:focus-within .mgnl-input-group:not(:only-child) {
  clip-path: inset(-1px -1px 0 -1px);
}
.mgnl-link-field.is-invalid:focus-within .mgnl-link-field__preview {
  box-shadow: var(--mgnl-focus-outline-danger-input);
}
.mgnl-link-field .mgnl-input-group.is-disabled + .mgnl-link-field__preview {
  border-color: var(--mgnl-border-color-neutral-base-disabled);
  border-top: 0;
}
.mgnl-link-field:focus:not(.mgnl-link-field--selected, .is-invalid) .mgnl-input-group {
  background-color: var(--mgnl-input-neutral-color-background-focus);
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input);
  color: var(--mgnl-input-neutral-color-text-focus);
}
.mgnl-link-field.mgnl-link-field--selected:not(.is-invalid):has(input:focus) {
  background-color: var(--mgnl-input-neutral-color-background-focus);
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input);
  color: var(--mgnl-input-neutral-color-text-focus);
}
.mgnl-link-field.mgnl-link-field--selected:not(.is-invalid):has(input:focus) .mgnl-input-group:not(:only-child) {
  border: 0;
  border-bottom: 1px solid var(--mgnl-border-color-neutral-base-default);
  box-shadow: unset;
}
.mgnl-link-field.mgnl-link-field--selected:not(.is-invalid):has(input:focus) .mgnl-link-field__preview {
  border: 0;
  clip-path: inset(0 -1px -1px -1px);
}
.mgnl-link-field.mgnl-link-field--selected:not(.is-invalid) .mgnl-button--secondary:focus {
  border-bottom-right-radius: unset;
}
.mgnl-link-field:hover:has(input:not([aria-disabled=true])):not(.is-invalid) > * {
  background-color: var(--mgnl-input-neutral-color-background-hover);
  border: var(--mgnl-input-neutral-border-hover);
  color: var(--mgnl-input-neutral-color-text-hover);
}
.mgnl-link-field:hover:focus-within:has(input:not([aria-disabled=true])):not(.is-invalid) > .mgnl-input-group:only-child {
  border: var(--mgnl-input-neutral-border-focus);
}
.mgnl-link-field:hover:has(input:not([aria-disabled=true])) .mgnl-input-group:not(:only-child) {
  border-bottom: 1px solid var(--mgnl-border-color-neutral-base-default);
}
.mgnl-link-field:hover:has(input:not([aria-disabled=true])) .mgnl-link-field__preview {
  border-top: 0;
  clip-path: inset(0 -1px -1px -1px);
}
.mgnl-link-field:hover .mgnl-input[aria-disabled=true]:hover {
  border: unset;
}

.mgnl-link-field__maximize-button {
  background: var(--mgnl-surface-base);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.mgnl-link-field__image {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 150px;
  padding: 8px;
  width: 340px;
}
.mgnl-link-field__image.mgnl-link-field__image--large img {
  height: 100%;
  width: 100%;
}
.mgnl-link-field__image.mgnl-link-field__image--tall {
  max-height: 500px;
}
.mgnl-link-field__image.mgnl-link-field__image--tall img {
  width: 100%;
}

.mgnl-link-field__file-info {
  background: var(--mgnl-surface-base);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
}
.mgnl-link-field__file-info.mgnl-link-field__file-info--xs {
  padding: var(--mgnl-input-xs-padding-text-wrapper-link-field);
}
.mgnl-link-field__file-info.mgnl-link-field__file-info--sm {
  padding: var(--mgnl-input-sm-padding-text-wrapper-link-field);
}
.mgnl-link-field__file-info.mgnl-link-field__file-info--md {
  padding: var(--mgnl-input-md-padding-text-wrapper-link-field);
}
.mgnl-link-field__file-info .mgnl-link-field__meta-data {
  display: flex;
  gap: 6px;
}
.mgnl-link-field__file-info .mgnl-link-field__file-title {
  font: var(--mgnl-typography-ui-strong-md);
}
.mgnl-link-field__file-info .mgnl-link-field__meta-data-info {
  color: var(--mgnl-text-color-dim);
  font: var(--mgnl-typography-ui-default-sm);
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mgnl-link-field__file-info .mgnl-link-field__dot {
  color: var(--mgnl-border-color-neutral-mid-default);
  font: var(--mgnl-typography-ui-default-sm);
}

/*# sourceMappingURL=linkField.css.map */

/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-radio {
  position: relative;
  user-select: none;
}
.mgnl-radio__input {
  left: 0;
  opacity: 0;
  position: absolute;
}
.mgnl-radio__label {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--mgnl-radio-button-md-gap);
  position: relative;
  color: var(--color, var(--mgnl-radio-button-unchecked-color-label-default));
  font: var(--mgnl-radio-button-md-typography);
}
.mgnl-radio__label::after, .mgnl-radio__label::before {
  box-sizing: border-box;
  display: inline-block;
  content: "";
}
.mgnl-radio__label::before {
  position: relative;
}
.mgnl-radio__label::after, .mgnl-radio__label::before {
  border-radius: var(--mgnl-radio-button-md-border-radius);
}
.mgnl-radio__label::before {
  background-color: var(--dot-bg, var(--mgnl-radio-button-unchecked-color-dot-default));
  border: var(--dot-border, var(--mgnl-radio-button-unchecked-border-default));
  min-height: 1.125rem;
  min-width: 1.125rem;
  transition: background-color var(--mgnl-radio-button-md-transition), border-color var(--mgnl-radio-button-md-transition), box-shadow var(--mgnl-radio-button-md-transition);
}
.mgnl-radio__label::after {
  background-color: var(--dot-fg, var(--mgnl-radio-button-unchecked-color-fill-default));
  height: 0.625rem;
  left: 0.25rem;
  opacity: 0;
  position: absolute;
  top: 0.25rem;
  width: 0.625rem;
}
.mgnl-radio:hover .mgnl-radio__label {
  --color: var(--mgnl-radio-button-unchecked-color-label-hover);
  --dot-bg: var(--mgnl-radio-button-unchecked-color-fill-hover);
  --dot-border: var(--mgnl-radio-button-unchecked-border-hover);
  --dot-fg: var(--mgnl-radio-button-unchecked-color-dot-hover);
}
.mgnl-radio__input:focus + .mgnl-radio__label {
  --color: var(--mgnl-radio-button-unchecked-color-label-focus);
  --dot-bg: var(--mgnl-radio-button-unchecked-color-fill-focus);
  --dot-border: var(--mgnl-radio-button-unchecked-border-focus);
  --dot-fg: var(--mgnl-radio-button-unchecked-color-dot-focus);
}
.mgnl-radio__input:focus + .mgnl-radio__label::before {
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-radio__input:disabled + .mgnl-radio__label {
  cursor: not-allowed;
  --color: var(--mgnl-radio-button-unchecked-color-label-disabled);
  --dot-bg: var(--mgnl-radio-button-unchecked-color-fill-disabled);
  --dot-border: var(--mgnl-radio-button-unchecked-border-disabled);
  --dot-fg: var(--mgnl-radio-button-unchecked-color-dot-disabled);
}
.mgnl-radio__input:checked + .mgnl-radio__label {
  --color: var(--mgnl-radio-button-checked-color-label-default);
  --dot-bg: var(--mgnl-radio-button-checked-color-fill-default);
  --dot-border: var(--mgnl-radio-button-checked-border-default);
  --dot-fg: var(--mgnl-radio-button-checked-color-dot-default);
}
.mgnl-radio__input:checked + .mgnl-radio__label::after {
  opacity: 1;
}
.mgnl-radio__input:checked:focus + .mgnl-radio__label {
  --color: var(--mgnl-radio-button-checked-color-label-focus);
  --dot-bg: var(--mgnl-radio-button-checked-color-fill-focus);
  --dot-border: var(--mgnl-radio-button-checked-border-focus);
  --dot-fg: var(--mgnl-radio-button-checked-color-dot-focus);
}
.mgnl-radio:hover .mgnl-radio__input:checked + .mgnl-radio__label {
  --color: var(--mgnl-radio-button-checked-color-label-hover);
  --dot-bg: var(--mgnl-radio-button-checked-color-fill-hover);
  --dot-border: var(--mgnl-radio-button-checked-border-hover);
  --dot-fg: var(--mgnl-radio-button-checked-color-dot-hover);
}
.mgnl-radio__input:checked:disabled + .mgnl-radio__label, .mgnl-radio:hover .mgnl-radio__input:checked:disabled + .mgnl-radio__label {
  --color: var(--mgnl-radio-button-checked-color-label-disabled);
  --dot-bg: var(--mgnl-radio-button-checked-color-fill-disabled);
  --dot-border: var(--mgnl-radio-button-checked-border-disabled);
  --dot-fg: var(--mgnl-radio-button-checked-color-dot-disabled);
}

/*# sourceMappingURL=radio.css.map */
:root {
  /* Overrides the border radius setting in the theme. */
  --ck-border-radius: var(--mgnl-form-control-md-border-radius);
  /* Overrides the default font size in the theme. 
    This fonts size only impact size of the toolbar icons as well as 
    labels in the toolbar.
  */
  --ck-font-size-base: var(-mgnl-font-size-300);
  /* Helper variables to avoid duplication in the colors. */
  --ck-custom-border: var(--mgnl-border-color-neutral-base-default);
  --ck-custom-divider: var(--mgnl-border-color-neutral-mid-default);
  --ck-custom-surface-default: var(--mgnl-surface-base);
  --ck-custom-surface-dim: var(--mgnl-surface-dim);
  /* -- Overrides generic colors. ------------------------------------------------------------- */
  --ck-color-base-foreground: var(--ck-custom-surface-default);
  --ck-color-focus-border: var(--mgnl-border-color-primary-base-default);
  --ck-color-text: var(--mgnl-text-color-mid);
  --ck-color-shadow-drop: var(--mgnl-color-neutral-30);
  --ck-color-shadow-inner: none;
  /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
  --ck-color-button-default-background: var(--mgnl-button-tertiary-color-background-default);
  --ck-color-button-default-hover-background: var(--mgnl-button-tertiary-color-background-hover);
  --ck-color-button-default-active-background: var(--mgnl-button-tertiary-color-background-active);
  --ck-color-button-default-active-shadow: none;
  --ck-color-button-default-disabled-background: var(--mgnl-button-tertiary-color-background-disabled);
  --ck-color-button-on-background: var(--mgnl-button-secondary-color-background-default);
  --ck-color-button-on-hover-background: var(--mgnl-button-secondary-color-background-hover);
  --ck-color-button-on-active-background: var(--mgnl-button-secondary-color-background-active);
  --ck-color-button-on-active-shadow: none;
  --ck-color-button-on-disabled-background: var(--mgnl-button-secondary-color-background-disabled);
  --ck-color-button-on-color: var(--mgnl-color-info-60);
  --ck-color-button-action-background: var(--mgnl-button-tertiary-color-background-default);
  --ck-color-button-action-hover-background: var(--mgnl-button-tertiary-color-background-hover);
  --ck-color-button-action-active-background: var(--mgnl-button-tertiary-color-background-active);
  --ck-color-button-action-active-shadow: none;
  --ck-color-button-action-disabled-background: var(--mgnl-button-tertiary-color-background-disabled);
  --ck-color-button-save: var(--mgnl-text-color-success);
  --ck-color-button-cancel: var(--mgnl-text-color-danger);
  /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
  --ck-color-dropdown-panel-background: var(--ck-custom-surface-default);
  --ck-color-dropdown-panel-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-dialog class colors. ----------------------------------- */
  --ck-color-dialog-background: var(--ck-custom-surface-default);
  --ck-color-dialog-form-header-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
  --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-color-split-button-hover-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
  --ck-color-input-background: var(--mgnl-input-neutral-color-background-default);
  --ck-color-input-border: var(--ck-custom-border);
  --ck-color-input-text: var(--mgnl-input-neutral-color-text-default);
  --ck-color-input-disabled-background: var(--mgnl-input-neutral-color-background-disabled);
  --ck-color-input-disabled-border: var(--ck-custom-border);
  --ck-color-input-disabled-text: var(--mgnl-input-neutral-color-text-disabled);
  /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
  --ck-color-labeled-field-label-background: var(--ck-custom-surface-default);
  /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
  --ck-color-list-background: var(--mgnl-dropdown-menu-item-unselected-color-background-default);
  --ck-color-list-button-hover-background: var(--mgnl-dropdown-menu-item-unselected-color-background-hover);
  --ck-color-list-button-on-background: var(--mgnl-button-tertiary-color-background-default);
  --ck-color-list-button-on-background-focus: var(--mgnl-button-tertiary-color-background-active);
  --ck-color-list-button-on-text: var(--mgnl-button-tertiary-color-label-default);
  /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
  --ck-color-panel-background: var(--ck-custom-surface-dim);
  --ck-color-panel-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
  --ck-color-toolbar-background: var(--ck-custom-surface-dim);
  --ck-color-toolbar-border: var(--ck-custom-divider);
  /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
  --ck-color-tooltip-background: var(--mgnl-tooltip-neutral-color-background);
  --ck-color-tooltip-text: var(--mgnl-tooltip-neutral-color-text);
  /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
  --ck-color-image-caption-background: var(--ck-custom-surface-dim);
  --ck-color-image-caption-text: var(--mgnl-text-color-mid);
  /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
  --ck-color-widget-blurred-border: var(--ck-custom-divider);
  --ck-color-widget-hover-border: var(--mgnl-color-info-60);
  --ck-color-widget-editable-focus-background: var(--ck-custom-surface-default);
  /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
  --ck-color-link-default: var(--mgnl-text-color-link-default);
  /* -- Spacing overrides -- */
  --ck-spacing-large: var(--ck-spacing-small);
}

/* Custom class overrides for CKEditor
   Overrides need to be nested under `.ck.ck-reset` to take effect.
*/
/* stylelint-disable */
.ck.ck-reset .ck-button:not(.ck-insert-table-dropdown-grid-box),
.ck.ck-reset_all .ck-button:not(.ck-insert-table-dropdown-grid-box) {
  border-radius: var(--mgnl-border-radius-sm);
}
.ck.ck-reset .ck-button:not(.ck-insert-table-dropdown-grid-box):focus,
.ck.ck-reset_all .ck-button:not(.ck-insert-table-dropdown-grid-box):focus {
  outline: none;
  border: 1px solid transparent;
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.ck.ck-reset .ck-dropdown__panel .ck-button,
.ck.ck-reset_all .ck-dropdown__panel .ck-button {
  border-radius: 0;
}
.ck.ck-reset .ck-splitbutton__action,
.ck.ck-reset_all .ck-splitbutton__action {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-reset .ck-splitbutton__arrow,
.ck.ck-reset_all .ck-splitbutton__arrow {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-reset .ck-editor__top .ck-toolbar,
.ck.ck-reset_all .ck-editor__top .ck-toolbar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ck.ck-editor__editable_inline {
  min-height: calc(var(--mgnl-form-control-md-height) * 3);
  border: var(--mgnl-input-neutral-border-default);
}
.ck.ck-editor__editable_inline:hover {
  border: var(--mgnl-input-neutral-border-hover);
}
.ck.ck-editor__editable_inline:focus {
  border: var(--mgnl-input-neutral-border-focus);
  box-shadow: var(--mgnl-focus-outline-neutral-input) !important;
  outline: 0px;
}
.is-invalid .ck.ck-editor__editable_inline, .ck.ck-editor__editable_inline.is-invalid {
  border: var(--mgnl-input-neutral-border-error) !important;
}
.is-invalid .ck.ck-editor__editable_inline:focus, .is-invalid .ck.ck-editor__editable_inline:focus-within, .ck.ck-editor__editable_inline.is-invalid:focus, .ck.ck-editor__editable_inline.is-invalid:focus-within {
  border: var(--mgnl-input-neutral-border-error);
  box-shadow: var(--mgnl-focus-outline-danger-input) !important;
}
.ck.ck-editor__editable_inline.ck-read-only {
  background-color: var(--mgnl-input-neutral-color-background-disabled);
  border: var(--mgnl-input-neutral-border-disabled);
}
.ck.ck-editor__editable_inline.ck-read-only:hover {
  border: var(--mgnl-input-neutral-border-disabled);
}
.ck.ck-editor__editable_inline.ck-read-only * {
  color: var(--mgnl-input-neutral-color-text-disabled);
}
.ck.ck-editor__editable_inline.ck-read-only *::selection {
  color: var(--mgnl-input-neutral-color-text-default);
  background-color: var(--mgnl-surface-tint-high);
}
.ck.ck-editor__editable_inline.ck-read-only:focus {
  border: 1px solid transparent;
  box-shadow: var(--mgnl-focus-outline-disabled-input) !important;
}

/* stylelint-enable */

/*# sourceMappingURL=rte.css.map */

@keyframes animation-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animation-pulse {
  0%, 100% {
    opacity: var(--mgnl-opacity-default);
  }
  50% {
    opacity: var(--mgnl-opacity-med);
  }
}
/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-switch__input {
  left: 0;
  opacity: 0;
  position: absolute;
}
.mgnl-switch__label {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--mgnl-checkbox-md-gap);
  position: relative;
  font: var(--mgnl-checkbox-md-typography);
}
.mgnl-switch__label::after, .mgnl-switch__label::before {
  box-sizing: border-box;
  display: inline-block;
  content: "";
}
.mgnl-switch__label::before {
  position: relative;
}
.mgnl-switch__label::before {
  transition: all var(--mgnl-animation-duration-50) var(--mgnl-animation-timing-ease-out-sharp);
  background-color: var(--bg, var(--mgnl-switch-off-color-fill-default));
  border: var(--border, var(--mgnl-switch-off-border-default));
  border-radius: var(--mgnl-switch-md-border-radius);
  min-height: var(--mgnl-switch-md-height);
  min-width: var(--mgnl-switch-md-width);
  padding: var(--mgnl-switch-md-padding);
}
.mgnl-switch__label::after {
  transition: all var(--mgnl-animation-duration-50) var(--mgnl-animation-timing-ease-out-sharp);
  background-color: var(--fg, var(--mgnl-switch-off-color-toggle-default));
  border-radius: 50%;
  height: var(--mgnl-switch-md-toggle-size);
  left: calc(var(--mgnl-switch-md-padding) + var(--mgnl-dimension-1));
  position: absolute;
  top: calc(var(--mgnl-switch-md-padding) + var(--mgnl-dimension-1));
  width: var(--mgnl-switch-md-toggle-size);
}
.mgnl-switch:hover .mgnl-switch__label {
  --bg: var(--mgnl-switch-off-color-fill-hover);
  --border: var(--mgnl-switch-off-border-hover);
  --fg: var(--mgnl-switch-off-color-toggle-hover);
}
.mgnl-switch__input:focus + .mgnl-switch__label {
  --bg: var(--mgnl-switch-off-color-fill-focus);
  --border: var(--mgnl-switch-off-border-focus);
  --fg: var(--mgnl-switch-off-color-toggle-focus);
}
.mgnl-switch__input:focus + .mgnl-switch__label::before {
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-switch__input:checked + .mgnl-switch__label {
  --bg: var(--mgnl-switch-on-color-fill-default);
  --border: var(--mgnl-switch-on-border-default);
  --fg: var(--mgnl-switch-on-color-toggle-default);
}
.mgnl-switch__input:checked + .mgnl-switch__label::after {
  transform: translateX(var(--mgnl-switch-md-translate-x));
}
:has(.mgnl-switch__input[aria-disabled=true]) {
  pointer-events: none;
}
.mgnl-switch__input[aria-disabled=true] + .mgnl-switch__label {
  cursor: not-allowed;
  --bg: var(--mgnl-switch-off-color-fill-disabled);
  --border: var(--mgnl-switch-off-border-disabled);
  --fg: var(--mgnl-switch-off-color-toggle-disabled);
}
.mgnl-switch__input[aria-disabled=true]:focus + .mgnl-switch__label::before {
  box-shadow: var(--mgnl-focus-outline-disabled-default);
}
.mgnl-switch__input:checked:focus + .mgnl-switch__label {
  --bg: var(--mgnl-switch-on-color-fill-focus);
  --border: var(--mgnl-switch-on-border-focus);
  --fg: var(--mgnl-switch-on-color-toggle-focus);
}
.mgnl-switch:hover .mgnl-switch__input:checked + .mgnl-switch__label {
  --bg: var(--mgnl-switch-on-color-fill-hover);
  --border: var(--mgnl-switch-on-border-hover);
  --fg: var(--mgnl-switch-on-color-toggle-hover);
}
.mgnl-switch__input:checked[aria-disabled=true] + .mgnl-switch__label, .mgnl-switch:hover .mgnl-switch__input:checked[aria-disabled=true] + .mgnl-switch__label {
  --bg: var(--mgnl-switch-on-color-fill-disabled);
  --border: var(--mgnl-switch-on-border-disabled);
  --fg: var(--mgnl-switch-on-color-toggle-disabled);
}

/*# sourceMappingURL=switch.css.map */

/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-table {
  border-collapse: collapse;
  height: fit-content;
}
.mgnl-table th,
.mgnl-table td {
  padding: 0;
  text-align: left;
}
.mgnl-table th {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.mgnl-table td {
  vertical-align: top;
}

/* TH */
.mgnl-table__th {
  background-color: var(--mgnl-th-neutral-color-background-default);
  border-top: var(--mgnl-tr-header-neutral-border-default);
  box-shadow: 0 1px 0 var(--mgnl-border-color-neutral-mid-default);
}
th:first-child .mgnl-table__th {
  padding-left: var(--mgnl-tr-header-md-padding-inline);
}
th:last-child .mgnl-table__th {
  padding-right: var(--mgnl-tr-header-md-padding-inline);
}

.mgnl-table__th-button {
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  transition: background-color var(--mgnl-transition-100);
  cursor: pointer;
  width: 100%;
}
.mgnl-table__th-button:focus, .mgnl-table__th-button:hover {
  background-color: var(--mgnl-th-neutral-color-background-hover);
  outline: 0;
}
.mgnl-table__th-button:focus .mgnl-table__th-sort-indicator, .mgnl-table__th-button:hover .mgnl-table__th-sort-indicator {
  color: var(--mgnl-th-sort-indicator-sorted-color-icon-hover);
  opacity: 1;
}
.mgnl-table__th-button[aria-pressed=true] .mgnl-table__th-sort-indicator {
  opacity: 1;
}

.mgnl-table__th-label {
  color: var(--mgnl-th-neutral-color-label-default);
  font: var(--mgnl-th-md-typography-label);
}

.mgnl-table__th-body {
  align-items: center;
  display: flex;
  gap: var(--mgnl-th-md-gap);
  height: var(--mgnl-th-md-height);
  padding: 0 var(--mgnl-th-md-padding-inline);
  text-align: left;
  width: 100%;
}
.mgnl-table__th-body--x-right {
  flex-direction: row-reverse;
  text-align: right;
}

.mgnl-table__th-handle {
  align-items: center;
  cursor: col-resize;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: calc(var(--mgnl-th-resize-handle-md-width-hover) / 2);
  top: 0;
  touch-action: none;
  user-select: none;
  width: 0.5em;
  z-index: 1;
}
.mgnl-table__th-handle::before {
  background-color: var(--mgnl-th-resize-handle-neutral-color-background-default);
  content: "";
  height: var(--mgnl-th-resize-handle-md-height-default);
  margin-left: auto;
  transition: background-color var(--mgnl-transition-100), transform var(--mgnl-transition-100);
  width: var(--mgnl-th-resize-handle-md-width-default);
}
.mgnl-table__th-handle--active::before, .mgnl-table__th-handle:hover::before {
  background-color: var(--mgnl-th-resize-handle-neutral-color-background-hover);
  transform: scaleX(5) scaleY(1.5);
}

.mgnl-table__th-sort-indicator {
  color: var(--mgnl-th-sort-indicator-sorted-color-icon-default);
  opacity: 0;
  transition: opacity var(--mgnl-transition-100), transform var(--mgnl-transition-100);
}
.mgnl-table__th-sort-indicator svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
[aria-sort=ascending] .mgnl-table__th-sort-indicator {
  transform: rotateZ(-180deg);
}

/* TR */
.mgnl-table__row {
  background-color: var(--mgnl-tr-neutral-color-background-default);
  transition: background-color var(--mgnl-transition-100), border var(--mgnl-transition-100);
}
.mgnl-table__row:hover {
  background-color: var(--mgnl-tr-neutral-color-background-hover);
}
.mgnl-table__row:hover .mgnl-table__cell {
  background-color: var(--mgnl-tr-neutral-color-background-hover);
  border-top: var(--mgnl-tr-neutral-border-hover);
}
.mgnl-table__row:hover + .mgnl-table__row .mgnl-table__cell {
  border-top: var(--mgnl-tr-neutral-border-hover);
}
.mgnl-table__row:last-child:hover {
  border-bottom: var(--mgnl-tr-neutral-border-hover);
}
.mgnl-table__row:last-child {
  border-bottom: var(--mgnl-tr-neutral-border-default);
}
.mgnl-table__row .mgnl-table__row--selected, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked) {
  background-color: var(--mgnl-tr-neutral-color-background-selected);
}
.mgnl-table__row .mgnl-table__row--selected .mgnl-table__cell, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked) .mgnl-table__cell {
  background-color: var(--mgnl-tr-neutral-color-background-selected);
  border-top: var(--mgnl-tr-neutral-border-selected);
}
.mgnl-table__row .mgnl-table__row--selected:last-child, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked):last-child {
  border-bottom: var(--mgnl-tr-neutral-border-selected);
}
.mgnl-table__row .mgnl-table__row--selected + .mgnl-table__row .mgnl-table__cell, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked) + .mgnl-table__row .mgnl-table__cell {
  border-top: var(--mgnl-tr-neutral-border-selected);
}
.mgnl-table__row .mgnl-table__row--selected:hover, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked):hover {
  background-color: var(--mgnl-tr-neutral-color-background-selected-hover);
}
.mgnl-table__row .mgnl-table__row--selected:hover .mgnl-table__cell, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked):hover .mgnl-table__cell {
  background-color: var(--mgnl-tr-neutral-color-background-selected-hover);
  border-top: var(--mgnl-tr-neutral-border-selected-hover);
}
.mgnl-table__row .mgnl-table__row--selected:hover + .mgnl-table__row .mgnl-table__cell, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked):hover + .mgnl-table__row .mgnl-table__cell {
  border-top: var(--mgnl-tr-neutral-border-selected-hover);
}
.mgnl-table__row .mgnl-table__row--selected:last-child:hover, .mgnl-table__row:has(.mgnl-table__selection [type=checkbox]:checked):last-child:hover {
  border-bottom: var(--mgnl-tr-neutral-border-selected-hover);
}

/* TD */
.mgnl-table__cell {
  background-color: var(--mgnl-tr-neutral-color-background-default);
  border-top: var(--mgnl-tr-neutral-border-default);
  display: flex;
  min-height: var(--mgnl-td-md-min-height);
  transition: background-color var(--mgnl-transition-100), border var(--mgnl-transition-100);
}
td:first-child .mgnl-table__cell {
  padding-left: var(--mgnl-tr-md-padding-inline);
}
td:last-child .mgnl-table__cell {
  padding-right: var(--mgnl-tr-md-padding-inline);
}

.mgnl-table__cell-body,
.mgnl-table__cell-item {
  display: flex;
  flex-direction: column;
  min-height: var(--mgnl-td-md-min-height);
  overflow: hidden;
  justify-content: center;
  padding: var(--mgnl-td-md-padding-block) var(--mgnl-td-md-padding-inline);
}
.mgnl-table__cell-body--x-right,
.mgnl-table__cell-item--x-right {
  flex: 1;
  text-align: right;
}

.mgnl-table__cell-addon {
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  height: fit-content;
  min-height: var(--mgnl-td-md-min-height);
  margin-right: var(--mgnl-td-md-nesting-icon-label-gap);
  padding: 4px 8px;
}
.mgnl-table__cell-addon .mgnl-table__cell-addon-icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-td-collapse-icon-md-size);
  justify-content: center;
  width: var(--mgnl-td-collapse-icon-md-size);
  background-color: var(--bg, var(--mgnl-td-collapse-icon-neutral-color-background-default));
  border-radius: var(--mgnl-td-collapse-icon-md-border-radius);
  color: var(--fg, var(--mgnl-td-collapse-icon-neutral-color-icon-default));
}
.mgnl-table__cell-addon .mgnl-table__cell-addon-icon svg {
  display: block;
  height: var(--mgnl-td-collapse-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-td-collapse-icon-md-size);
  min-width: var(--mgnl-td-collapse-icon-md-size);
  width: var(--mgnl-td-collapse-icon-md-size);
}
.mgnl-table__cell-addon[type=button] {
  cursor: pointer;
}
.mgnl-table__cell-addon[type=button]:hover {
  --bg: var(--mgnl-td-collapse-icon-neutral-color-background-hover);
  --fg: var(--mgnl-td-collapse-icon-neutral-color-icon-hover);
}
.mgnl-table__cell-addon[type=button]:disabled {
  --bg: var(--mgnl-td-collapse-icon-neutral-color-background-disabled);
  --fg: var(--mgnl-td-collapse-icon-neutral-color-icon-disabled);
}

.mgnl-table__cell-expander {
  height: var(--mgnl-td-md-min-height);
  min-width: calc((var(--depth, 0) + 1) * (var(--mgnl-td-md-nesting-offset)));
}
[data-depth="0"] .mgnl-table__cell-expander {
  --depth: 0;
}
[data-depth="1"] .mgnl-table__cell-expander {
  --depth: 1;
}
[data-depth="2"] .mgnl-table__cell-expander {
  --depth: 2;
}
[data-depth="3"] .mgnl-table__cell-expander {
  --depth: 3;
}
[data-depth="4"] .mgnl-table__cell-expander {
  --depth: 4;
}
[data-depth="5"] .mgnl-table__cell-expander {
  --depth: 5;
}
.mgnl-table__cell-expander [type=button] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* DATA */
.mgnl-table__cell-data {
  display: block;
  font: var(--mgnl-td-md-typography-data);
}
.mgnl-table__cell-data > a[href] {
  color: var(--mgnl-color-info-60);
}
.mgnl-table__cell-data > a[href]:hover {
  color: var(--mgnl-color-info-70);
}
.mgnl-table__cell-data > a[href]:visited {
  color: var(--mgnl-color-info-80);
}
.mgnl-table__cell-data--a-danger {
  color: var(--mgnl-color-danger-60);
}
.mgnl-table__cell-data--a-success {
  color: var(--mgnl-color-success-60);
}

.mgnl-table__cell-data--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mgnl-table__cell-data--primary {
  font: var(--mgnl-td-md-typography-data);
}

.mgnl-table__cell-data--secondary {
  color: var(--mgnl-color-gray-60);
  font: var(--mgnl-td-md-typography-description);
}

/* SELECTION */
.mgnl-table__selection {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: var(--mgnl-td-md-min-height);
  max-width: calc(1rem + var(--mgnl-th-md-padding-inline) * 2);
  min-width: calc(1rem + var(--mgnl-th-md-padding-inline) * 2);
}

/*# sourceMappingURL=table.css.map */

/*
 * Either for optical alignment reasons, or target size requirements, the wrapper has a different size than an icon placed within.
 *
 * Examples
 * - button.scss: 16×16 icon is placed in 14×18 wrapper for optical reasons, thus chip__icon(16px, 14px, 18px)
 * - tag.scss: 16×16 icon is placed in 24×24 wrapper for target size reasons, thus chip__icon(16px, 24px)
 */
.mgnl-tag {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0;
  max-width: 100%;
  padding: 0;
  font: var(--mgnl-tag-md-typography);
  border-radius: var(--mgnl-tag-md-border-radius);
  height: var(--mgnl-tag-md-height);
  transition: box-shadow var(--mgnl-button-md-transition), background-color var(--mgnl-button-md-transition), color var(--mgnl-button-md-transition);
}
.mgnl-tag .mgnl-tag__text {
  padding: 0 var(--mgnl-tag-md-padding-inline);
}
.mgnl-tag .mgnl-tag__close {
  margin-left: var(--mgnl-tag-md-close-button-left-margin);
}
.mgnl-tag:focus-within {
  box-shadow: var(--mgnl-focus-outline-neutral-default);
}
.mgnl-tag .mgnl-tag__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mgnl-tag:has(.mgnl-tag__close) {
  cursor: pointer;
}
.mgnl-tag .mgnl-tag__close {
  border: 0;
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--mgnl-tag-md-height);
  justify-content: center;
  width: var(--mgnl-tag-md-height);
}
.mgnl-tag .mgnl-tag__close:focus {
  outline: none;
}
.mgnl-tag .mgnl-tag__close svg {
  display: block;
  height: var(--mgnl-icon-md-size);
  line-height: 1;
  min-height: var(--mgnl-icon-md-size);
  min-width: var(--mgnl-icon-md-size);
  width: var(--mgnl-icon-md-size);
}
.mgnl-tag--neutral {
  border: var(--mgnl-tag-neutral-border-default);
  background-color: var(--mgnl-tag-neutral-color-background-default);
  color: var(--mgnl-tag-neutral-color-label-default);
}
.mgnl-tag--neutral:hover .mgnl-tag__close {
  background-color: var(--mgnl-tag-neutral-color-close-icon-background-hover);
  color: var(--mgnl-tag-neutral-color-close-icon-hover);
}
.mgnl-tag--neutral .mgnl-tag__close {
  background-color: var(--mgnl-tag-neutral-color-close-icon-background-default);
  color: var(--mgnl-tag-neutral-color-close-icon-default);
}
.mgnl-tag--success {
  border: var(--mgnl-tag-success-border-default);
  background-color: var(--mgnl-tag-success-color-background-default);
  color: var(--mgnl-tag-success-color-label-default);
}
.mgnl-tag--success:hover .mgnl-tag__close {
  background-color: var(--mgnl-tag-success-color-close-icon-background-hover);
  color: var(--mgnl-tag-success-color-close-icon-hover);
}
.mgnl-tag--success .mgnl-tag__close {
  background-color: var(--mgnl-tag-success-color-close-icon-background-default);
  color: var(--mgnl-tag-success-color-close-icon-default);
}
.mgnl-tag--warning {
  border: var(--mgnl-tag-warning-border-default);
  background-color: var(--mgnl-tag-warning-color-background-default);
  color: var(--mgnl-tag-warning-color-label-default);
}
.mgnl-tag--warning:hover .mgnl-tag__close {
  background-color: var(--mgnl-tag-warning-color-close-icon-background-hover);
  color: var(--mgnl-tag-warning-color-close-icon-hover);
}
.mgnl-tag--warning .mgnl-tag__close {
  background-color: var(--mgnl-tag-warning-color-close-icon-background-default);
  color: var(--mgnl-tag-warning-color-close-icon-default);
}
.mgnl-tag--danger {
  border: var(--mgnl-tag-danger-border-default);
  background-color: var(--mgnl-tag-danger-color-background-default);
  color: var(--mgnl-tag-danger-color-label-default);
}
.mgnl-tag--danger:hover .mgnl-tag__close {
  background-color: var(--mgnl-tag-danger-color-close-icon-background-hover);
  color: var(--mgnl-tag-danger-color-close-icon-hover);
}
.mgnl-tag--danger .mgnl-tag__close {
  background-color: var(--mgnl-tag-danger-color-close-icon-background-default);
  color: var(--mgnl-tag-danger-color-close-icon-default);
}
.mgnl-tag--info {
  border: var(--mgnl-tag-info-border-default);
  background-color: var(--mgnl-tag-info-color-background-default);
  color: var(--mgnl-tag-info-color-label-default);
}
.mgnl-tag--info:hover .mgnl-tag__close {
  background-color: var(--mgnl-tag-info-color-close-icon-background-hover);
  color: var(--mgnl-tag-info-color-close-icon-hover);
}
.mgnl-tag--info .mgnl-tag__close {
  background-color: var(--mgnl-tag-info-color-close-icon-background-default);
  color: var(--mgnl-tag-info-color-close-icon-default);
}

.mgnl-tag-group {
  --tag-group-item-max-width: 12rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--mgnl-dimension-4);
  list-style: none;
  margin: 0;
}
.mgnl-tag-group--truncated .mgnl-tag {
  max-width: var(--tag-group-item-max-width);
}

/*# sourceMappingURL=tag.css.map */
.mgnl-thumbnail {
  display: inline-block;
  border-radius: var(--mgnl-thumbnail-sm-border-radius);
  height: var(--size, var(--mgnl-thumbnail-sm-size));
  min-height: var(--size, var(--mgnl-thumbnail-sm-size));
  min-width: var(--size, var(--mgnl-thumbnail-sm-size));
  overflow: hidden;
  width: var(--size, var(--mgnl-thumbnail-sm-size));
}
.mgnl-thumbnail img,
.mgnl-thumbnail svg {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.mgnl-thumbnail--xs {
  --size: var(--mgnl-thumbnail-xs-size);
}
.mgnl-thumbnail--xsm {
  --size: var(--mgnl-thumbnail-xsm-size);
}
.mgnl-thumbnail--sm {
  --size: var(--mgnl-thumbnail-sm-size);
}
.mgnl-thumbnail--md {
  --size: var(--mgnl-thumbnail-md-size);
}

/*# sourceMappingURL=thumbnail.css.map */
.mgnl-toolbar {
  align-items: center;
  display: flex;
}

.mgnl-toolbar--x-right {
  justify-content: flex-end;
}

.mgnl-toolbar__group {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--toolbar-item-gap, var(--mgnl-dimension-4));
  padding: var(--toolbar-group-padding-block, 0) var(--toolbar-group-padding-inline, 0);
}

.mgnl-toolbar__group--pusher {
  flex: 1;
}

.mgnl-toolbar__group + .mgnl-toolbar__group {
  margin-left: var(--toolbar-group-gap, var(--mgnl-dimension-16));
}

/*# sourceMappingURL=toolbar.css.map */
/* stylelint-disable-next-line selector-not-notation */
.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*# sourceMappingURL=a11y.css.map */
/* Variables declaration */
/* prettier-ignore */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */
  
  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */
  
  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
  
  --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
  
  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
  
  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
  
  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit;/* The color of the range text. */
  
  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
  
  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white;/* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
  
  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
  
  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_previous:disabled {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border-color: transparent;
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}
.MultiselectDropdown {
  position: relative;
  width: 100%;
}

.MultiselectDropdown-input {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background-color: white;
  min-height: 38px;
}

.MultiselectDropdown-input-item {
  background-color: #e0e0e0;
  padding: 2px 6px;
  border-radius: 2px;
}

.MultiselectDropdown-input-placeholder {
  color: #888;
}

.MultiselectDropdown-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.MultiselectDropdown-search {
  width: 100%;
  padding: 6px 8px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}

.MultiselectDropdown-dropdown-items {
  max-height: 200px;
  overflow-y: auto;
}

.MultiselectDropdown-dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
}

.MultiselectDropdown-dropdown-item:hover {
  background-color: #f0f0f0;
}

.MultiselectDropdown-dropdown-item:active {
  background-color: #e0e0e0;
}

.MultiselectDropdown-input-remove {
  margin-left: 6px;
}

.MultiselectDropdown-input-remove:hover {
  font-weight: bold;
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.region-selector-button {
  display: block;
  margin: 0.2rem 0;
  padding: 0.7rem;
  border-left: 0.4rem solid transparent;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
}

.region-selector-button-inside {
  display: inline-flex;
  gap: 0.5rem;
}

.region-selector-button:hover {
  background-color: #eef5e6;
  cursor: pointer;
}

.region-selector-name {
  width: 180px;
}

.region-selector-button .unfold-more-icon svg {
  width: 1rem;
  height: 1rem;
  margin-top: 1px;
}

.region-selector-overlay {
  position: absolute;
  bottom: calc(100% + 20px);
  left: 10px;
  z-index: 9999;
}

.region-selector-modal {
  width: 240px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
}

.region-selector-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #eee;
}

.region-selector-modal-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: var(--mgnl-text-color-mid);
}

.region-selector-modal-close:hover {
  color: white;
}

.region-selector-modal-body {
  padding: 1rem;
  font-size: 0.875rem;
  color: #555;
}

.region-selector-modal-body > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}

.region-selector-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  background-color: white;
  cursor: pointer;
  user-select: none;
  color: var(--mgnl-text-color-mid);
}

.region-selector-option:hover {
  background-color: #eef5e6;
  color: var(--mgnl-text-color-mid);
}

.region-selector-option.selected {
  background-color: #e6f0ff;
}.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.modal-window {
  background: #fff;
  border-radius: 8px;
  max-width: 800px;
  width: 90%;
  height: 600px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.3s ease-in-out;
  overflow: hidden;
}

.modal-header {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h5 {
  margin: 0;
  font-size: 1.25rem;
}

.close-button {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.modal-body {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
}

.modal-body label {
  display: block;
  margin-top: 0.5rem;
}

.modal-body input {
  width: 100%;
  padding: 0.5rem;
  margin-top: 0.2rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.modal-header,
.modal-footer {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.modal-header {
  border-bottom: 1px solid #ddd;
}

.modal-footer {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.user-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: auto;
}

.user-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
}

.user-table th {
  background-color: #00a259;
  color: #fff;
  text-align: left;
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.user-table td {
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #ddd;
}

.user-table td:first-child {
  text-align: center;
  width: 50px;
}

.user-table input[type='checkbox'] {
  transform: scale(1.2);
  cursor: pointer;
}

.user-table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.user-table tr:nth-child(even) {
  background-color: #fff;
}

.user-table tr:hover {
  background-color: #b6edc7;
  cursor: pointer;
}

.user-table tr.selected {
  background-color: #00a259;
  color: #fff;
}

.user-table th:first-child {
  border-top-left-radius: 8px;
}

.user-table th:last-child {
  border-top-right-radius: 8px;
}