.ios-combo-select,
select:not([multiple]){text-align:center;text-align-last:center;}
select:not([multiple]) option{text-align:center;}
.ios-combo{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:100%;
  vertical-align:middle;
  box-sizing:border-box;
  --ios-combo-arrow-width:24px;
  --ios-combo-text-gutter:24px;
}
.ios-combo.is-compact{--ios-combo-arrow-width:18px;--ios-combo-text-gutter:18px;}
.ios-combo.is-tiny{--ios-combo-arrow-width:13px;--ios-combo-text-gutter:12px;}
.ios-combo.is-auto-expanded{transition:none!important;}
.filtrow .ios-combo,.filtrow .ios-combo-input,.filtrow .ios-combo-toggle{transition:none!important;animation:none!important;}
.ios-combo.is-text-fitted .ios-combo-input{text-overflow:clip;}
.ios-combo-select{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.ios-combo-input{
  display:block;
  flex:0 0 100%;
  width:100%;
  max-width:100%;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:0 var(--ios-combo-text-gutter)!important;
  border:1px solid #9f8c78!important;
  border-radius:3px!important;
  outline:0;
  background:#fff;
  color:inherit;
  font:inherit;
  line-height:normal;
  text-align:center!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-sizing:border-box;
}
.ios-combo-input:focus{
  border-color:#e67e22;
  box-shadow:inset 0 0 0 1px rgba(230,126,34,.12);
}
.ios-combo-toggle{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  flex:none;
  width:var(--ios-combo-arrow-width);
  min-width:0;
  max-width:var(--ios-combo-arrow-width);
  height:100%;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 3px 3px 0!important;
  background:transparent;
  color:#5f4a3b;
  cursor:pointer;
  box-sizing:border-box;
}
.ios-combo-toggle::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  transform:translate(-50%,-30%);
}
.ios-combo.is-compact .ios-combo-toggle::after{
  border-left-width:3px;
  border-right-width:3px;
  border-top-width:4px;
}
.ios-combo.is-tiny .ios-combo-toggle::after{
  border-left-width:2.5px;
  border-right-width:2.5px;
  border-top-width:3.5px;
}
.ios-combo.is-open,
.ios-combo:focus-within{box-shadow:inset 0 0 0 1px rgba(230,126,34,.55);}
.ios-combo.is-disabled{opacity:.65;}
.ios-combo.is-disabled .ios-combo-input{cursor:not-allowed;background:#f2f0ed!important;}
.ios-combo.is-disabled .ios-combo-toggle{cursor:not-allowed;background:transparent!important;}
.ios-combo-list{
  position:fixed;
  z-index:2147483000;
  display:flex;
  flex-direction:column;
  min-width:90px;
  max-width:min(420px,calc(100vw - 12px));
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid #9f8c78;
  border-radius:3px;
  background:#fff;
  box-shadow:0 8px 24px rgba(44,24,16,.2);
  box-sizing:border-box;
}
.ios-combo-option{
  display:block;
  flex:0 0 auto;
  width:100%;
  min-height:27px;
  margin:0;
  padding:5px 9px;
  border:0;
  border-bottom:1px solid #eee8e1;
  border-radius:0;
  background:#fff;
  color:#2c1810;
  font:500 11px/1.35 "Noto Sans KR","Malgun Gothic",sans-serif;
  text-align:center;
  white-space:nowrap;
  overflow-wrap:normal;
  cursor:pointer;
  box-sizing:border-box;
}
.ios-combo-option:last-child{border-bottom:0;}
.ios-combo-option:hover,
.ios-combo-option.is-active{background:#fff1e6;color:#8a3f05;}
.ios-combo-option.is-selected{font-weight:800;color:#b74f00;}
.ios-combo-option:disabled{color:#aaa;background:#f7f5f2;cursor:not-allowed;}
.ios-combo-empty{
  padding:10px 8px;
  color:#8a7767;
  font:500 10px/1.4 "Noto Sans KR","Malgun Gothic",sans-serif;
  text-align:center;
}
@media (max-width:640px){
  .ios-combo-option{min-height:32px;font-size:12px;}
}

/* Opened dropdown menus share one alignment across all application pages. */
.ios-combo-list .ios-combo-option,[role="listbox"] [role="option"],.dropdown-menu button,.delete-month-menu button{text-align:center!important;text-align-last:center!important;}
.ios-combo-input[readonly]{cursor:pointer;}
@media print{.ios-combo-list{display:none!important;}}
