.f-single-select{--radius:28px;--height:56px;--padding-inline:16px;--border-color:var(--color-tertiary-500)}.f-single-select.--native .f-single-select__wrap{display:grid;align-items:center;grid-template-areas:"select"}.f-single-select.--native .f-single-select__wrap:after{display:block;content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323846f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;justify-self:end;grid-area:select;margin-right:16px;pointer-events:none}.f-single-select.--native .f-single-select__select{border-radius:var(--radius);width:100%;min-height:var(--height);border:1px solid var(--border-color);background-color:var(--color-white);padding-left:16px;padding-right:40px;cursor:pointer;outline:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-area:select;font-weight:600;color:var(--color-text-500)}.f-single-select.--small{--height:40px}.f-single-select.--invalid{--border-color:var(--color-danger)}.f-single-select .f-label{position:relative;left:0;top:0;transform:none;font-size:12px;margin-bottom:4px}