
.birthdate-main{position:relative}
.birthdate-main .birthdate-icon-btn{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border:0;background:transparent;color:rgba(255,255,255,.72);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0
}
.birthdate-main .birthdate-icon-btn:hover{color:#fff}
.birthdate-main .form-control-input-bc{padding-right:44px}
.birthdate-main input.birthdate-invalid{outline:1px solid #e45}
.birth-datepicker{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50}
.birth-datepicker__panel{
  background:#141414;border:1px solid rgba(255,255,255,.14);border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,.45);padding:12px;min-width:280px
}
.birth-datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.birth-datepicker__nav{
  width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:18px;line-height:1
}
.birth-datepicker__dropdowns{display:flex;gap:6px;flex:1;justify-content:center}
.birth-datepicker__month,.birth-datepicker__year{
  background:#0f0f0f;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:8px;
  height:32px;padding:0 8px;font-size:13px
}
.birth-datepicker__dow,.birth-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.birth-datepicker__dow span{
  text-align:center;font-size:11px;color:rgba(255,255,255,.45);padding:4px 0;font-weight:700
}
.birth-datepicker__day{
  height:34px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;font-size:13px
}
.birth-datepicker__day:hover:not(:disabled){background:rgba(255,255,255,.08)}
.birth-datepicker__day.is-outside{color:rgba(255,255,255,.28)}
.birth-datepicker__day.is-selected{background:linear-gradient(180deg,#ffd25a,#ba8e47);color:#111;font-weight:700}
.birth-datepicker__day.is-disabled,.birth-datepicker__day:disabled{opacity:.35;cursor:not-allowed}
@media (max-width:520px){
  .birth-datepicker{left:0;right:0}
  .birth-datepicker__panel{min-width:0;width:100%}
}
