@charset "UTF-8";
/**
 * SVG icons replacing Font Awesome 4.7.
 *
 * Each icon is a CSS mask filled with currentColor, so it takes the text
 * colour of the element it sits in.
 */

/* Select lists: up/down arrow (was fa-sort). AT sets appearance: none on
   selects, so without this they have no arrow at all. */
.form-type-select__select-wrapper:not(.is-multiple)::after {
  content: "";
  display: block;
  font-family: inherit;
  top: 50%;
  right: 0.75rem;
  width: 0.625rem;
  height: 0.875rem;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M0 6h10L5 0zM0 8h10l-5 6z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M0 6h10L5 0zM0 8h10l-5 6z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Details / fieldset toggles: right arrow when closed, down arrow when open
   (was fa-caret-right / fa-caret-down). */
details > summary::before,
.js details[open] > summary::before,
.collapse-processed > summary::before {
  content: "";
  display: block;
  font-family: inherit;
  margin: 0.25rem 0.5rem 0 0;
  width: 0.625rem;
  height: 0.625rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 2h10L5 8z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 2h10L5 8z'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 150ms ease-in-out;
}

details:not([open]) > summary::before,
.js details:not([open]) > summary::before,
.collapse-processed:not([open]) > summary::before {
  content: "";
  transform: rotate(-90deg);
}

[dir="rtl"] details > summary::before,
[dir="rtl"] .collapse-processed > summary::before {
  margin: 0.25rem 0 0 0.5rem;
}

[dir="rtl"] details:not([open]) > summary::before,
[dir="rtl"] .js details:not([open]) > summary::before,
[dir="rtl"] .collapse-processed:not([open]) > summary::before {
  transform: rotate(90deg);
}