.dds-pill{display:inline-flex;align-items:center;box-sizing:border-box;font:var(--typography-pill-default);height:var(--dimension-pill-default);background-color:var(--color-pill-bg-default);color:var(--color-pill-text-default);border-style:solid;border-width:var(--border-width-pill-default);border-color:var(--color-pill-border-default);border-radius:var(--border-radius-pill-default);padding:0 var(--spacing-pill-right-padding) 0 var(--spacing-pill-left-padding)}button.dds-pill{&:hover{background-color:var(--color-pill-bg-hover);color:var(--color-pill-text-hover);border-width:var(--border-width-pill-hover);border-color:var(--color-pill-border-hover);.dds-pill__remove-icon{fill:var(--color-pill-cta-icon-hover)}}&.dds-pill--selected{background-color:var(--color-pill-bg-selected);color:var(--color-pill-text-selected);border-width:var(--border-width-pill-selected);border-color:var(--color-pill-border-selected)}}.dds-pill__icon{display:flex;margin-right:var(--spacing-pill-icon-gap)}.dds-pill__dimiss-icon{fill:var(--color-pill-cta-icon-default);margin-left:var(--spacing-pill-cta-gap)}.dds-selectField{width:100%}.dds-selectField__label{order:0}.dds-selectField__wrapper{&.dds-selectField__wrapper--horizontal{display:flex;align-items:center;gap:var(--spacing-2xs)}}.dds-selectField__wrapper--default{label{margin-bottom:var(--spacing-2xs)}}.dds-select__wrapper{position:relative;height:var(--dimension-input-m)}.dds-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:100%;cursor:pointer;background-color:var(--color-select-bg-default);border-color:var(--color-select-border-default);border-width:var(--border-width-select-default);border-radius:var(--border-radius-select-default);font:var(--typography-select-m);padding:var(--spacing-xs) var(--spacing-select-icon-padding) var(--spacing-xs) var(--spacing-select-left-padding);&:hover{background-color:var(--color-select-bg-hover);color:var(--color-select-text-hover);border-color:var(--color-select-border-hover)}&:disabled{background-color:var(--color-select-bg-disabled);color:var(--color-select-text-disabled);border-color:var(--color-select-border-disabled)}&:focus,&:focus-visible{border-color:var(--color-select-border-active);box-shadow:var(--drop-shadow-select-active);outline:none}}.dds-select__icon-wrapper{pointer-events:none;display:flex;align-items:center;height:100%;position:absolute;top:0;right:var(--spacing-select-right-padding);svg{fill:var(--color-select-icon-default)}}.dds-select:disabled+.dds-select__icon-wrapper svg{fill:var(--color-select-icon-disabled)}