.f-select{--border-color:var(--color-tertiary-500);--radius:100px;--height:3.5rem;--padding-inline:1.5rem}.f-select.--small{--height:2.5rem;--padding-inline:1rem}.f-select.--invalid{--border-color:var(--color-danger);margin-bottom:1rem}.f-select.--disabled{opacity:.6}.f-select__wrap{border:1px solid var(--border-color);border-radius:var(--radius);transition:border-color .3s;position:relative}.f-select__wrap:focus-within{border-color:var(--color-conversion-600)}.f-select__input{width:100%;min-height:var(--height);padding:.625rem var(--padding-inline);background-color:var(--color-white);border-radius:var(--radius);appearance:none;color:var(--color-text-500);cursor:pointer;background-clip:padding-box;border:none;outline:none;padding-right:3rem;font-weight:600;display:block}.f-select__input:focus{outline:none}.f-select__input:disabled{cursor:not-allowed;background-color:var(--color-gray-100,#f5f5f5)}.f-select__arrow{right:var(--padding-inline);pointer-events:none;color:var(--color-primary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.f-select .f-label{left:var(--padding-inline);color:var(--color-text-400);pointer-events:none;z-index:1;font-weight:500;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.f-select .f-label.--active{font-size:var(--font-size-xs);background:var(--color-white);margin-left:-.25rem;padding:0 .25rem;top:0;transform:translateY(-50%)}.f-select .f-label__required{color:var(--color-danger);margin-left:.125rem}.f-select .f-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:.25rem}