.sf-dd-base {
  display: flex;
  height: 100%;
  min-height: var(--sf-line-height-3xl);
  position: relative;
  width: 100%;
  border-color: #e0e0e0;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.sf-dd-base .sf-list-parent {
  flex: 1 1 auto;
}
.sf-dd-group .sf-list-item {
  padding-inline-start: var(--sf-spacing-32);
  text-indent: 0;
}
.sf-small .sf-dd-group .sf-list-item {
  padding-inline-start: var(--sf-spacing-32);
}
.sf-large .sf-dd-group .sf-list-item {
  padding-inline-start: var(--sf-spacing-32);
}
.sf-dd-nodata {
  color: rgba(var(--sf-color-on-surface-variant));
  cursor: default;
  padding: var(--sf-spacing-10);
  text-align: center;
}
.sf-dd-footer,
.sf-dd-header {
  cursor: default;
  position: sticky;
  z-index: 1;
  flex: 0 0 auto;
}
.sf-dd-header {
  top: 0;
}
.sf-dd-footer {
  bottom: 0;
}
.sf-dd-highlight {
  font-weight: var(--sf-font-weight-semibold);
}
.sf-dropdown .sf-spinner-content {
  padding: var(--sf-spacing-8);
}
.sf-ddl {
  user-select: none;
  cursor: pointer;
}
.sf-ddl.sf-popup {
  border-radius: var(--sf-radius-4);
  box-shadow: var(--sf-elevation-2);
  margin-top: var(--sf-spacing-2);
  background: linear-gradient(0deg, rgba(var(--sf-color-surface), 1), rgba(var(--sf-color-surface), 1)), rgba(var(--sf-color-surface));
  overflow-y: hidden;
  border: 1px solid rgb(var(--sf-color-outline-variant));
  cursor: auto;
}
.sf-ddl.sf-popup > :first-child {
  max-height: inherit;
  display: flex;
  flex-direction: column;
  padding: var(--sf-spacing-4) var(--sf-spacing-0);
}
.sf-ddl.sf-popup > .sf-small {
  padding: var(--sf-spacing-4) var(--sf-spacing-0);
}
.sf-ddl.sf-popup > .sf-large {
  padding: var(--sf-spacing-4) var(--sf-spacing-0);
}
.sf-ddl.sf-dropdown-resizable .sf-medium {
  padding-bottom: var(--sf-spacing-24);
}
.sf-dropdown .sf-icon-rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.sf-dropdown .sf-icon-normal {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.sf-ddl-filter-parent {
  display: block;
  padding: var(--sf-spacing-4) var(--sf-spacing-12);
  flex: 0 0 auto;
}
.sf-dropdown-list {
  pointer-events: none;
}
.sf-dropdown-list.sf-input-value-template {
  width: 0;
}
.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);
}