@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");.birthday-calendar-container{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:Lato,sans-serif;margin-top:5px;padding:10px;position:absolute;width:300px;z-index:1000}.birthday-calendar{display:flex;flex-direction:column;gap:10px}.birthday-date-display{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;display:flex;font-size:18px;gap:5px;justify-content:center;margin-bottom:10px;padding:10px}.birthday-display-part{border-bottom:2px solid transparent;color:#999;cursor:pointer;min-width:40px;padding:5px;text-align:center;transition:all .2s}.birthday-display-part:hover{color:#666}.birthday-display-part.selected{color:#333;font-weight:700}.birthday-display-part.active-tab{border-bottom-color:#78be20;color:#78be20;font-weight:700}.birthday-display-separator{color:#999}.birthday-content-panels{position:relative}.birthday-panel{display:none}.birthday-panel.active{display:block}.birthday-month-container{margin-bottom:10px}.birthday-month-pane{display:grid;gap:5px;grid-template-columns:repeat(4,1fr);width:100%}.birthday-month-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 0;text-align:center;transition:all .2s}.birthday-month-item:hover{background-color:#f0f0f0}.birthday-month-item.selected{background-color:#78be20;border-color:#5a8f18;color:#fff;font-weight:700}.birthday-day-container{padding:10px 0}.birthday-year-container{margin-top:0}.birthday-year-pane{display:grid;gap:5px;grid-template-columns:repeat(5,1fr);max-height:150px;overflow-y:auto;scrollbar-width:thin;width:100%}.birthday-year-pane::-webkit-scrollbar{width:6px}.birthday-year-pane::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.birthday-year-pane::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.birthday-year-pane::-webkit-scrollbar-thumb:hover{background:#aaa}.birthday-year-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 0;text-align:center;transition:all .2s}.birthday-year-item:hover{background-color:#f0f0f0}.birthday-year-item.selected{background-color:#78be20;border-color:#5a8f18;color:#fff;font-weight:700}.birthday-calendar-grid{display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.birthday-calendar-day{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;padding:8px;text-align:center;transition:background-color .2s}.birthday-calendar-day:hover:not(.disabled):not(.empty){background-color:#f0f0f0;border-color:#ddd}.birthday-calendar-day.selected{background-color:#e8f5e0;border-color:#78be20;font-weight:700}.birthday-calendar-day.empty{cursor:default}.birthday-calendar-day.disabled{color:#ccc;cursor:not-allowed}input[name=date_of_birth]{position:relative}