input, label {
    display: inline-block;
}

label {
    text-align: right;
    padding-right: 5px;
}

.color_input {
    display: grid;
    grid-template-columns: 1fr 1.8fr 0.2fr;
}

.preview_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#preview-svg > svg {
    width: 100%;
    height: auto;
}

#emote-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(120px, 100%), 1fr));
}

#emote-container > div > svg {
    width: 100%;
    height: auto;
}

.chip {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 10px;
}

summary {
  background-color: white;
  padding: 4px;
  border-radius: 8px;
  width: fit-content;
  margin: 10px auto;
}