.Select{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Select.Select--active .Select_container{border:1px solid #7cd4fd;border-radius:16px 16px 0 0;box-shadow:0 1px 2px #1018280d,0 0 0 4px #ebf9ff}.Select.Select--disabled .Select_container{background-color:rgba(var(--color-gray-50),1);box-shadow:0 1px 2px #1018280d}.Select.Select--size-sm .Select_container,.Select.Select--size-sm .Select_native-select{height:40px}.Select.Select--size-md .Select_container,.Select.Select--size-md .Select_native-select{height:44px}.Select.Select--error .Select_container{border:1px solid rgba(var(--color-red-300),1)}.Select.Select--error.Select--active .Select_container{box-shadow:0 1px 2px #1018280d,0 0 0 4px rgba(var(--color-red-100),1)}.Select.Select--error .Select_error{color:rgba(var(--color-red-500),1);display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}.Select .Select_native-select{border-radius:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.Select .Select_container{background-color:rgba(var(--color-white),1);border:1px solid rgba(var(--color-gray-300),1);border-radius:16px;box-shadow:0 1px 2px #1018280d;display:flex;flex-direction:column;margin-top:.375rem;position:relative;transition:border .2s}.Select .Select_label{color:rgba(var(--color-gray-700),1);font-size:.875rem;font-weight:500}.Select .Select_field{align-items:center;cursor:pointer;display:flex;flex-grow:1;justify-content:space-between;padding:.625rem 1.25rem;position:relative}.Select .Select_field .field_text{left:1.25rem;overflow:hidden;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);white-space:nowrap;width:calc(100% - 4rem)}.Select .Select_field .field_arrow{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.Select .Select_list{background-color:rgba(var(--color-white),1);border:1px solid rgba(var(--color-gray-300),1);border-radius:0 0 24px 24px;border-top:0;list-style:none;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:2}.Select .Select_list .list_item{padding:.5rem 0 .5rem 1.25rem}.Select .Select_list .list_item.item--active{background-color:rgba(var(--color-blue-light-100),.5)}.Select .Select_list .list_item:hover{background-color:rgba(var(--color-blue-light-25),1);cursor:pointer}.Select .Select_list .list_item:last-child{border-radius:0 0 24px 24px}@media screen and (min-width:1024px){.Select .Select_native-select{display:none}}