@charset "utf-8";
#accordion-snippet details {
  padding: 6px 24px;
  border-left: #ffffff 6px solid;
  background: white;
  transition: 0.25s;
}
#accordion-snippet summary {
  display: flex;
  font-size: 125%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}
#accordion-snippet summary::after {
  content: "\002B";
  font-size: 2em;
  transition: 0.75s;
  margin: 6px;
}
#accordion-snippet details:hover {
  background: #f4f7fb;
  border-left: #FBAD1A 6px solid;
}
#accordion-snippet details[open] {
  border-left: #FBAD1A 6px solid;
  background: #f4f7fb;
  box-shadow: 0px 0px 20px #e6e7e8;
}
#accordion-snippet details[open] summary::after {
  transform: rotate(45deg);   
}
#accordion-snippet details article {
  opacity: 0;
  transition: 0.75s;
  transform: translateY(-100px);
}
#accordion-snippet details[open] article {
  opacity: 100%;
}
.accordion-section {
  margin: 0 0 50px;
}