details, fieldset:not(.fieldgroup) > .fieldset__wrapper, form #edit-account, form {
  /** Every: layout.primitive.stack container */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
details > *, fieldset:not(.fieldgroup) > .fieldset__wrapper > *, form #edit-account > *, form > * {
  /** Every: layout.primitive.stack item */
  margin-block: 0;
}
details > *:first-child, fieldset:not(.fieldgroup) > .fieldset__wrapper > *:first-child, form #edit-account > *:first-child, form > *:first-child {
  /** Every: layout.primitive.stack item */
  -webkit-margin-before: calc(var(--every-layout-primitive-stack--inner-space, var(--s0, 0)) * var(--every-layout-primitive-stack--outer-space-ratio, 0));
          margin-block-start: calc(var(--every-layout-primitive-stack--inner-space, var(--s0, 0)) * var(--every-layout-primitive-stack--outer-space-ratio, 0));
}
details > *:last-child, fieldset:not(.fieldgroup) > .fieldset__wrapper > *:last-child, form #edit-account > *:last-child, form > *:last-child {
  /** Every: layout.primitive.stack item */
  -webkit-margin-after: calc(var(--every-layout-primitive-stack--inner-space, var(--s0, 0)) * var(--every-layout-primitive-stack--outer-space-ratio, 0));
          margin-block-end: calc(var(--every-layout-primitive-stack--inner-space, var(--s0, 0)) * var(--every-layout-primitive-stack--outer-space-ratio, 0));
}
details > * + *, fieldset:not(.fieldgroup) > .fieldset__wrapper > * + *, form #edit-account > * + *, form > * + * {
  /** Every: layout.primitive.stack item */
  -webkit-margin-before: var(--every-layout-primitive-stack--inner-space, var(--s0, 0));
          margin-block-start: var(--every-layout-primitive-stack--inner-space, var(--s0, 0));
}

form * {
  --every-input--border-radius: var(--s-3);
}

.form-wrapper {
  max-width: var(--measure);
}

input {
  max-width: 100%;
}

[data-component-id="every:form-element-label"] {
  --every-layout-primitive-stack--inner-space: var(--s-8);
  --every-layout-primitive-stack--outer-space-ratio: 5;
  font-size: var(--s0);
}
[data-component-id="every:form-element-label"] .form-element-label {
  font-weight: var(--every-font-weight-semibold, 500);
}

.form-element {
  --every-layout-primitive-box-padding: var(--s-1);
  color: var(--every-color--text);
}
.tabledrag-toggle-weight, .button.button--danger,
a.button.button--danger, .form-element {
  --every-layout-pattern-button--background-color: transparent;
  --every-layout-pattern-button--border-color: var(--every-color--text, black);
  --every-layout-pattern-button--border-width: 2px;
  --every-layout-pattern-button--border-radius: var(--every-input--border-radius, 0);
  --every-layout-pattern-button--color: var(--typography-color-text);
  background-color: var(--every-layout-pattern-button--background-color);
  border: var(--every-layout-pattern-button--border-width) solid var(--every-layout-pattern-button--border-color);
  border-radius: var(--every-layout-pattern-button--border-radius);
  color: var(--every-layout-pattern-button--color);
}
a.tabledrag-handle .handle, details, fieldset:not(.fieldgroup), .password-suggestions, .form-element:not([type=submit]), .tabledrag-toggle-weight, .button.button--danger,
a.button.button--danger, .form-element {
  /** Every: layout.primitive.box container */
  padding: var(--every-layout-primitive-box-padding, var(--s0, 0));
}

.tabledrag-toggle-weight:hover, .button.button--danger:hover, .form-element:hover {
  --every-layout-pattern-button--border-color: var(--typography-color-text);
}
.tabledrag-toggle-weight:hover:not(:focus), .button.button--danger:hover:not(:focus), .form-element:hover:not(:focus) {
  --every-layout-pattern-button--box-shadow-blur: var(--s-6);
  --every-layout-pattern-button--box-shadow-color: var(--every-color--text);
  box-shadow: 0 0 var(--every-layout-pattern-button--box-shadow-blur) var(--every-layout-pattern-button--box-shadow-color);
}
.tabledrag-toggle-weight:focus, .button.button--danger:focus, .form-element:focus {
  --every-layout-pattern-button--box-shadow-blur: var(--s-4);
  box-shadow: inset 0 0 var(--every-layout-pattern-button--box-shadow-blur) var(--every-layout-pattern-button--box-shadow-color) !important;
}

.form-element:not([type=submit]) {
  border: 1px solid var(--every-input--border-color, silver);
}
.form-element:not([type=submit]):hover {
  --every-input--border-color: var(--typography-color-text);
}

.form-element,
button,
[type=submit] {
  font-size: var(--s0);
  border-radius: var(--every-input--border-radius);
  transition: var(--mapaca-transition);
}
.form-textarea-wrapper textarea {
  max-width: 100%;
}

#edit-pass {
  max-width: var(--measure);
}

.password-strength__meter,
.password-strength__indicator {
  max-width: calc(var(--measure) / 2);
}

.password-suggestions {
  border: 1px solid var(--every-color--accent);
}

fieldset:not(.fieldgroup) {
  color: var(--every-color--text-light);
  background: transparent;
  border-radius: var(--every-input--border-radius);
  box-shadow: none;
}
fieldset:not(.fieldgroup).error {
  border: 2px solid var(--every-color--danger);
}
.fieldset__label,
.fieldset__label--group,
.form-element-label {
  font-size: var(--every-font-size-s);
  font-weight: var(--every-font-weight-semibold);
  color: var(--every-color--title);
}

.form-element-label.has-error,
.form-item__error-message {
  color: var(--every-color--danger);
}

.form-item__description,
.fieldset__description {
  max-width: var(--every-max-line-length);
  color: var(--every-color--text-light);
}

.form-required > .form-element-label::after, .form-required.fieldset__label::after,
.form-required > .fieldset__label::after, .horizontal-tab-button .form-required::after, .vertical-tabs__menu-link .form-required::after {
  content: "*";
  color: var(--every-color--danger);
  line-height: 1;
  margin-right: 0.15em;
  margin-left: 0.15em;
  vertical-align: text-top;
  background: none;
}

details {
  border: 1px solid var(--every-input--border-color, silver);
  border-radius: var(--every-input--border-radius);
}
details.error {
  border: 2px solid var(--every-color--danger);
}
details > summary:not(.form-required) .required-mark {
  display: none;
}

.form-item__warning {
  display: inline-block;
  margin-top: var(--every-spacing-xs);
}

html.js .form-autocomplete {
  padding-right: 36px;
}

.field--type-text-with-summary .form-item,
.field--widget-text-textarea .form-item {
  margin-bottom: 0;
}
.field--type-text-with-summary .filter-wrapper,
.field--widget-text-textarea .filter-wrapper {
  border: 0 none;
  padding-left: 0;
  padding-right: 0;
}

tr .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.container-inline .form-item {
  margin-top: var(--every-spacing-density-s);
  margin-bottom: var(--every-spacing-density-s);
}

.ck {
  --ck-border-radius: var(--every-input--border-radius);
}

button,
[type=submit] {
  --every-layout-pattern-button--border-color: var(--every-input--border-color, silver);
  font-weight: bold;
}
button:hover,
[type=submit]:hover {
  --every-layout-pattern-button--border-color: var(--typography-color-text);
}

button,
[type=submit],
.button.button--danger,
a.button.button--danger {
  --every-layout-primitive-box-padding: var(--s-1);
}

.button--small {
  --every-layout-primitive-box-padding: var(--s-3);
  font-size: var(--s-1);
  font-weight: normal;
}

[data-component-id="every:button"].button--secondary {
  --every-layout-pattern-button--background-color: transparent;
  --every-layout-pattern-button--color: var(--every-layout-pattern-button--border-color);
}

.button.button--danger,
a.button.button--danger {
  --every-layout-pattern-button--border-color: var(--every-color--danger);
  --every-layout-pattern-button--box-shadow-color: var(--every-color--danger-lightest);
  --every-layout-pattern-button--color: var(--every-color--danger);
  font-size: var(--s0);
  font-weight: bold;
  text-decoration: none;
}
.button.button--danger, .button.button--danger:hover, .button.button--danger:active, .button.button--danger:focus, .button.button--danger:focus:hover,
a.button.button--danger,
a.button.button--danger:hover,
a.button.button--danger:active,
a.button.button--danger:focus,
a.button.button--danger:focus:hover {
  --every-layout-pattern-button--border-color: var(--every-color--danger);
}
.button.button--danger::before,
a.button.button--danger::before {
  display: none;
}
.button.button--danger, .button.button--danger:hover, .button.button--danger:focus, .button.button--danger:active,
a.button.button--danger,
a.button.button--danger:hover,
a.button.button--danger:focus,
a.button.button--danger:active {
  --every-layout-pattern-button--border-color: var(--every-color--danger);
}
.button.button--danger:hover, .button.button--danger:focus, .button.button--danger:active,
a.button.button--danger:hover,
a.button.button--danger:focus,
a.button.button--danger:active {
  --every-layout-pattern-button--color: white;
  --every-layout-pattern-button--background-color: var(--every-color--danger);
}

.button--primary.button--danger,
a.button--primary.button--danger,
#edit-submit.button.button--danger {
  color: var(--every-bg-layer);
  background-color: var(--every-color--danger);
}

/**
 * @file
 * Checkbox and radio input elements.
 */
[data-component-id="every:form-element-label"].option {
  font-weight: var(--every-font-weight-normal, 300);
}

.layout-container a.tabledrag-handle {
  background-color: transparent;
}
.tabledrag-toggle-weight {
  --every-layout-primitive-box-padding: var(--s-4);
  --every-layout-pattern-button--background-color: transparent;
  --every-layout-pattern-button--border-color: transparent;
  --every-layout-pattern-button--color: silver;
  font-weight: normal;
}
.tabledrag-toggle-weight:hover {
  --every-layout-pattern-button--background-color: silver;
  --every-layout-pattern-button--border-color: silver;
  --every-layout-pattern-button--color: var(--typography-color-text);
}