ed11y-element-panel {
  opacity: 1;
  outline: 0;
}

ed11y-element-result {
  opacity: 1;
  outline: 0;
  z-index: calc(var(--ed11y-buttonZIndex, 9999) - 1) !important;
  position: absolute !important;
}

.ed11y-hidden-highlight {
  box-shadow: inset 0 0 0 2px var(--ed11y-warning, #fad859),
		inset 0 0 0 3px var(--ed11y-primary, #276499),
		0 0 0 3px var(--ed11y-warning, #fad859),
		0 0 0 4px var(--ed11y-primary, #276499),
		0 0 1px 5px !important;
}

.ed11y-ring-red {
  outline: 2px solid #0000;
  box-shadow: 0 0 0 1px #fff,
		inset 0 0 0 2px var(--ed11y-alert, #b80519),
		0 0 0 3px var(--ed11y-alert, #b80519),
		0 0 1px 3px !important;
}

.ed11y-ring-yellow {
  outline: 2px solid var(--ed11y-warning, #fad859) !important;
  outline-offset: 1px !important;
  box-shadow: 0 0 0 1px #fff,
		inset 0 0 0 2px var(--ed11y-warning, #fad859),
		0 0 0 3px var(--ed11y-warning, #fad859),
		0 0 0 4px !important;
}

.ed11y-wrapper :focus-visible:not([tabindex="-1"]) {
  outline: 2px solid var(--ed11y-focusRing);
  box-shadow: inset 0 0 0 1px #fff,
		0 0 0 3px var(--ed11y-primary, #276499),
		0 0 0 5px var(--ed11y-primaryText) !important;
}

:host(.ed11y-element) {
  all: initial;
}

.ed11y-wrapper .visually-hidden {
  text-indent: 1px;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ed11y-wrapper {
  font-family: var(--ed11y-baseFontFamily, -apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			Roboto,
			"Helvetica Neue",
			Arial),
		sans-serif;
  font-size: var(--ed11y-baseFontSize, 14px);
  word-wrap: break-word;
  line-height: 1.5;
  opacity: 1 !important;
}

.ed11y-wrapper .badge {
  vertical-align: middle;
  color: var(--ed11y-primaryText);
  background: var(--ed11y-primary);
  z-index: 2;
  border: 1px solid;
  border-radius: 1em;
  margin: -2px .25em 0 0;
  padding: 0 .5em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
  position: relative;
}

.ed11y-wrapper .badge:has(.link-icon) {
  display: none;
}

.ed11y-small {
  opacity: .9;
  font-size: max(.9em, 13px);
}

.ed11y-sr-only {
  opacity: 0;
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  overflow: hidden;
}

.ed11y-wrapper button {
  color: var(--ed11y-primaryText, #fffdf7);
  text-align: center;
  cursor: pointer;
  background: inherit;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: .7857em;
  font-weight: 500;
}

:host(ed11y-element-panel.ed11y-element) {
  z-index: calc(var(--ed11y-buttonZIndex, 9999) + 10000);
  opacity: 0;
  transition: opacity .25s ease-in;
  position: fixed;
}

:host(ed11y-element-panel.ed11y-element):focus, .ed11y-wrapper div:focus {
  outline: #0000;
}

.ed11y-panel-wrapper {
  color: var(--ed11y-text, #20160c);
  border-radius: var(--ed11y-borderRadius, 1px);
}

.ed11y-panel-wrapper a {
  color: inherit;
}

.ed11y-panel-wrapper .content {
  color: var(--ed11y-text, #20160c);
  background: var(--ed11y-bg);
  border-radius: var(--ed11y-borderRadius, 3px);
  box-shadow: var(--ed11y-panelBarShadow);
  border-top: 0;
}

.ed11y-panel-wrapper .content button {
  color: inherit;
  background: inherit;
  border: 1px var(--ed11y-button, transparent) solid;
  border-radius: var(--ed11y-borderRadius, 1px);
  margin: 5px 0 5px 1px;
  padding: 7px 5px;
}

.ed11y-panel-wrapper .content button:hover {
  color: var(--ed11y-text, #20160c);
  background: var(--ed11y-bg, #fffffe);
  box-shadow: inset 0 0 0 1px var(--ed11y-text, #20160c);
}

.ed11y-panel-wrapper .content summary {
  z-index: 1;
  width: auto;
  color: var(--ed11y-primaryText);
  cursor: pointer;
  background-color: var(--ed11y-primary);
  padding: 6px 10px 6px 0;
  font-weight: 400;
  position: sticky;
  top: 0;
  box-shadow: 0 0 1px;
}

.ed11y-panel-wrapper .content summary::marker {
  color: #0000;
  display: none;
}

.ed11y-panel-wrapper .content summary::-webkit-details-marker {
  color: #0000;
  display: none;
}

.ed11y-panel-wrapper .content summary:hover {
  box-shadow: 0 0 0 1px var(--ed11y-primaryText),
					inset 0 0 0 1px var(--ed11y-primary),
					inset 0 0 0 2px;
}

.ed11y-panel-wrapper .content details {
  min-width: 160px;
  max-height: max(240px, 45vh);
  overflow: auto;
}

.ed11y-panel-wrapper .content .details {
  padding: 0 8px 8px 13px;
}

.ed11y-panel-wrapper:has(details[open]) .content {
  width: clamp(160px, 50vw, 280px);
}

.ed11y-panel-wrapper button[hidden] {
  display: none !important;
}

.ed11y-wrapper .ed11y-warning {
  color: #111;
  background: var(--ed11y-warning, #fad859);
}

.ed11y-error {
  color: #fff;
  background: var(--ed11y-bgHighlight, #7b1919);
}

.ed11y-buttonbar {
  grid-template-rows: .429em 2em .5em 1fr;
  grid-template-columns: 1fr repeat(5, min-content);
  grid-template-areas: "upad upad upad upad upad upad"
                       "pad reports showHidden visualize toggle next"
                       "dpad dpad dpad dpad dpad dpad"
                       "tools tools tools tools tools tools";
  grid-auto-flow: column;
  justify-items: end;
  min-height: 35px;
  display: inline-grid;
}

.ed11y-buttonbar > button, .ed11y-buttonbar > a {
  min-width: 2.125em;
  height: 2em;
  color: var(--ed11y-activeColor);
  text-align: center;
  background: var(--ed11y-activeBackground);
  box-shadow: 0 1px var(--ed11y-activePanelBorder),
			0 -1px var(--ed11y-activePanelBorder),
			-1px 0 var(--ed11y-activeBorder),
			2px 0 var(--ed11y-activeBackground),
			-2px 0 var(--ed11y-activeBackground);
  padding: 0;
  font-size: 1em;
  line-height: 1.5em;
}

:is(.ed11y-buttonbar > button, .ed11y-buttonbar > a) svg {
  vertical-align: top;
  opacity: .98;
  width: 1.071em;
  margin: 5px -1px 3px 0;
}

.ed11y-buttonbar:hover, .ed11y-buttonbar:focus-within, .ed11y-buttonbar:has(.ed11y-preview) {
  grid-template-rows: 2em 2em .5em 1fr;
}

.ed11y-buttonbar:has(#ed11y-toggle.disabled) #ed11y-visualize, .ed11y-buttonbar:has(#ed11y-toggle.disabled) #ed11y-visualizers {
  display: none;
}

button.ed11y-jump {
  box-shadow: 0 0 0 1px var(--ed11y-activePanelBorder),
		-2px 0 var(--ed11y-activeBackground);
  border-radius: 0 .5em .5em 0;
  grid-area: next;
  margin-left: -6px;
  padding-left: 3px;
}

button.ed11y-jump .toggle-count {
  min-width: 1.375em;
  padding: 0 6px 0 9px;
  display: block;
}

button.ed11y-jump svg {
  display: none;
}

button.ed11y-jump:hover svg {
  display: initial;
  width: .643em;
  margin: .5em 0 0 5%;
}

button.ed11y-jump:hover .toggle-count {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ed11y-shut .ed11y-buttonbar a, .ed11y-shut .ed11y-buttonbar button:not(#ed11y-toggle, .next) {
    color: #111;
    background: silver;
    transition: background-color .2s ease-in, opacity .2s ease-in, box-shadow .2s ease-in;
    box-shadow: 0 1px, 0 -1px, -1px 0;
  }

  .ed11y-result button {
    transition: none;
  }
}

#ed11y-show-hidden {
  grid-area: showHidden;
}

#ed11y-show-hidden svg + svg, #ed11y-show-hidden[data-ed11y-pressed="true"] svg:first-child {
  display: none;
}

#ed11y-show-hidden svg {
  margin: 5px 1px 2px 0;
}

#ed11y-show-hidden svg:first-child, #ed11y-show-hidden[data-ed11y-pressed="true"] svg + svg {
  display: initial;
}

#ed11y-visualize {
  grid-area: visualize;
  margin-right: -3px;
  padding: 0 12px 0 6px;
}

#ed11y-reports-link, #ed11y-show-hidden:first-child, .ed11y-buttonbar [hidden]:first-child + #ed11y-visualize {
  box-shadow: -1px 0 var(--ed11y-activePanelBorder),
		0 -1px var(--ed11y-activePanelBorder),
		0 1px var(--ed11y-activePanelBorder),
		2px 0 var(--ed11y-activeBackground);
  border-radius: .5em 0 0 .5em;
  padding: 0 6px 0 10px;
}

.ed11y-buttonbar [hidden]:first-child + #ed11y-visualize {
  padding: 0 11px 0 10px;
}

#ed11y-reports-link {
  grid-area: reports;
  padding: 0 0 0 4px;
}

#ed11y-reports-link svg {
  width: 1em;
  margin: .5em 0 0 -1px;
}

#ed11y-panel .ed11y-buttonbar > a:hover, #ed11y-panel .ed11y-buttonbar > button:not(#ed11y-toggle):hover {
  z-index: 1;
  box-shadow: 0 0 0 1px var(--ed11y-activePanelBorder),
				inset 0 0 0 1px var(--ed11y-activeBackground),
				inset 0 0 0 2px var(--ed11y-activeColor);
}

#ed11y-panel .ed11y-buttonbar button[data-ed11y-pressed="true"], #ed11y-panel .ed11y-buttonbar button[aria-pressed="true"], #ed11y-panel .ed11y-buttonbar #ed11y-visualize[data-ed11y-pressed="true"] {
  box-shadow: inset 1px 1px 3px 1px #000,
				0 0 0 1px var(--ed11y-activeBackground),
				7px 0 var(--ed11y-activeBackground);
}

#ed11y-panel .ed11y-buttonbar button .ed11y-sr-only {
  color: #0000;
  transition: color .2s ease-out;
}

#ed11y-panel .ed11y-buttonbar > :hover .ed11y-sr-only, #ed11y-panel .ed11y-buttonbar > :focus-visible .ed11y-sr-only, #ed11y-panel .ed11y-buttonbar .ed11y-preview .ed11y-sr-only {
  width: auto;
  min-width: max-content;
  height: 1.75em;
  color: var(--ed11y-activeColor);
  text-align: start;
  white-space: nowrap;
  background: var(--ed11y-activeBackground);
  opacity: 1;
  border-radius: var(--ed11y-borderRadius);
  padding: 0 .5em;
  line-height: 1.75;
  top: -.1875em;
  right: 0;
  overflow: visible;
  box-shadow: 0 0 1px;
}

:is(#ed11y-panel .ed11y-buttonbar > :hover .ed11y-sr-only, #ed11y-panel .ed11y-buttonbar > :focus-visible .ed11y-sr-only, #ed11y-panel .ed11y-buttonbar .ed11y-preview .ed11y-sr-only):after {
  content: "";
  height: 10px;
  display: block;
}

#ed11y-panel summary:focus-visible {
  outline-offset: -4px;
}

#ed11y-panel summary .close-details svg {
  display: none;
}

#ed11y-panel details[open] .close-details svg {
  float: right;
  width: 12px;
  margin: 2px 0 0 10px;
  display: block;
}

.ed11y-pin-left .ed11y-buttonbar .ed11y-preview .ed11y-sr-only, .ed11y-pin-left .ed11y-buttonbar > :hover .ed11y-sr-only, .ed11y-pin-left .ed11y-buttonbar > :focus-visible .ed11y-sr-only {
  left: 0;
  right: auto;
}

.ed11y-toggle-circle {
  border: 0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 1.5em;
  height: 1.5em;
  padding: .375em;
  font-size: clamp(1em, 2vw, 1.2em);
  transition: box-shadow .1s;
  display: flex;
  position: relative;
}

.ed11y-toggle-circle .close-icon {
  width: .9em;
  margin: 0;
}

.ed11y-toggle-circle .pass-icon, .ed11y-toggle-circle .close-icon {
  display: none;
}

#ed11y-toggle {
  z-index: 2;
  width: auto;
  box-shadow: none;
  opacity: 1;
  background: none;
  border-right: 0;
  flex-direction: row;
  grid-area: toggle;
  align-items: center;
  margin: 0 -3px;
  padding: 0;
  font-size: 1em;
  display: flex;
  overflow: visible;
}

#ed11y-toggle.disabled .ed11y-toggle-circle, #ed11y-toggle.disabled:hover .ed11y-toggle-circle {
  color: #222;
  background: #bbb;
  box-shadow: inset 0 0 0 2px #333;
}

#ed11y-toggle .errors-icon {
  width: .75em;
}

:is(.ed11y-active #ed11y-toggle:hover, .ed11y-active #ed11y-toggle:focus-visible) .errors-icon, :is(.ed11y-active #ed11y-toggle:hover, .ed11y-active #ed11y-toggle:focus-visible) .pass-icon {
  display: none;
}

:is(.ed11y-active #ed11y-toggle:hover, .ed11y-active #ed11y-toggle:focus-visible) .close-icon {
  display: block;
}

.ed11y-shut {
  width: auto;
  box-shadow: none;
  background: none;
  border-radius: 100%;
}

.ed11y-shut .ed11y-buttonbar {
  grid-template-columns: repeat(6, min-content);
  width: min-content;
}

.ed11y-shut a, .ed11y-shut button:not(#ed11y-toggle, .next) {
  color: #111;
  background: silver;
  transition: all .2s;
  box-shadow: 0 1px, 0 -1px, -1px 0;
}

.ed11y-shut #ed11y-reports-link, .ed11y-shut #ed11y-show-hidden:first-child, .ed11y-shut [hidden]:first-child + #ed11y-visualize {
  box-shadow: -1px 0, 0 -1px, 0 1px, 2px 0;
}

.ed11y-shut #ed11y-toggle {
  margin: 0 -4px;
}

.ed11y-shut .ed11y-buttonbar > :not(.ed11y-jump) {
  opacity: 0;
  width: 0;
  min-width: 0;
  overflow: hidden;
}

.ed11y-shut#ed11y-panel:not(.ed11y-pin-left) .ed11y-jump, .ed11y-shut#ed11y-panel:not(.ed11y-pin-left) .ed11y-buttonbar:hover > *, .ed11y-shut:has(:focus-visible) .ed11y-buttonbar > :not(#ed11y-toggle) {
  opacity: 1;
  min-width: 2.125em;
  overflow: visible;
}

.ed11y-pass .ed11y-toggle-circle {
  min-width: 1.25em;
  height: 1.25em;
  color: var(--ed11y-primaryText, #fffdf7);
  background: var(--ed11y-primary, #276499);
  box-shadow: inset 0 0 0 1px var(--ed11y-activeBackground, #276499),
			inset 0 0 0 2.5px #fffe;
  font-family: georgia, serif;
  line-height: 1;
}

.ed11y-pass .errors-icon {
  display: none;
}

.ed11y-pass .pass-icon {
  display: block;
}

.ed11y-pass #ed11y-toggle:hover .ed11y-toggle-circle {
  box-shadow: inset 0 0 0 1px #fffe,
			inset 0 0 0 3px var(--ed11y-primary, #276499),
			0 0 1px var(--ed11y-primary, #276499);
}

.ed11y-pass #ed11y-toggle:hover .ed11y-toggle-circle .close-icon {
  width: .75em;
  margin-top: 1px;
}

.ed11y-warnings .ed11y-toggle-circle {
  color: #000b;
  background-color: var(--ed11y-warning, #fad859);
  box-shadow: inset 0 0 0 2px var(--ed11y-warning, #fad859),
			inset 0 0 0 3px #000b,
			0 0 2px #000;
}

.ed11y-warnings #ed11y-toggle:hover .ed11y-toggle-circle {
  box-shadow: inset 0 0 0 2px var(--ed11y-warning, #fad859),
			inset 0 0 0 4px #000b,
			0 0 2px #000;
}

.ed11y-warnings.ed11y-active #ed11y-toggle:hover .ed11y-toggle-circle {
  box-shadow: inset 0 0 0 3px var(--ed11y-warning, #fad859),
			0 0 1px 1px;
}

.ed11y-errors #ed11y-toggle .ed11y-toggle-circle {
  color: var(--ed11y-alert, #b80519);
  background: #fefefe;
  box-shadow: inset 0 0 0 3px, 1px 1px 5px #00000080;
}

.ed11y-errors #ed11y-toggle:hover .ed11y-toggle-circle {
  box-shadow: inset 0 0 0 1px var(--ed11y-alert),
				inset 0 0 0 5px #fffd,
				1px 1px 5px 0 #00000080;
}

.ed11y-errors.ed11y-active #ed11y-toggle:hover .ed11y-toggle-circle {
  box-shadow: inset 0 0 0 4px;
}

.ed11y-errors #ed11y-visualize {
  padding-right: 10px;
}

#ed11y-headings-tab summary > svg {
  width: 16px;
  margin: 0 8px -3px -1px;
}

#ed11y-alts-tab summary > svg {
  width: 18px;
  margin: 0 8px -3px -2px;
}

#ed11y-readability-tab summary > svg {
  width: 18px;
  margin: 0 8px -3px -2px;
}

#ed11y-readability-tab strong {
  font-weight: 600;
}

#ed11y-readability-tab #readability-info {
  margin: .7em 0 .25em;
  font-size: 1.25em;
  font-weight: 700;
}

#ed11y-readability-tab #readability-info:has(br) {
  font-size: 1em;
}

#ed11y-readability-tab #readability-info:has(br) + ul {
  display: none;
}

#ed11y-readability-tab #readability-info br {
  display: none;
}

#ed11y-readability-tab .readability-score {
  color: var(--ed11y-primaryText);
  background-color: var(--ed11y-primary);
  border-radius: 4px;
  margin-inline-start: 5px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: 600;
}

#ed11y-readability-tab .ed11y-warning {
  color: var(--ed11y-warningText);
  background-color: var(--ed11y-warning);
  box-shadow: inset 0 0 1px;
}

#ed11y-readability-tab ul {
  flex-wrap: wrap;
  gap: 0 8px;
  margin: 0 0 .5em;
  padding: 0;
  font-size: 93%;
  list-style: none;
  display: flex;
}

.ed11y-decorative {
  opacity: .8;
  font-style: italic;
  font-weight: 200;
}

#ed11y-visualizers {
  grid-area: tools;
  max-width: 280px;
}

#ed11y-visualizers details:has(.ed11y-warning) summary {
  color: var(--ed11y-warningText);
  background-color: var(--ed11y-warning);
}

#ed11y-visualizers details:has(.ed11y-warning) {
  scrollbar-color: var(--ed11y-text) var(--ed11y-bg);
}

#ed11y-visualizers details:has(.ed11y-error) summary {
  color: #fffe;
  background-color: var(--ed11y-alert);
}

#ed11y-visualizers details:has(.ed11y-error) {
  scrollbar-color: var(--ed11y-alert) var(--ed11y-bg);
}

#ed11y-visualizers li.ed11y-warning {
  box-shadow: inset 0 0 1px #000;
}

#ed11y-outline, #ed11y-alt-list {
  padding: 0;
  list-style: none;
}

#ed11y-outline {
  margin: 0 0 0 -7px;
}

#ed11y-outline li {
  border-radius: 12px 0 0 12px;
  margin: 5px -8px;
  padding: 3px 8px;
}

#ed11y-outline a {
  font-weight: 300;
  text-decoration: none;
  display: block;
}

#ed11y-outline a strong {
  font-weight: 500;
}

#ed11y-outline a:hover {
  text-decoration: underline;
}

#ed11y-alt-list {
  margin: 0 4px 0 6px;
}

#ed11y-alt-list li {
  margin-left: -8px;
}

#ed11y-alt-list .alt-parent {
  word-break: break-word;
  box-shadow: 0 0 0 3px var(--ed11y-bg, #fffffe),
			0 -3px 1px var(--ed11y-primary, #276499);
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
  margin: 8px 0;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

#ed11y-alt-list a.alt-parent:hover, #ed11y-alt-list a.alt-parent:focus-visible {
  text-decoration: underline;
}

#ed11y-alt-list span {
  flex: 0 calc(100% - 100px);
}

#ed11y-alt-list img {
  flex: 0 80px;
  width: 80px;
}

:is(#ed11y-alt-list .ed11y-warning, #ed11y-alt-list .ed11y-error, #ed11y-alt-list .ed11y-warning + li, #ed11y-alt-list .ed11y-error + li) a {
  box-shadow: none;
}

#ed11y-alt-list .ed11y-warning, #ed11y-alt-list .ed11y-error {
  border-radius: 4px;
}

#ed11y-message:not(:empty) {
  color: #fff;
  background: var(--ed11y-alert);
  width: max(240px, 45vh);
  padding: 1px 5px 2px;
  font-weight: 600;
}

:host(ed11y-element-result.ed11y-element) {
  z-index: calc(var(--ed11y-buttonZIndex, 9999) - 1);
  opacity: 0;
  transition: opacity .5s ease-out;
  position: absolute;
}

:host(ed11y-element-result.ed11y-element[data-ed11y-open="true"]), ed11y-element-result[data-ed11y-open="true"] {
  z-index: calc(var(--ed11y-buttonZIndex, 9999) + 10000) !important;
}

.ed11y-editable-result {
  top: 0 !important;
  left: 0 !important;
}

.ed11y-result-wrapper {
  width: 2.375em;
  height: 2.375em;
  color: var(--ed11y-text, #20160c);
  overflow: visible;
}

.ed11y-result-wrapper button {
  background: var(--ed11y-primary, #276499);
  font-weight: 600;
  transition: width .2s, height .2s, margin .2s;
}

.ed11y-result-wrapper .toggle {
  z-index: 1;
  width: 2em;
  height: 2em;
  color: var(--ed11y-alert, #b80519);
  vertical-align: middle;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--ed11y-alert, #b80519),
			inset 0 0 0 2px #fefefe,
			inset 0 0 0 6px var(--ed11y-alert, #b80519);
  background: #fefefe;
  border: 0;
  border-radius: 50%;
  padding: 0;
  font-size: clamp(1.14em, 1.5vw, 1.3125em);
  line-height: 1;
  display: inline-block;
  position: absolute;
}

.ed11y-result-wrapper .toggle:before {
  content: "!";
}

.ed11y-result-wrapper .toggle:hover, .ed11y-result-wrapper .toggle[aria-expanded="true"] {
  border: 2px solid var(--ed11y-ok, #1f5381);
  box-shadow: inset 0 0 0 1px var(--ed11y-alert, #b80519),
				inset 0 0 0 2px #fefefe,
				inset 0 0 0 6px var(--ed11y-alert, #b80519),
				0 0 0 2px var(--ed11y-primary, #276499),
				0 0 0 3px transparent;
}

.ed11y-result-wrapper .toggle.dismissed {
  color: #fffdf7;
  background: var(--ed11y-ok, #1f5381);
  box-shadow: inset 0 0 0 2px var(--ed11y-ok, #1f5381),
				inset 0 0 0 3px #fffdf7,
				inset 0 0 0 6px var(--ed11y-ok, #1f5381);
}

.ed11y-result-wrapper .toggle.dismissed svg {
  vertical-align: top;
  width: .8125em;
  margin: .1875em;
}

.ed11y-result-wrapper .toggle.dismissed:before {
  content: "";
}

.ed11y-result-wrapper .toggle.dismissable {
  color: #333;
  background: var(--ed11y-warning, #fad859);
  box-shadow: inset 0 0 0 1px #000d,
				inset 0 0 0 2px #0005,
				inset 0 0 0 3px var(--ed11y-warning, #fad859),
				inset 0 0 0 4px #444,
				inset 0 0 0 6px var(--ed11y-warning, #fad859);
}

.ed11y-result-wrapper .toggle.dismissable:before {
  content: "?";
}

.ed11y-result-wrapper .toggle.dismissable:hover, .ed11y-result-wrapper .toggle.dismissable[aria-expanded="true"] {
  border: 2px solid var(--ed11y-primary, #276499);
  box-shadow: inset 0 0 0 2px #276499,
					inset 0 0 0 3px var(--ed11y-warning, #fad859),
					inset 0 0 0 4px #444,
					inset 0 0 0 6px var(--ed11y-warning, #fad859);
}

:host(ed11y-element-result.ed11y-preload) button {
  width: 4em;
  height: 4em;
  margin: -1em 0 0 -1em;
}

:host(ed11y-element-tip.ed11y-element) {
  z-index: calc(var(--ed11y-buttonZIndex, 9999) - 1);
  display: none;
  position: absolute;
  top: 10vh;
  left: 2vw;
}

:host(ed11y-element-tip.ed11y-element[data-ed11y-open="true"]) {
  display: block;
  z-index: calc(var(--ed11y-buttonZIndex, 9999) + 10001) !important;
}

.ed11y-tip-wrapper {
  color: var(--ed11y-text, #20160c);
  position: relative;
  overflow: visible;
}

.ed11y-tip-wrapper .tip {
  z-index: 1;
  width: clamp(18em, 36em, 80vw);
  min-width: 200px;
  margin: calc(var(--ed11y-outlineWidth, 0px) + var(--ed11y-outlineWidth, 0px));
  background: var(--ed11y-bg, #fffffe);
  border: 2px solid var(--ed11y-primary, #276499);
  border-radius: var(--ed11y-borderRadius);
  box-shadow: 0 0 0 var(--ed11y-outlineWidth, 0) var(--ed11y-bg, #fffffe);
  border-bottom: 0;
  display: none;
  position: absolute;
}

.ed11y-tip-wrapper .close {
  border-radius: 0 calc(var(--ed11y-borderRadius) - 2px);
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  box-shadow: -1px 1px;
}

.ed11y-tip-wrapper .close:hover {
  color: var(--ed11y-primary, #276499);
  background: var(--ed11y-primaryText, #fffffe);
  box-shadow: inset 1px -1px var(--ed11y-primary, #276499);
}

.ed11y-tip-wrapper .close svg {
  width: 12px;
  margin-left: 2px;
}

.ed11y-tip-wrapper .badge {
  color: var(--ed11y-warningText);
  background: var(--ed11y-warning);
}

.ed11y-tip-wrapper.open .tip {
  display: block;
}

.ed11y-tip-wrapper .arrow {
  width: 20px;
  height: 20px;
  margin: 0 0 0 calc(var(--ed11y-outlineWidth) + var(--ed11y-outlineWidth));
  content: "";
  box-shadow: inset 0 0 0 2px var(--ed11y-primary, #276499),
			inset 0 0 0 3px var(--ed11y-bg, #fffffe),
			0 0 0 1px var(--ed11y-primary, #276499);
  display: none;
  position: absolute;
  transform: rotate(45deg);
}

.ed11y-tip-wrapper .arrow[data-direction="whompwhomp"] {
  visibility: hidden;
}

.ed11y-tip-wrapper .arrow[data-direction="left"] {
  margin: 0 calc(var(--ed11y-outlineWidth, 0px) + var(--ed11y-outlineWidth, 0px)) 0 0;
  background: linear-gradient(45deg,
				transparent 0%,
				transparent 48%,
				var(--ed11y-primary, #276499) 49%);
}

.ed11y-tip-wrapper .arrow[data-direction="left"] + .tip {
  margin-right: calc(var(--ed11y-outlineWidth) + var(--ed11y-outlineWidth));
}

.ed11y-tip-wrapper .arrow[data-direction="under"] {
  margin: calc(var(--ed11y-outlineWidth, 0px) + var(--ed11y-outlineWidth, 0px)) 0 0;
  background: linear-gradient(-45deg,
				transparent 0%,
				transparent 48%,
				var(--ed11y-primary, #276499) 49%);
}

.ed11y-tip-wrapper .arrow[data-direction="above"] {
  margin: 0 0 var(--ed11y-outlineWidth, 0) 0;
  background: linear-gradient(135deg,
				transparent 0%,
				transparent 48%,
				var(--ed11y-primary, #276499) 49%);
}

.ed11y-tip-wrapper .arrow[data-direction="above"] + .tip {
  margin-bottom: calc(var(--ed11y-outlineWidth) + var(--ed11y-outlineWidth));
}

.ed11y-tip-wrapper .arrow[data-direction="right"] {
  background: linear-gradient(-135deg,
				transparent 0%,
				transparent 48%,
				var(--ed11y-primary, #276499) 49%);
}

.ed11y-tip-wrapper.open .arrow {
  display: block;
}

.ed11y-tip-wrapper code, .ed11y-tip-wrapper i {
  background-color: var(--ed11y-code, #cbd8f3);
  color: #000;
  border-radius: 2px;
  padding-inline: 2px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  display: inline-block;
}

.ed11y-tip-wrapper code {
  font-family: monospace;
}

@keyframes ed11y-fade-in {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ed11y-tip-wrapper .invisible-alert:not(:empty) {
  color: #010101;
  background: var(--ed11y-warning);
  margin: 10px 6px 0 -1px;
  padding: 13px 12px 12px 16px;
  font-size: 90%;
  font-style: italic;
  font-weight: bold;
  line-height: 1.2;
}

.ed11y-tip-wrapper .why {
  opacity: .9;
  font-size: max(.9em, 14px);
  line-height: 1.2;
}

.ed11y-tip-wrapper .why li {
  line-height: 1.2;
}

.ed11y-tip-wrapper .why:before {
  content: "";
  border-top: 1px solid var(--ed11y-text);
  opacity: .45;
  margin-top: 1.25em;
  padding-top: .5em;
  display: block;
}

.ed11y-tip-wrapper .footer {
  clear: both;
  color: var(--ed11y-primaryText, #fffdf7);
  background: var(--ed11y-primary, #276499);
  grid-template-rows: 2.124em;
  grid-template-columns: min-content 1fr repeat(3, min-content);
  grid-template-areas: "badge buttons previous next focus";
  display: grid;
}

.ed11y-tip-wrapper .footer svg {
  width: 12px;
  height: 12px;
}

.ed11y-tip-wrapper .footer button, .ed11y-tip-wrapper .footer summary {
  border-left: 1px solid;
  line-height: 1;
}

.ed11y-tip-wrapper .footer > button, .ed11y-tip-wrapper .footer > summary {
  justify-content: center;
  align-items: center;
  width: 2.75em;
  display: flex;
}

.ed11y-tip-wrapper .footer summary > div {
  display: inline-block;
}

.ed11y-tip-wrapper .footer > details summary {
  cursor: pointer;
  background: var(--ed11y-primary, #276499);
  justify-content: center;
  align-items: center;
  width: 2.161em;
  height: 100%;
  padding: 0;
  display: flex;
}

.ed11y-tip-wrapper .footer > details summary::marker {
  display: none;
}

.ed11y-tip-wrapper .footer > details summary::-webkit-details-marker {
  display: none;
}

.ed11y-tip-wrapper .footer > details {
  grid-area: help;
}

.ed11y-tip-wrapper .footer button:hover, .ed11y-tip-wrapper .footer summary:hover, .ed11y-tip-wrapper .footer summary:focus-visible, .ed11y-tip-wrapper .footer details[open] summary {
  color: var(--ed11y-primary, #20160c);
  background: var(--ed11y-primaryText, #fffffe);
  opacity: .9;
}

.ed11y-tip-wrapper .prev {
  grid-area: previous;
}

.ed11y-tip-wrapper .prev svg {
  transform: rotate(180deg)translateY(-1px);
}

.ed11y-tip-wrapper .next {
  grid-area: next;
}

.ed11y-tip-wrapper .ed11y-tip-help-content {
  color: var(--ed11y-primaryText, #fffdf7);
  text-align: start;
  background: var(--ed11y-primary, #276499);
  border-bottom: 1px solid var(--ed11y-bg);
  padding: .5em 1em 1em;
  line-height: 1.3;
  position: absolute;
  inset: 1px 1px 2.1em;
  overflow: auto;
}

.ed11y-tip-wrapper p {
  margin-block: .6125em;
}

.ed11y-tip-wrapper p.hr {
  margin-top: 1em;
}

.ed11y-tip-wrapper p.hr:before {
  content: "";
  opacity: .5;
  border-top: 1px solid;
  height: .9em;
  display: block;
}

.ed11y-tip-wrapper p:last-child {
  margin-block-end: .306em;
}

.ed11y-tip-wrapper .title + p {
  margin-top: 0;
}

.ed11y-tip-wrapper .title {
  opacity: .9;
  outline: #0000;
  margin-right: 40px;
  padding: 10px 0 .6125em;
  font-size: 1.125em;
  font-weight: bold;
}

.ed11y-tip-wrapper .title:focus {
  box-shadow: none;
  outline: none;
}

.ed11y-tip-wrapper .content {
  padding: 0 13px 1.14em 16px;
}

.ed11y-tip-wrapper button {
  color: var(--ed11y-primaryText, #fffdf7);
  text-align: center;
  background: var(--ed11y-primary, #276499);
  font-weight: 600;
}

.ed11y-tip-wrapper ul {
  margin-block: .643em;
  padding-inline-start: 20px;
}

.ed11y-tip-wrapper ul:last-child {
  margin-block-end: .321em;
}

.ed11y-tip-wrapper li {
  line-height: 1.143;
}

.ed11y-tip-wrapper li + li {
  margin-top: .5em;
}

.ed11y-tip-wrapper table {
  border-spacing: 0;
  margin: 20px;
}

.ed11y-tip-wrapper th, .ed11y-tip-wrapper td {
  border: 0;
  padding: 5px 10px;
  box-shadow: 0 0 0 1px;
}

.ed11y-tip-wrapper a {
  color: inherit;
}

.ed11y-tip-wrapper a:hover, .ed11y-tip-wrapper a:focus-visible {
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: double;
}

.ed11y-tip-wrapper svg {
  max-width: 100%;
  overflow: visible;
}

.ed11y-tip-wrapper .sa11y-tip {
  margin: .75em 0;
}

.ed11y-tip-wrapper .sa11y-tip hr {
  opacity: 0;
}

.ed11y-tip-wrapper .dismiss, .ed11y-tip-wrapper .ed11y-custom-edit-links a, .ed11y-tip-wrapper .ed11y-tip-button {
  vertical-align: bottom;
  cursor: pointer;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 11px;
  font-size: .7857em;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

:is(.ed11y-tip-wrapper .dismiss, .ed11y-tip-wrapper .ed11y-custom-edit-links a, .ed11y-tip-wrapper .ed11y-tip-button) summary {
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  padding: 0 10px;
  line-height: 2.75em;
}

:is(.ed11y-tip-wrapper .dismiss, .ed11y-tip-wrapper .ed11y-custom-edit-links a, .ed11y-tip-wrapper .ed11y-tip-button) span {
  align-items: center;
  margin-right: 6px;
  display: inline-flex;
}

.ed11y-tip-wrapper .content-footer {
  justify-content: space-between;
  align-items: end;
  margin-bottom: -4px;
  padding-top: 1em;
  display: flex;
}

.ed11y-tip-wrapper .message .content-footer {
  padding: .5em 0 4px;
}

.ed11y-tip-wrapper .message:has(#color-pickers:last-child) + .content-footer .count {
  margin-top: -2em;
}

.ed11y-tip-wrapper .count {
  text-align: end;
  opacity: .75;
  margin-bottom: -2px;
  font-size: .857em;
  line-height: 1.25;
}

:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) a, :is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) button {
  height: 2.5em;
  color: var(--ed11y-bg, #fffffe);
  background: var(--ed11y-text, #20160c);
  margin-right: 1px;
  text-decoration: none;
}

:is(:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) a, :is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) button):hover {
  text-decoration: underline;
}

:is(:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) a, :is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) button):first-child {
  border-top-left-radius: var(--ed11y-borderRadius, 1px);
  border-bottom-left-radius: var(--ed11y-borderRadius, 1px);
}

:is(:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) a, :is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) button):last-child {
  border-top-right-radius: var(--ed11y-borderRadius, 1px);
  border-bottom-right-radius: var(--ed11y-borderRadius, 1px);
}

:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) .ed11y-transfer-icon svg {
  height: 12px;
  margin: 0 2px 0 0;
}

:is(.ed11y-tip-wrapper .ed11y-custom-edit-links, .ed11y-tip-wrapper .ed11y-tip-buttons) .ed11y-custom-edit-icon {
  vertical-align: middle;
  width: .8375em;
  margin-right: .325em;
  display: inline-block;
}

.ed11y-tip-wrapper details.dismiss {
  padding: 0;
}

.ed11y-tip-wrapper details.dismiss .dismiss {
  min-height: 2.5em;
  font-size: inherit;
  border-radius: var(--ed11y-borderRadius, 1px);
  margin: 1em 1em 0;
}

.ed11y-tip-wrapper .ed11y-bulk-actions-content {
  z-index: 1;
  background: var(--ed11y-primary, #fffffe);
  border: 1px solid var(--ed11y-primaryText, #fffffe);
  flex-direction: column;
  align-items: baseline;
  width: max-content;
  margin: -1px 0 0 -1px;
  padding-bottom: 1em;
  display: flex;
  position: absolute;
  bottom: 2.75em;
  right: 0;
}

.ed11y-tip-wrapper .ed11y-bulk-actions-content .dismiss {
  color: var(--ed11y-primary, #fffffe);
  background: var(--ed11y-primaryText, #fffffe);
  border-radius: var(--ed11y-borderRadius, 1px);
}

.ed11y-tip-wrapper .dismiss[open] {
  color: var(--ed11y-primary, #fffffe);
  background: var(--ed11y-primaryText, #276499);
  border-radius: 0 var(--ed11y-borderRadius, 1px) 0 0;
}

.ed11y-tip-wrapper .dismissed-note {
  color: #333;
  background: var(--ed11y-warning, #fad859);
  border-radius: 2px;
  padding: .5em 1em;
  font-style: italic;
  display: inline-block;
}

.ed11y-tip-wrapper .ed11y-tip-dismissals {
  grid-area: buttons;
  justify-content: end;
  display: flex;
}

.ed11y-tip-wrapper .error-badge {
  opacity: .9;
  grid-area: badge;
  align-items: center;
  width: max-content;
  height: 100%;
  padding: 0 11px;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}

.ed11y-dismiss-icon {
  width: .9em;
  margin-bottom: -.1em;
}

@media screen and (width <= 640px) {
  .ed11y-tip-wrapper .error-badge {
    display: none;
  }
}

:host(ed11y-element-heading-label.ed11y-element) {
  z-index: calc(var(--ed11y-buttonZIndex) - 2);
  margin-top: -.5em;
  position: absolute;
}

.ed11y-heading-wrapper {
  color: var(--ed11y-primaryText, #fffdf7);
  background: var(--ed11y-primary, #276499);
  border-radius: var(--ed11y-borderRadius, 1px);
  box-shadow: 0 0 1px var(--ed11y-bg, #fffffe),
		0 0 0 4px var(--ed11y-primary, #276499),
		1px 1px 5px 2px #000;
  opacity: .95;
  margin-left: 35px;
  padding: 0 .5em;
  font-weight: 400;
  line-height: 1.2;
}

:host(ed11y-element-alt.ed11y-element) {
  position: absolute;
}

.ed11y-alt-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ed11y-alt-wrapper > span {
  z-index: calc(var(--ed11y-buttonZIndex, 9999) - 1);
  min-width: 10em;
  padding: 6px;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  box-shadow: 0 1px, 0 -1px;
}

.ed11y-alt-wrapper .ed11y-pass {
  color: var(--ed11y-primaryText, #fffdf7);
  background: var(--ed11y-primary, #276499);
}

ed11y-element-result[data-ed11y-open="false"]:not(:hover, :focus) {
  opacity: .94;
}

.intersecting[data-ed11y-open="false"]:not(:hover, :focus-visible) {
  filter: saturate(0);
  opacity: .25;
  transition: opacity .3s, filter .3s;
}

.ed11y-offscreen, ed11y-element-result.ed11y-preload, .ed11y-preload {
  opacity: 0 !important;
}

@media (forced-colors: active) {
  .ed11y-wrapper .tip, .ed11y-wrapper button, .ed11y-wrapper summary, .ed11y-wrapper details, .ed11y-wrapper button.toggle, .ed11y-wrapper .ed11y-toggle-circle, .ed11y-tip-header, .ed11y-buttonbar > a {
    border: 2px solid buttonborder;
  }

  .ed11y-wrapper.open div.arrow {
    background: buttonborder;
  }

  .ed11y-tip-header, .ed11y-tip-header button, .ed11y-tip-header summary {
    margin: -2px;
  }

  .ed11y-wrapper button:hover, .ed11y-wrapper summary:hover, .ed11y-buttonbar > a:hover {
    outline: 3px solid;
  }

  .ed11y-buttonbar > a {
    height: auto;
  }

  .ed11y-buttonbar > :hover .ed11y-sr-only, .ed11y-buttonbar > :focus-visible .ed11y-sr-only {
    border: 2px solid buttonborder;
  }

  #ed11y-toggle {
    border: 0;
    margin: 0 -5px;
  }
}

.ed11y-contrast-tools #contrast-preview {
  overflow-wrap: break-word;
  border: 2px dashed var(--ed11y-primary);
  background-color: #e8e8e8;
  background-image: linear-gradient(45deg, #ccc 25%, #0000 25% 75%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, #0000 25% 75%, #ccc 75%, #ccc);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
  border-radius: 3.2px;
  max-height: 100px;
  margin-top: 10px;
  padding: 5px;
  line-height: 1;
  overflow: clip;
}

.ed11y-contrast-tools #contrast-preview:empty {
  display: none;
}

.ed11y-contrast-tools #color-pickers {
  margin-top: 10px;
  display: flex;
}

.ed11y-contrast-tools #color-pickers label {
  align-items: center;
  display: flex;
}

.ed11y-contrast-tools #color-pickers label[for="bg"] {
  flex-direction: row-reverse;
  gap: 7px;
}

.ed11y-contrast-tools #color-pickers input {
  cursor: pointer;
  margin-inline-start: 7px;
}

.ed11y-contrast-tools input[type="color" i] {
  background: var(--ed11y-bg);
  border-color: var(--ed11y-primary);
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  block-size: 44px;
  inline-size: 44px;
  padding: 2px;
}

.ed11y-contrast-tools input[type="color" i]::-webkit-color-swatch-wrapper {
  padding: 1px;
}

.ed11y-contrast-tools input[type="color" i]::-webkit-color-swatch {
  border-color: var(--ed11y-primary);
  border-radius: 50%;
}

.ed11y-contrast-tools input[type="color" i]::-moz-color-swatch {
  border-color: var(--ed11y-primary);
  border-radius: 50%;
}

.ed11y-contrast-tools input[type="color" i].unknown {
  box-shadow: 0 0 0 2px var(--ed11y-warning);
}

.ed11y-contrast-tools div.unknown {
  display: inline-block;
  position: relative;
}

.ed11y-contrast-tools div.unknown:after {
  z-index: 2;
  color: #fff;
  pointer-events: none;
  content: "?";
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin: -46px 7px;
  font-size: 22px;
  display: flex;
  position: absolute;
}

.ed11y-contrast-tools .badge {
  color: #fefefe;
  background: var(--ed11y-alert);
}

.ed11y-contrast-tools #contrast {
  border-right: 0;
  border-radius: 1em 0 0 1em;
  margin-right: -.5em;
}

.ed11y-contrast-tools #contrast:after {
  content: ":";
}

.ed11y-contrast-tools #value {
  border-left: 0;
  border-radius: 0 1em 1em 0;
  padding-left: 0;
}

.ed11y-contrast-tools .good-contrast {
  color: var(--ed11y-primaryText);
  background: var(--ed11y-primary);
}

.ed11y-contrast-tools .good-contrast[hidden] {
  display: none;
}

.ed11y-contrast-tools hr {
  opacity: .5;
  border-bottom: none;
  margin: .5em 0 .75em;
}

.ed11y-hidden, .ed11y-wrapper .ed11y-hidden {
  display: none;
}

.ed11y-console-error {
  border: 4px solid var(--ed11y-primary, #276499);
  color: #222;
  z-index: 99999;
  background: #fff;
  width: 90%;
  position: fixed;
  bottom: 0;
  left: 5%;
}

.ed11y-console-error .error {
  border: 1px dashed;
  padding: 1em;
}
