/**
 * @file
 * Styles for collapsible fieldsets.
 */

.collapse-processed > summary {
  padding-right: 0.5em;
  padding-left: 0.5em;
  &::before {
    float: left; /* LTR */
    width: 1em;
    height: 1em;
    content: "";
    background: url(../../../images/menu-expanded.png) 0 100% no-repeat; /* LTR */
  }
}

[dir="rtl"] .collapse-processed > summary::before {
  float: right;
  background-position: 100% 100%;
}

.collapse-processed:not([open]) > summary::before {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-position: 25% 35%; /* LTR */
  [dir="rtl"] & {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%;
  }
}