.select{display:flex;flex-direction:column;margin-bottom:28px;position:relative}.select,.select__primitive{width:100%}.select__trigger{align-items:center;background:var(--main-1);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--main-4);display:flex;flex:1;flex-direction:row;font-family:var(--font-default),sans-serif;font-size:var(--body-font-size-4);font-weight:500;gap:10px;line-height:1;min-width:0;overflow:visible;padding:6px 16px;position:relative;transition:color .2s}.select__trigger,.select__trigger.input--m{--input-icon-size:2rem;min-height:var(--control-size--m)}.select__trigger.input--ml{--input-icon-size:2.4rem;--input-placeholder:inherit;--input-placeholder-font-size-open:var( --body-font-size-5 );--input-font-size:var(--body-font-size-1);min-height:var(--control-size--ml)}.select__trigger.input--l{--input-icon-size:2.4rem;min-height:var(--control-size--l)}.select__trigger.input--collapsed{justify-content:center;max-width:54px}.select__trigger.error{border-color:var(--system-error)}.select__trigger.success{border-color:var(--system-allow)}.select__trigger.warning{border-color:var(--system-warning)}.select__trigger .select__placeholder{background:transparent;color:var(--main-4);font:inherit;font-size:var(--input-placeholder-font-size-open,var(--body-font-size-7));margin:0;padding:0;pointer-events:none;position:absolute;top:0;transform:none;transition:all .2s ease}.select__trigger>*{transition:all .1s ease-in-out}.select__trigger .select__icon{align-self:center}.select__trigger[data-state=open] .select__icon{transform:rotate(180deg)}.select__trigger[data-state=open] .select__placeholder{font-size:var(--input-placeholder-font-size-open,var(--body-font-size-7));top:0;transform:none}.select__trigger[data-placeholder] .select__value{opacity:0}.select__trigger[data-placeholder] .select__placeholder{left:2px;top:50%;transform:translateY(-50%)}.select__value{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--almost-white);display:inline-flex;flex:1;font-size:var(--input-font-size,var(--body-font-size-4));line-height:1;margin-top:1.3rem;min-width:0;outline:none;padding:0;resize:none;text-align:left}.select__trigger__inner{align-items:stretch;display:flex;flex:1;min-width:0;position:relative}.error-message,.warning-message{font-family:var(--font-default),sans-serif;font-size:var(--body-font-size-6);font-weight:500;line-height:150%}.error-message{color:var(--system-error)}.warning-message{color:var(--system-warning)}.select__content{background:var(--main-1);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin-top:4px;min-width:var(--reka-select-trigger-width);padding:0;width:100%;z-index:10}.select__viewport{width:100%}.select__list{max-height:268px;overflow-y:auto}.select__item{align-items:center;background-color:var(--main-1);border-radius:4px;cursor:pointer;display:flex;font-size:var(--body-font-size-6);gap:10px;outline:none;padding:10px 12px;transition:background .2s,color .2s;width:100%}.select__item:hover,.select__item[data-state=checked]{background-color:var(--main-2)}.select__item[data-disabled]{cursor:default;opacity:.4;pointer-events:none}.select__indicator{color:var(--legacy-success-1);height:20px;justify-self:flex-end;margin:0 0 0 auto;width:20px}
