.sqarp-addon-categories {
    margin-bottom: 2rem;
}
.sqarp-addon-category-list {
  
}
.sqarp-addon-category {
    margin-bottom: 1rem;
}
.sqarp-virtual-addon-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 0.5rem;
    column-gap: 2rem;
}
.sqarp-virtual-addon {
    display: block;
}
.sqarp-addon-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 0.25rem;
    column-gap: 0.25rem;
    margin-bottom: -7px;
    position: relative;
}
.sqarp-addon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(18, 18, 18, 0.12);
  box-shadow: none;
  border-radius: 3px;
  transition: all 0.1s;
  text-decoration: none;
  color: rgba(var(--color-foreground));
  margin-bottom: 7px;
}
.sqarp-addon:hover {
  box-shadow: 0px 0px 1px 1px rgba(18, 18, 18, 0.75);
}
.sqarp-addon-selected {
  border-bottom: 8px solid #121212;
  margin-bottom: 0;
}
.sqarp-addon-selected:hover {
  box-shadow: none;
}
.sqarp-addon .sqarp-addon-image {
    width: 60px;
    height: 60px;
}
.sqarp-addon .sqarp-addon-span {
    padding: 0.5rem;
}

.sqarp-addon .sqarp-addon-popup {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    transition: visibility 0.3s, opacity 0.3s ease-in 0.1s;
    transition-delay: 0.3s;
    width: 100%;
    /* width: min(50rem, 70vw); */
    display: flex;
}
.sqarp-addon .sqarp-addon-popup .sqarp-addon-popup-inner {
    background-color: #fff;
    color: #333;
    padding: 1.5rem;
    border-radius: 3px;
    box-shadow: 0px 0px 16px -8px rgba(18, 18, 18, 0.1);
    margin-bottom: 3px;
    margin-left: auto;
}
.sqarp-addon:hover .sqarp-addon-popup {
    visibility: visible;
    opacity: 1;
}
/* theme fixes */
.sqarp-addon-categories h1, 
.sqarp-addon-categories h2, 
.sqarp-addon-categories h3, 
.sqarp-addon-categories h4,
.sqarp-addon-categories h5,
.sqarp-addon-categories p {
    margin-bottom: 0.5rem;
}