.sf-icon{position:relative;position:var(--icon-position,relative);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.625rem;width:var(--icon-width,var(--icon-size,1.625rem));height:1.625rem;height:var(--icon-height,var(--icon-size,1.625rem));background:transparent;fill:var(--c-black);fill:var(--icon-color,var(--c-black))}.sf-icon img,.sf-icon svg{width:inherit;height:inherit}.sf-icon__badge{position:absolute;top:0;top:var(--icon-badge-top,0);right:0;right:var(--icon-badge-right,0)}.sf-icon.color-white{--icon-color:var(--c-white)}.sf-icon.color-black{--icon-color:var(--c-black)}.sf-icon.color-primary{--icon-color:var(--c-primary)}.sf-icon.color-primary-variant{--icon-color:var(--c-primary-variant)}.sf-icon.color-dark-secondary{--icon-color:var(--_c-dark-secondary)}.sf-icon.color-green-primary{--icon-color:var(--_c-green-primary)}.sf-icon.color-green-secondary{--icon-color:var(--_c-green-secondary)}.sf-icon.color-gray-primary{--icon-color:var(--_c-gray-primary)}.sf-icon.color-gray-secondary{--icon-color:var(--_c-gray-secondary)}.sf-icon.color-light-primary{--icon-color:var(--_c-light-primary)}.sf-icon.color-light-secondary{--icon-color:var(--_c-light-secondary)}.sf-icon.color-red-primary{--icon-color:var(--_c-red-primary)}.sf-icon.color-red-secondary{--icon-color:var(--_c-red-secondary)}.sf-icon.color-yellow-primary{--icon-color:var(--_c-yellow-primary)}.sf-icon.color-yellow-secondary{--icon-color:var(--_c-yellow-secondary)}.sf-icon.color-blue-primary{--icon-color:var(--_c-blue-primary)}.sf-icon.color-blue-secondary{--icon-color:var(--_c-blue-secondary)}.sf-icon.size-xxs{--icon-size:1rem}.sf-icon.size-xs{--icon-size:1.4rem}.sf-icon.size-sm{--icon-size:1.625rem}.sf-icon.size-md{--icon-size:1.8rem}.sf-icon.size-lg{--icon-size:2rem}.sf-icon.size-xl{--icon-size:2.2rem}.sf-icon.size-xxl{--icon-size:2.5rem}.sf-icon.size-xl3{--icon-size:2.8rem}.sf-icon.size-xl4{--icon-size:3.25rem}.display-none{display:none}.sf-select{position:relative;box-sizing:border-box;width:var(--select-width);height:4.25rem;height:var(--select-height,4.25rem);padding:var(--select-padding,var(--spacer-sm) 0 var(--spacer-sm) 0);color:var(--c-text);color:var(--select-color,var(--c-text));cursor:default}.sf-select__label{position:absolute;top:30%;top:var(--select-label-top,30%);left:0;left:var(--select-label-left,0);padding:0 0 0 4px;height:.625rem;color:var(--c-secondary-variant);color:var(--select-label-color,var(--c-secondary-variant));transform:translateZ(0);transform:var(--select-label-transform,translate3d(0,0,0));transition:transform .15s linear,font-size .15s linear;transition:var(--select-label-transition,transform .15s linear,font-size .15s linear);pointer-events:none;font:var(--font-weight--normal) var(--font-size--base)/1 var(--font-family--secondary);font:var(--select-label-font,var(--select-label-font-weight,var(--font-weight--normal)) var(--select-label-font-size,var(--font-size--base))/var(--select-label-font-line-height,1) var(--select-label-font-family,var(--font-family--secondary)))}.sf-select__label:after{content:var(--select-label-required);color:var(--c-primary);color:var(--select-label-color,var(--c-primary))}.sf-select__dropdown{width:100%;height:1.625rem;margin:0 0 var(--spacer-2xs) 0;overflow-y:scroll;box-shadow:none;color:var(--c-secondary-variant);color:var(--select-dropdown-color,var(--c-secondary-variant));background:var(--c-white);border:var(--select-dropdown-border,var(--select-dropdown-border-style,solid) var(--select-dropdown-border-color,var(--c-secondary)));border-width:0;border-width:var(--select-dropdown-border-width,0 0 0 0)}.sf-select__option{background:var(--c-white);background:var(--select-option-background,var(--c-white));font:var(--font-weight--normal) var(--font-size--base)/1 var(--font-family--secondary);font:var(--select-option-font,var(--select-option-font-weight,var(--font-weight--normal)) var(--select-option-font-size,var(--font-size--base))/var(--select-option-font-line-height,1) var(--select-option-font-family,var(--font-family--secondary)))}.sf-select .sf-select__dropdown:active{--select-label-color:var(--c-text-muted);--select-dropdown-border-color:var(--c-primary);--select-dropdown-color:var(--c-link)}.sf-select__label .sf-select__dropdown:active{top:0}.sf-select::-ms-expand{display:none}.sf-select__error-message{color:var(--c-danger);color:var(--select-error-message-color,var(--c-danger));min-height:calc(var(--font-size--xs)*1.2);min-height:var(--select-error-message-height,calc(var(--font-size--xs)*1.2));font:var(--font-weight--medium) var(--font-size--xs)/1.2 var(--font-family--secondary);font:var(--input-error-message-font,var(--input-error-message-font-weight,var(--font-weight--medium)) var(--input-error-message-font-size,var(--font-size--xs))/var(--input-error-message-font-line-height,1.2) var(--input-error-message-font-family,var(--font-family--secondary)))}.sf-select--underlined{--select-dropdown-border-width:0 0 1px 0;--select-border-width:0 0 1px 0;--select-border-color:var(--c-light)}.sf-select.is-selected{--select-label-transform:var(--select-label-translate3d,translate3d(0,-200%,0));--select-label-font-size:var(--font-size--xs);--select-dropdown-color:var(--c-secondary-variant)}.sf-select.is-invalid{--select-dropdown-border-color:var(--c-danger)}.sf-select.is-disabled,.sf-select select[disabled]{--select-dropdown-color:var(--c-text-disabled);--select-dropdown-border-color:var(--c-text-disabled);--select-label-color:var(--c-text-disabled);color:var(--c-text-disabled)}.sf-select.is-disabled .sf-select__dropdown:active,.sf-select select[disabled] .sf-select__dropdown:active{--select-dropdown-border-color:var(--c-text-disabled)}.sf-select.is-required{--select-label-required:" *"}