.api_select{position:relative;color:#212529;min-width:120px;}
.api_select.is_active{border-color:#bbc1c7;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);}
.api_select .api_select_button{
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:start;
  width:100%;
  height:var(--height-m);
  background:#fff;
  /* border:2px solid #e2e5eb; */
  border:var(--form-border-width) var(--form-border-style) var(--form-border-color);
  padding:4px 24px 4px 10px;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  outline:0 none;
  -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
}
.api_select select{display:none; -webkit-appearance:none;-moz-appearance:none;appearance:none;}
.api_select .api_select_dropdown{
  background:#fff;overflow:hidden;display:none;position:absolute;top:100%;left:0;min-width:100%;max-width:calc(100vw - 2rem);z-index:1000;padding:0;margin:6px 0 0;text-align:left;list-style:none;
  -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
  -webkit-box-shadow:0 1px 10px rgba(5, 17, 37, .06), 0 4px 5px rgba(5, 17, 37, .08), 0 2px 4px rgba(5, 17, 37, .1);-moz-box-shadow:0 1px 10px rgba(5, 17, 37, .06), 0 4px 5px rgba(5, 17, 37, .08), 0 2px 4px rgba(5, 17, 37, .1);box-shadow:0 1px 10px rgba(5, 17, 37, .06), 0 4px 5px rgba(5, 17, 37, .08), 0 2px 4px rgba(5, 17, 37, .1);
}
.api_select.is_active .api_select_dropdown{display:block;position:absolute;}
.api_select .api_select_button:focus,
.api_select.is_active .api_select_button{
  border-color:#bbc1c7;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);
}
.api_select .api_highlight{font-weight:bold;border-bottom:1px solid rgb(33, 37, 41);}
.api_select svg{fill:currentColor;pointer-events:none;}
/*===========================
  .header footer buttons
  ===========================*/
.api_select .api_select_header,
.api_select .api_select_footer,
.api_select .api_select_buttons{display:none;padding:.5rem;}
.api_select .api_select_header p:last-child,
.api_select .api_select_footer p:last-child{margin-bottom:0;}
.api_select .api_select_header{border-bottom:1px solid #e2e5eb;color:#6d7986;}
.api_select .api_select_footer,
.api_select .api_select_buttons{border-top:1px solid #e2e5eb;}
.api_select .api_select_buttons{white-space:nowrap;}
/*===========================
  .api_select_result
  ===========================*/
.api_select .api_select_results{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;position:relative;}
.api_select .api_select_result{
  display:flex;align-items:center;
  width:100%;padding:0 12px;background-color:transparent;line-height:24px;cursor:pointer;position:relative;
}
/*.api_select .api_select_result.api_active,*/
.api_select .api_select_result:focus,
.api_select .api_select_result:hover{color:#16181b;text-decoration:none;background-color:#f2f3f7;}
.api_select .api_select_result label{padding:8px 0;width:100%;}
.api_select .api_select_result .api_select_result_label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.api_select .api_select_group_label{background:#f6f6f6;color:#1b1c1d;font-weight:bold;}
.api_select .api_select_group_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.api_select .api_select_select_group_input{cursor:default;margin:0;padding:0;border:0;}
.api_select .api_select_radio input{position:absolute;visibility:hidden;margin:0;padding:0;left:0;}
/*===========================
  .api_select_single
  ===========================*/
.api_select_single .api_select_radio{position:relative;cursor:pointer;font:inherit;margin:0;min-width:18px;min-height:18px;max-width:100%;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;}
.api_select_single .api_select_result.api_active{background-color:#f2f3f7 !important;}
/*===========================
  .api_select_multiple
  ===========================*/
.api_select_multiple{}
/*===========================
  .api_select_image
  ===========================*/
.api_select .api_select_image_wrap{display:block;padding-top:60px;width:100px;position:relative;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.api_select .api_select_image{display:block;position:absolute;top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 15%;}
.api_select .api_select_image_mask{display:none}
/*===========================
  .api_select_label
  ===========================*/
.api_select .api_select_button .api_select_label{
  /* color:#bbc1c7; */
  color:#7e8595;
  position:absolute;
  max-width:calc(100% - 40px);
  pointer-events:none;transform-origin:0 0;line-height:1;
  -webkit-transition:transform 100ms cubic-bezier(0.25, 0.8, 0.25, 1);-moz-transition:transform 100ms cubic-bezier(0.25, 0.8, 0.25, 1);-ms-transition:transform 100ms cubic-bezier(0.25, 0.8, 0.25, 1);-o-transition:transform 100ms cubic-bezier(0.25, 0.8, 0.25, 1);transition:transform 100ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.api_select.is-filled .api_select_button .api_select_label{
  max-width:calc(100% - 18px);
  -webkit-transform:translateX(-.25em) translateY(-1.4em) scale(1);-moz-transform:translateX(-.25em) translateY(-1.4em) scale(1);-ms-transform:translateX(-.25em) translateY(-1.4em) scale(1);-o-transform:translateX(-.25em) translateY(-1.4em) scale(1);transform:translateX(-.25em) translateY(-1.4em) scale(1);
}
.api_select .api_select_button .api_select_label_title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.api_select.is-filled .api_select_button .api_select_label_title{
  white-space:nowrap;
  display:block;
  text-overflow:ellipsis;
  overflow:hidden;
  font-size:14px;line-height:20px;background:#fff;color:#7e8595;padding:0 5px;cursor:default;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
/*===========================
  .api_select_choice
  ===========================*/
.api_select .api_select_choices{display:flex;align-items:center;overflow:hidden;}
.api_select .api_select_choice{display:flex;align-items:stretch;position:relative;overflow:hidden;text-overflow:ellipsis;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.api_select .api_select_choice_label{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  /*max-width:calc(100% - 25px);*/
}
.api_select .api_select_choice_close{
  display:flex;align-items:stretch;cursor:pointer;background:#fff;
}
.api_select .api_select_choice_arrow{
  display:block;
  width:25px;
  opacity:.4;
  /*background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmb2N1c2FibGU9ImZhbHNlIj48cGF0aCBkPSJNOSAxNkE3IDcgMCAxIDAgOSAyYTcgNyAwIDAgMCAwIDE0em0yLjEyLTEwLjUzNmwxLjQxNiAxLjQxNUwxMC40MTQgOWwyLjEyMiAyLjEyLTEuNDE1IDEuNDE2TDkgMTAuNDE0bC0yLjEyIDIuMTIyLTEuNDE2LTEuNDE1TDcuNTg2IDkgNS40NjQgNi44OCA2Ljg4IDUuNDYzIDkgNy41ODZsMi4xMi0yLjEyMnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPjwvc3ZnPg==') 50% 50% no-repeat transparent;*/
  background:url('data:image/svg+xml;utf8,%3csvg width="18" height="18" viewBox="0 0 24 24" stroke="currentcolor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"%3e%3cline x1="18" y1="6" x2="6" y2="18"%3e%3c/line%3e%3cline x1="6" y1="6" x2="18" y2="18"%3e%3c/line%3e%3c/svg%3e') 50% 50% no-repeat transparent;
}
.api_select .api_select_choice_arrow:hover{opacity:1}
/*===========================
  .api_select_search
  ===========================*/
.api_select .api_select_search{position:relative;padding:.5em;border-bottom:1px solid #e2e5eb;}
.api_select .api_select_search_empty{display:none;padding:0 10px;color:#707f8d;cursor:default;line-height:32px}
.api_select .api_select_search_arrow{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#a6b0c3;
  background-position:50% 50%;background-repeat:no-repeat;background-color:transparent;
  background-image:url('data:image/svg+xml;utf8,%3csvg width="16" height="16" viewBox="0 0 24 24" fill="none" pointer-events="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M16.4153 16.4153L20 20M18.5455 11.2727C18.5455 15.2893 15.2894 18.5454 11.2728 18.5454C7.25612 18.5454 4 15.2893 4 11.2727C4 7.2561 7.25612 4 11.2728 4C15.2894 4 18.5455 7.2561 18.5455 11.2727Z" stroke="%23a6b0c3" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e');
}
.api_select .api_select_search_input{
  font-size:14px !important;
  display:block !important;
  width:100% !important;
  padding:0 12px 0 32px !important;
  margin:0 !important;
  height:36px !important;
  line-height:36px !important;
  border:2px solid #f2f3f7 !important;
  outline:0 none !important;
  background:#f2f3f7 !important;
  border-radius:.5em !important;
  -webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;
}
.api_select .api_select_search_input:focus{
  background:rgb(255, 255, 255) !important;
  border:2px solid rgb(72, 120, 255) !important;
  transition:background-color 0.1s ease-in-out 0s, border 0.1s ease-in-out 0s;
}
/*===========================
  .api_select_select_all
  ===========================*/
.api_select .api_select_select_all{border-bottom:1px solid #e2e5eb;color:#6d7986;}
/*===========================
  .api_select_arrow
  ===========================*/
.api_select .api_select_arrow{
  position:absolute;top:0;right:0;bottom:0;width:32px;cursor:pointer;opacity:.3;
  background-position:50% 50%;background-repeat:no-repeat;background-color:transparent;
  background-image:url('data:image/svg+xml;utf8,%3csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.293 5.293a1 1 0 011.414 0L8 9.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z" fill="%23000"%3e%3c/path%3e%3c/svg%3e');
  -webkit-transition:transform .1s ease-out;-moz-transition:transform .1s ease-out;-ms-transition:transform .1s ease-out;-o-transition:transform .1s ease-out;transition:transform .1s ease-out;
}
.api_select.is_active .api_select_arrow{
  opacity:.9;
  -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);
}
/*===========================
  .is_disabled
  ===========================*/
.api_select.is_disabled .api_select_button{background:#f2f3f7;border-color:#e2e5eb;}
.api_select.is_disabled .api_select_button,
.api_select.is_disabled .api_select_choice,
.api_select.is_disabled .api_select_button .api_label_req,
.api_select.is_disabled .api_select_button .api_select_label_title{color:#bbc1c7;}
.api_select.is_disabled .api_select_choice{background:#fafafa;border-color:rgba(0, 0, 0, 0.2);}
.api_select.is_disabled .api_select_choice_close{background-color:#fafafa;opacity:.4}
.api_select.is_disabled .api_select_arrow{opacity:.1}
/*===========================
  .is-invalid
  ===========================*/
.is-invalid .api_select .api_select_button{border-color:#dc3545;}
.is-invalid .api_select .api_select_label_title{color:#dc3545;}
.is-invalid .api_select.is_active .api_select_button{-webkit-box-shadow:0 0 3px 0 rgba(220, 53, 69, .25);box-shadow:0 0 3px 0 rgba(220, 53, 69, .25);}
.is-invalid .api_select.is_active .api_select_label_title{color:#d50000;}
/*===========================
  Size
  ===========================*/
.api_form_xxl .api_select .api_select_button{height:var(--height-xxl);}
.api_form_xl .api_select .api_select_button{height:var(--height-xl);}
.api_form_l .api_select .api_select_button{height:var(--height-l);}
.api_form_m .api_select .api_select_button{height:var(--height-m);}
.api_form_s .api_select .api_select_button{height:var(--height-s);}
.api_form_xs .api_select .api_select_button{height:var(--height-xs);}
.api_form_xxs .api_select .api_select_button{height:var(--height-xxs);}
/*.api_form_m .api_select .api_select_choice_label{padding:0 6px;}*/
/*
TODO: Not delete
.api_select_radio .api_select_radio_dot{position:absolute;left:0;display:block;width:18px;height:18px;}
.api_select_radio .api_select_radio_dot:before{
  content:'';
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hlY2stbGciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjczNiAzLjk3YS43MzMuNzMzIDAgMCAxIDEuMDQ3IDBjLjI4Ni4yODkuMjkuNzU2LjAxIDEuMDVMNy44OCAxMi4wMWEuNzMzLjczMyAwIDAgMS0xLjA2NS4wMkwzLjIxNyA4LjM4NGEuNzU3Ljc1NyAwIDAgMSAwLTEuMDYuNzMzLjczMyAwIDAgMSAxLjA0NyAwbDMuMDUyIDMuMDkzIDUuNC02LjQyNWEuMjQ3LjI0NyAwIDAgMSAuMDItLjAyMloiLz48L3N2Zz4=') 50% 50% no-repeat transparent;
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  display:block;
  -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);
  -webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;
}
.api_select_radio > input:checked ~ .api_select_radio_dot:before{
  -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);
}

.api_select_radio .api_select_radio_label{line-height:normal;width:100%;padding-left:20px;}
*/