.ffe-loading-spinner-container{color:var(--ffe-color-foreground-default);flex-direction:column;align-items:center;display:flex}.ffe-loading-spinner{vertical-align:middle;display:inline-block}.ffe-loading-spinner:before{content:" ";border:3px solid var(--ffe-color-fill-primary-selected-default);border-top-color:var(--ffe-color-fill-primary-subtle);visibility:hidden;border-radius:50%;width:30px;height:30px;animation:1s linear .5s infinite spin;display:inline-block}@keyframes spin{0%{visibility:visible;transform:rotate(0)}to{transform:rotate(360deg)}}.ffe-loading-spinner--stop-animation:before{animation:none}.ffe-loading-spinner--large:before{border-width:5px;width:60px;height:60px}.ffe-loading-spinner--immediate:before{visibility:visible;animation-delay:0s}
.ffe-searchable-dropdown{--button-width:40px;--border-width:var(--ffe-g-border-width);--border-color:var(--ffe-color-border-primary-default);--detail-text-color:var(--ffe-color-component-form-input-foreground-subtle);--selected-icon-color:var(--ffe-color-fill-primary-selected-default);--text-color:var(--ffe-color-foreground-default);grid-template-columns:1fr var(--button-width);background-color:var(--ffe-color-surface-primary-default);border-radius:var(--ffe-g-border-radius);min-width:fit-content;min-height:2.8125rem;color:var(--text-color);border:var(--border-width) solid var(--border-color);outline:var(--ffe-g-outline-width) solid transparent;outline-offset:var(--ffe-g-outline-offset);-webkit-transition:all var(--ffe-transition-duration) var(--ffe-ease);-o-transition:all var(--ffe-transition-duration) var(--ffe-ease);transition:all var(--ffe-transition-duration) var(--ffe-ease);grid-template-rows:auto 0;display:grid}.ffe-searchable-dropdown :where(.ffe-searchable-dropdown__button){all:unset}@media (hover:hover) and (pointer:fine){.ffe-searchable-dropdown:hover{--border-color:var(--ffe-color-border-primary-default-hover);-webkit-box-shadow:0 0 0 1px var(--ffe-color-border-primary-default-hover);box-shadow:0 0 0 1px var(--ffe-color-border-primary-default-hover)}}.ffe-searchable-dropdown:active,.ffe-searchable-dropdown:focus-within{border-color:var(--ffe-color-component-form-input-border-active);-webkit-box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-component-form-input-border-active);box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-component-form-input-border-active)}.ffe-searchable-dropdown:focus-within{outline-color:var(--ffe-color-border-interactive-focus)}.ffe-searchable-dropdown__input{border-radius:var(--ffe-g-border-radius) 0 0 var(--ffe-g-border-radius);padding:var(--ffe-spacing-xs) var(--ffe-spacing-sm);border-right:none;display:grid}@media (hover:hover) and (pointer:fine){.ffe-searchable-dropdown__input:hover+.ffe-searchable-dropdown__button{--border-color:var(--ffe-color-border-primary-default-hover)}}.ffe-searchable-dropdown__button{cursor:pointer;border-radius:0 var(--ffe-g-border-radius) var(--ffe-g-border-radius) 0;border-left:none;place-items:center;display:grid}.ffe-searchable-dropdown__button .ffe-icons{color:var(--ffe-color-foreground-default);display:block}.ffe-searchable-dropdown__button-icon{-webkit-transition:color var(--ffe-transition-duration) var(--ffe-ease), -webkit-transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back);transition:color var(--ffe-transition-duration) var(--ffe-ease), -webkit-transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back);-o-transition:color var(--ffe-transition-duration) var(--ffe-ease), transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back);transition:color var(--ffe-transition-duration) var(--ffe-ease), transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back);transition:color var(--ffe-transition-duration) var(--ffe-ease), transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back), -webkit-transform var(--ffe-transition-duration) var(--ffe-ease-in-out-back)}.ffe-searchable-dropdown__button--flip .ffe-searchable-dropdown__button-icon{transform:rotate(180deg)}.ffe-searchable-dropdown input{all:unset;font-family:var(--ffe-g-font);font-variant-numeric:tabular-nums;color:var(--ffe-color-foreground-default);font-size:var(--ffe-fontsize-form-input)}.ffe-searchable-dropdown input::placeholder{color:var(--ffe-color-foreground-subtle)}.ffe-searchable-dropdown__list-container{grid-area:2/1/span 1/span 2;position:relative}.ffe-searchable-dropdown__list{background:var(--ffe-color-surface-primary-default);color:var(--ffe-color-foreground-default);top:var(--ffe-spacing-xs);z-index:1;border-radius:var(--ffe-g-border-radius);width:100%;font-family:var(--ffe-g-font);font-size:1rem;display:none;position:absolute;left:0;overflow:hidden}.ffe-searchable-dropdown__list--open{border:1px solid var(--ffe-color-border-primary-default);height:auto;display:block}.ffe-searchable-dropdown__list--post-list-element{border-top:1px solid var(--ffe-color-border-primary-default)}.ffe-searchable-dropdown__no-match{padding:var(--ffe-spacing-xs) var(--ffe-spacing-sm)}.ffe-searchable-dropdown__no-match+.ffe-searchable-dropdown__list-item-container{border-top:1px solid var(--ffe-color-border-primary-default)}.ffe-searchable-dropdown__no-match .ffe-body-paragraph{margin:0}.ffe-searchable-dropdown__list-item-container:not(:last-child){border-bottom:1px solid var(--ffe-color-border-primary-default)}.ffe-searchable-dropdown__detail-text{color:var(--detail-text-color)}.ffe-searchable-dropdown__list-item-body{padding:var(--ffe-spacing-xs) var(--ffe-spacing-sm);cursor:pointer;color:var(--text-color)}@media (hover:hover) and (pointer:fine){.ffe-searchable-dropdown__list-item-body:hover,.ffe-searchable-dropdown__list-item-body--highlighted:hover{background:var(--ffe-color-surface-primary-default-hover)}}.ffe-searchable-dropdown__list-item-body:active{background:var(--ffe-color-surface-primary-default-pressed)}.ffe-searchable-dropdown__list-item-body--highlighted{background:var(--ffe-color-surface-primary-default-hover)}.ffe-searchable-dropdown__list-item-body-details{justify-content:space-between;display:flex}.ffe-searchable-dropdown__selected-icon{color:var(--selected-icon-color);visibility:hidden}.ffe-searchable-dropdown:has(input[aria-invalid=true]){color:var(--ffe-color-foreground-feedback-critical);border:var(--ffe-g-border-width) solid var(--ffe-color-border-feedback-critical);-webkit-box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-border-feedback-critical);box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-border-feedback-critical);background-color:var(--ffe-color-surface-feedback-critical)}@media (hover:hover) and (pointer:fine){:is(.ffe-searchable-dropdown:has(input[aria-invalid=true]):hover,.ffe-searchable-dropdown:has(input[aria-invalid=true]):focus){border:var(--ffe-g-border-width) solid var(--ffe-color-border-feedback-critical);-webkit-box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-border-feedback-critical);box-shadow:var(--ffe-g-border-focus-box-shadow) var(--ffe-color-border-feedback-critical);background-color:var(--ffe-color-surface-primary-default)}}.ffe-searchable-dropdown--multi .ffe-searchable-dropdown__input{align-items:center;gap:var(--ffe-spacing-xs);flex-wrap:wrap;display:flex}.ffe-searchable-dropdown--multi .ffe-searchable-dropdown__input input{flex:1;width:100%;min-width:7ch}.ffe-searchable-dropdown--multi .ffe-searchable-dropdown__list-item-body{gap:var(--ffe-spacing-xs);padding:var(--ffe-spacing-sm);grid-template-columns:1fr auto;align-items:center;display:grid}.ffe-searchable-dropdown--multi .ffe-searchable-dropdown__list-item-body--condensed{padding-block:var(--ffe-spacing-xs)}.ffe-searchable-dropdown--multi [role=option][aria-selected=true] .ffe-searchable-dropdown__selected-icon{visibility:visible}.ffe-searchable-dropdown--multi .ffe-chip{flex-shrink:0}.ffe-searchable-dropdown--multi .ffe-chip__label{white-space:nowrap;text-overflow:ellipsis;max-width:14ch;overflow:hidden}.ffe-searchable-dropdown--multi .ffe-chip--multiple-selected{pointer-events:none}