@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.icon-list {
  margin-bottom: clamp(1.5rem, 0.7857rem + 3.5714vw, 3rem);
}
.icon-list ul {
  list-style-type: none;
  padding: 0;
}
.icon-list ul li {
  padding: 0;
}
.icon-list ul li a {
  align-items: normal;
  color: #333333;
  display: grid;
  font-size: 1rem;
  grid-template-columns: auto 3rem;
  place-content: normal;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li a, html[native-dark-active] .icon-list ul li a {
  color: #c6c6c6;
}
.icon-list ul li a .title {
  box-shadow: 1px -1px 0 0 #f2f2f2 inset;
  padding: 1rem;
  text-align: left;
  transition: all 0.3s ease;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li a .title, html[native-dark-active] .icon-list ul li a .title {
  box-shadow: 1px -1px 0 0 #333333 inset;
}
.icon-list ul li a .icon {
  background-color: #f2f2f2;
  display: grid;
  place-items: center;
  transition: all 0.3s ease;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li a .icon, html[native-dark-active] .icon-list ul li a .icon {
  background-color: #333333;
}
.icon-list ul li a svg {
  fill: #333333;
  opacity: 1;
  transition: all 0.3s ease;
  width: 1.3125rem;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li a svg, html[native-dark-active] .icon-list ul li a svg {
  fill: #c6c6c6;
}
.icon-list ul li a:hover, .icon-list ul li a:focus-visible {
  text-decoration: none;
}
.icon-list ul li a:hover .title, .icon-list ul li a:focus-visible .title {
  background-color: #f2f2f2;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li a:hover .title, html[native-dark-active] .icon-list ul li a:hover .title, [data-darkreader-scheme=dark] .icon-list ul li a:focus-visible .title, html[native-dark-active] .icon-list ul li a:focus-visible .title {
  background-color: #333333;
}
.icon-list ul li a:hover .icon, .icon-list ul li a:focus-visible .icon {
  background-color: #333333;
}
.icon-list ul li a:hover svg, .icon-list ul li a:focus-visible svg {
  fill: #fff;
}
.icon-list ul li:last-child a .item-title {
  border-bottom: 1px solid #f2f2f2;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li:last-child a .item-title, html[native-dark-active] .icon-list ul li:last-child a .item-title {
  border-bottom: 1px solid #333333;
}
.icon-list ul li:nth-child(1) .title {
  border-top: 1px solid #f2f2f2;
  /*@media (prefers-color-scheme: dark) {
    @content;
  }*/
}
[data-darkreader-scheme=dark] .icon-list ul li:nth-child(1) .title, html[native-dark-active] .icon-list ul li:nth-child(1) .title {
  border-top: 1px solid #333333;
}
/*# sourceMappingURL=views-view--icon-list.css.map */