.size-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;box-sizing:border-box}.size-item--button{min-width:48px;height:40px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--color-grey-02);border-radius:var(--radius-2);gap:var(--spacing-4)}.size-item--button.size-item--classic{background-color:var(--color-white)}.size-item--button.size-item--transparent{background-color:transparent;border-color:var(--color-white)}.size-item--button.size-item--available .size-item__label,.size-item--button.size-item--low .size-item__label{color:var(--color-black)}.size-item--button.size-item--low .size-item__icon{color:var(--color-warning)}.size-item--button.size-item--unavailable .size-item__label,.size-item--button.size-item--unavailable .size-item__icon{color:var(--color-grey-03)}.size-item--button.size-item--unavailable{cursor:default}.size-item--button.size-item--classic:hover:not(.size-item--unavailable,.size-item--selected){background-color:var(--color-grey-01)}.size-item--button.size-item--transparent:hover:not(.size-item--unavailable){background-color:var(--color-white)}.size-item--button.size-item--transparent:hover:not(.size-item--unavailable) .size-item__label{color:var(--color-black)}.size-item--button.size-item--selected{background-color:var(--color-black);border-color:var(--color-black)}.size-item--button.size-item--selected .size-item__label,.size-item--button.size-item--classic.size-item--selected:hover .size-item__label,.size-item--button.size-item--selected.size-item--unavailable .size-item__icon{color:var(--color-white)}.size-item--button.size-item--selected.size-item--low .size-item__icon{color:var(--color-warning)}.size-item--button.size-item--transparent.size-item--available:not(.size-item--selected,:hover) .size-item__label{color:var(--color-white)}.size-item--button.size-item--transparent.size-item--low:not(.size-item--selected,:hover) .size-item__label{color:var(--color-white)}.size-item--dropdown-item{width:100%;min-height:48px;padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-white);border:1px solid var(--color-grey-02);border-radius:var(--radius-2);justify-content:space-between}.size-item--dropdown-item .size-item__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-8)}.size-item--dropdown-item.size-item--available .size-item__label,.size-item--dropdown-item.size-item--low .size-item__label{color:var(--color-black)}.size-item--dropdown-item.size-item--low .size-item__info{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-warning)}.size-item--dropdown-item.size-item--unavailable .size-item__label{color:var(--color-grey-03)}.size-item--dropdown-item.size-item--unavailable .size-item__notify{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-black)}.size-item--dropdown-item.size-item--unavailable .size-item__notify-text{text-decoration:underline}.size-item--dropdown-item:hover,.size-item--dropdown-item.size-item--selected{background-color:var(--color-grey-01)}.size-item--dropdown-item.size-item--selected .size-item__check{display:flex}.size-item--list-item{width:100%;padding:var(--spacing-8) 0;background-color:transparent;border:none;justify-content:space-between;cursor:default}.size-item--list-item .size-item__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-24)}.size-item--list-item .size-item__label{color:var(--color-black);font-weight:500}.size-item--list-item .size-item__availability-list{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.size-item--list-item .size-item__availability-row{display:flex;align-items:center;gap:var(--spacing-4)}.size-item--list-item .size-item__availability-text{color:var(--color-black)}.size-item__availability-icon--available{color:var(--color-success)}.size-item__availability-icon--low{color:var(--color-warning)}.size-item__availability-icon--unavailable{color:var(--color-error)}.size-item__label{white-space:nowrap}.size-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.size-item__check{display:none;align-items:center;justify-content:center;color:var(--color-black)}.size-item__info{display:none}.size-item--low .size-item__info{display:flex}.size-item__notify{display:none}.size-item--unavailable .size-item__notify{display:flex}