.select{display:inline-block;position:relative}.select__button{color:#fff;height:36px;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 14px;font-weight:600;transition:background-color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.select__button:hover,.select__button--open{background:#fff3}.select__button svg{transition:transform .2s}.select__button--open svg{transform:rotate(180deg)}.select__list{z-index:10;text-align:left;scrollbar-color:#ffffff4d transparent;background:#2f5a5a;border-radius:14px;width:200px;max-height:264px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff29,0 16px 32px #04111359}.select__list:focus{outline:none}.select__list:focus-visible{box-shadow:inset 0 0 0 2px var(--green-300), 0 16px 32px #04111359}.select__list li{color:#d2e0df;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;font-size:15px;font-weight:600;display:flex}.select__option--active{color:#fff;background:#ffffff1f}.select__option--selected{color:#073e3d!important;background:#fff!important}.select--light{width:100%;display:block}.select--light .select__button{background:var(--white);width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--slate-200);color:var(--teal-400);border-radius:12px;justify-content:space-between;font-weight:500}.select--light .select__button--placeholder{color:var(--slate-400);font-weight:400}.select--light .select__button:hover,.select--light .select__button--open{background:var(--white);box-shadow:inset 0 0 0 1px var(--green-300)}.select--light .select__button[aria-invalid=true]{box-shadow:inset 0 0 0 1px #d92d20}.select--light .select__button:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}.select--light .select__list{background:var(--white);width:100%;box-shadow:inset 0 0 0 1px var(--slate-200), 0 16px 32px #0411131f;left:0;right:0}.select--light .select__list li{color:var(--teal-400)}.select--light .select__option--active{background:var(--bg-weak);color:var(--teal-400)}.select--light .select__option--selected{background:var(--green-100)!important;color:var(--teal-400)!important}
