.sf-input-group.sf-multiselect {
  flex-wrap: wrap;
  justify-content: normal;
}
.sf-input-group.sf-multiselect.sf-outline .sf-label-top {
  background: linear-gradient(rgb(var(--sf-color-surface)), rgb(var(--sf-color-surface))) center/auto var(--sf-spacing-6) no-repeat;
}
.sf-input-group.sf-delimiter {
  flex-wrap: nowrap;
}
.sf-multiselect-input {
  flex: 1;
}
.sf-standard.sf-min-input .sf-multiselect-input {
  padding-inline-start: var(--sf-spacing-4);
}
.sf-multiselect-icon-wrapper {
  margin-inline-start: auto;
}
.sf-group-checkbox .sf-list-group-item {
  padding: var(--sf-spacing-0);
}
.sf-group-checkbox .sf-list-group-item .sf-dd-checkbox-item-wrapper {
  padding: var(--sf-spacing-8) var(--sf-spacing-16);
  width: 100%;
}
.sf-group-checkbox .sf-list-group-item:hover .sf-dd-checkbox-item-wrapper {
  background: rgba(var(--sf-color-on-surface), 0.05);
  color: rgba(var(--sf-color-on-surface));
  border-color: rgba(var(--sf-color-outline-variant));
}
.sf-group-checkbox .sf-list-group-item:active .sf-dd-checkbox-item-wrapper {
  background-color: rgb(var(--sf-color-primary-container));
  color: rgba(var(--sf-color-on-surface));
}
.sf-group-checkbox .sf-list-group-item.sf-item-focus .sf-dd-checkbox-item-wrapper {
  background: rgba(var(--sf-color-on-surface), 0.04);
  color: rgba(var(--sf-color-on-surface));
}
.sf-group-checkbox .sf-small .sf-list-group-item .sf-dd-checkbox-item-wrapper {
  padding: var(--sf-spacing-6) var(--sf-spacing-12);
}
.sf-group-checkbox .sf-large .sf-list-group-item .sf-dd-checkbox-item-wrapper {
  padding: var(--sf-spacing-12) var(--sf-spacing-16);
}
.sf-dd-checkbox-item-wrapper {
  display: flex;
  align-items: center;
}
.sf-dd-checkbox-item-wrapper .sf-checkbox-ripple {
  padding: var(--sf-spacing-0);
}
.sf-group-checkbox .sf-list-group-item {
  cursor: pointer;
}
.sf-dd-separator {
  border-bottom: 1px solid;
  margin: var(--sf-spacing-4) var(--sf-spacing-0);
  border-bottom-color: rgb(var(--sf-color-outline));
}
.sf-list-item.sf-dd-separator {
  margin: 0;
}
.sf-list-item:has(.sf-dd-checkbox-item-wrapper).sf-active {
  background-color: transparent;
  color: rgba(var(--sf-color-on-surface));
}
.sf-list-item:has(.sf-dd-checkbox-item-wrapper):hover {
  background: rgba(var(--sf-color-on-surface), 0.05);
  color: rgba(var(--sf-color-on-surface));
  border-color: rgba(var(--sf-color-outline-variant));
}
.sf-list-item:has(.sf-dd-checkbox-item-wrapper):active {
  background-color: rgb(var(--sf-color-primary-container));
  color: rgba(var(--sf-color-on-surface));
}
.sf-list-item:has(.sf-dd-checkbox-item-wrapper).sf-item-focus {
  background: rgba(var(--sf-color-on-surface), 0.04);
  color: rgba(var(--sf-color-on-surface));
}
.sf-multiselect-values {
  max-width: 100%;
}
.sf-multiselect-values .sf-chip,
.sf-multiselect-values .sf-multiselect-delimiter-item {
  margin: var(--sf-spacing-4) var(--sf-spacing-0);
  margin-inline-start: var(--sf-spacing-16);
}
.sf-multiselect-chip,
.sf-multiselect-delimiter-focus {
  display: contents;
}
.sf-small.sf-multiselect.sf-filled {
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
}
.sf-small.sf-multiselect.sf-filled .sf-input.sf-multiselect-input {
  padding: var(--sf-spacing-5) var(--sf-spacing-10);
}
.sf-small.sf-multiselect.sf-filled:has(.sf-label-top) .sf-float-text {
  transform: translate3d(0, calc(var(--sf-spacing) * -0.375), 0);
  inset-inline-start: var(--sf-spacing-0);
}
.sf-small .sf-multiselect-chip .sf-chip {
  padding: var(--sf-spacing-2) var(--sf-spacing-8);
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
}
.sf-small .sf-multiselect-chip .sf-chip .sf-chip-delete {
  margin-inline-start: var(--sf-spacing-4);
}
.sf-small .sf-multiselect-chip .sf-chip .sf-chip-delete svg {
  font-size: var(--sf-font-size-sm);
}
.sf-small .sf-dd-checkbox-item-wrapper {
  gap: var(--sf-spacing-8);
}
.sf-medium.sf-multiselect.sf-filled .sf-input.sf-multiselect-input {
  padding: var(--sf-spacing-9) var(--sf-spacing-16);
}
.sf-medium.sf-multiselect.sf-filled:has(.sf-label-top) .sf-float-text {
  transform: translate3d(0, calc(var(--sf-spacing) * -0.625), 0);
  inset-inline-start: var(--sf-spacing-0);
}
.sf-medium .sf-multiselect-chip .sf-chip {
  padding: var(--sf-spacing-3) var(--sf-spacing-10);
}
.sf-medium .sf-dd-checkbox-item-wrapper {
  gap: var(--sf-spacing-12);
}
.sf-large.sf-multiselect.sf-filled .sf-input.sf-multiselect-input {
  padding: var(--sf-spacing-11) var(--sf-spacing-16);
}
.sf-large.sf-multiselect.sf-filled:has(.sf-label-top) .sf-float-text {
  transform: translate3d(0, calc(var(--sf-spacing) * -0.75), 0);
  inset-inline-start: var(--sf-spacing-0);
}
.sf-large .sf-multiselect-chip .sf-chip {
  padding: var(--sf-spacing-4) var(--sf-spacing-12);
  font-size: var(--sf-font-size-base);
  line-height: var(--sf-line-height-base);
}
.sf-large .sf-multiselect-chip .sf-chip .sf-chip-delete {
  margin-inline-start: var(--sf-spacing-8);
}
.sf-large .sf-multiselect-chip .sf-chip .sf-chip-delete svg {
  font-size: var(--sf-font-size-lg);
}
.sf-large .sf-dd-checkbox-item-wrapper {
  gap: var(--sf-spacing-16);
}