@charset "UTF-8";
/* if you use Scampi (https://gitlab.com/pidila/scampi),
you don't need this first part */
button,
input,
label,
select {
  font-size: 1em;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

/* select-a11y
------------------------------------------------------ */
.select-a11y {
  position: relative;
}

.select-a11y .btn-select-a11y {
  position: relative;
  width: 100%;
  text-align: left;
  background-color: #dfdfe4;
}

.select-a11y .btn-select-a11y .icon-select {
  position: absolute;
  background-color: red;
  top: 50%;
  right: 0.5em;
  line-height: 0;
}

.select-a11y .btn-select-a11y .icon-select::before {
  content: "▼";
}

.select-a11y .btn-select-a11y[aria-expanded="true"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select-a11y .btn-select-a11y[aria-expanded="true"] .icon-select {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select-a11y .list-selected {
  padding: 0.5em 0;
  margin: 0;
}
/*
.select-a11y .tag-item {
  border: 1px solid #c3c4cc;
  padding: .2em .1em .2em .5em;
  margin: 0 .3em .3em 0;
  display: inline-block;
}*/
/*
.select-a11y .tag-item-supp {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 .2em;
  margin: 0 .2em;
}

.select-a11y .tag-item-supp .icon-delete:before {
  content: "✕";
  color: red;
  line-height: 1;
}

.select-a11y .tag-item-supp:focus {
  outline: 1px solid red;
  color: red;
}

.select-a11y .tag-item-supp:hover {
  color: red;
  border-color: red;
}
*/
.select-a11y .tag-hidden {
  display: none;
}

.select-a11y.is-open .a11y-container {
  display: block;
}

.select-a11y .a11y-container {
  left: 0;
  right: 0;
  padding: 0.5em;
  background: #ecedef;
  z-index: 10;
  border: 1px solid #dfdfe4;
}

.select-a11y input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.select-a11y .a11y-suggestions {
  max-height: 10em;
  overflow-y: auto;
  margin-top: 0.5em;
  background-color: #fff;
}

.select-a11y .a11y-suggestion {
  padding: 0 0.5em 0 1.625em;
  color: #595b6a;
  cursor: pointer;
  text-align: left;
}

.select-a11y .a11y-suggestion:focus, .select-a11y .a11y-suggestion:hover {
  color: #363740;
  background-color: #dfdfe4;
}

.select-a11y .a11y-suggestion:focus {
  outline: 1px dotted #363740 !important;
  outline-offset: -1px;
}

.select-a11y .a11y-suggestion[aria-pressed="true"], .select-a11y .a11y-suggestion[aria-selected="true"] {
  background-color: #c3c4cc;
  color: #363740;
  position: relative;
}

.select-a11y .a11y-suggestion[aria-pressed="true"]:before, .select-a11y .a11y-suggestion[aria-selected="true"]:before {
  content: '✓';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.5em;
}

.select-a11y .a11y-suggestion-group div[role="presentation"] {
  padding: 0 0.5em 0 1.625em;
  color: #595b6a;
  cursor: pointer;
  text-align: left;
}

.select-a11y .a11y-suggestion-group .a11y-suggestion {
  padding: 0 0.5em 0 3.25em;
}

.select-a11y .a11y-suggestion-group div[role="presentation"]:focus,
.select-a11y .a11y-suggestion-group div[role="presentation"]:hover {
  color: #363740;
  background-color: #dfdfe4;
}

.select-a11y .a11y-suggestion-group div[role="presentation"]:focus {
  outline: 1px dotted #363740 !important;
  outline-offset: -1px;
}

.select-a11y .a11y-suggestion-group[aria-pressed="true"] div[role="presentation"],
.select-a11y .a11y-suggestion-group[aria-selected="true"] div[role="presentation"] {
  background-color: #c3c4cc;
  color: #363740;
  position: relative;
}

.select-a11y .a11y-suggestion-group[aria-pressed="true"] div[role="presentation"]:before,
.select-a11y .a11y-suggestion-group[aria-selected="true"] div[role="presentation"]:before {
  content: '✓';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.5em;
}

.select-a11y .a11y-no-suggestion {
  padding: 0 0.5em;
  color: #595b6a;
  text-align: left;
  margin: 0;
}