.lttrshop-select-licenses {
    border-top: var(--outline) solid var(--lttrshop-stroke-color);
    border-bottom: var(--outline) solid var(--lttrshop-stroke-color);
    margin-bottom: var(--lttrshop-space-xxl);
    margin-top: 0;
    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);
}

ul.lttrshop-select-licenses {
    list-style-type: none;
    padding: 0;
}

.lttrshop-select-licenses .lttrshop-item {
    display: grid;
    grid-template-columns: min-content auto min-content min-content;
    grid-template-areas: "checkbox license-name amount";
    align-items: center;
    white-space: nowrap;
}

.lttrshop-select-licenses .lttrshop-item .lttrshop-selected {
    grid-area: checkbox;
}

.lttrshop-select-licenses .lttrshop-item .lttrshop-title {
    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);
    font-family: var(--lttrshop-font-family-bold);
    font-weight: var(--lttrshop-font-weight-bold);
    grid-area: license-name;
    padding: var(--lttrshop-space-s) 0 var(--lttrshop-space-s) var(--lttrshop-space-s);
}

.lttrshop-select-licenses .lttrshop-item .lttrshop-amount {
    grid-area: amount;
    text-transform: lowercase;
}

.lttrshop-select-licenses .lttrshop-item:not(:last-of-type) {
    border-bottom: var(--outline) solid var(--lttrshop-stroke-color);
}

.lttrshop-select-licenses .lttrshop-item input[type=checkbox]:checked ~ * {
    -webkit-text-fill-color: var(--lttrshop-highlight-color);
    color: var(--lttrshop-highlight-color);
}

.lttrshop-select-licenses .lttrshop-item select {
    background-color: var(--lttrshop-background-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    padding: 0 var(--lttrshop-space-xl) 0 0;
    transition: unset;
    width: initial;
}

.lttrshop-select-licenses .lttrshop-item input[type=number] {
    padding: 0;
    width: var(--number-width);
    height: var(--number-height);
    text-align: center;
}

.lttrshop-select-licenses .lttrshop-item input[type=number]::-webkit-inner-spin-button {
    /* Input type number doesn't contain snippers on all devices. To make the number always appear in the center, they need to be disabled. */
    -webkit-appearance: none;
    margin: 0;
}

.lttrshop-select-licenses .lttrshop-item input[type=number]::-webkit-outer-spin-button {
    /* Input type number doesn't contain snippers on all devices. To make the number always appear in the center, they need to be disabled. */
    -webkit-appearance: none;
    margin: 0;
}

.lttrshop-select-licenses .lttrshop-item select {
    text-align: right;
}

.lttrshop-select-licenses .lttrshop-item label:not(:first-of-type) {
    padding-left: var(--lttrshop-space-xs);
}