.date-of-birth-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:10000;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;isolation:isolate}.date-of-birth-header{display:flex;align-items:flex-end;justify-content:center;padding:0 1rem 1.5rem;position:relative;height:6.25rem;box-sizing:border-box}.date-of-birth-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#112331;position:absolute;left:1rem;bottom:1.5rem}.date-of-birth-close-icon{width:24px;height:24px}.date-of-birth-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:1.5;color:#112331;margin:0;text-align:center}.date-of-birth-tabs{display:flex;gap:18px;padding:0 16px;margin-bottom:1.5rem;border-bottom:1px solid #E2E4E9;padding-bottom:1rem}.date-of-birth-tab{height:38px;padding:0 16px;background-color:#f2f2f2;border:none;border-radius:6px;font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#112331;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:44px;position:relative;z-index:1}.date-of-birth-tab.active{background-color:#314158;color:#fff;font-weight:600}.date-of-birth-content{flex:1;overflow-y:auto;padding:0 1rem 1.5rem;display:flex;flex-direction:column}.date-of-birth-content>*:not(.date-of-birth-continue-wrapper){padding:0}.date-of-birth-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.date-of-birth-day-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#f2f2f2;border:none;border-radius:6px;font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#112331;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.date-of-birth-day-item.selected{background-color:#314158;color:#fff;font-weight:600}.date-of-birth-day-item.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.date-of-birth-month-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.date-of-birth-month-item{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:#f2f2f2;border:none;border-radius:6px;font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#112331;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.date-of-birth-month-item.selected{background-color:#314158;color:#fff;font-weight:600}.date-of-birth-check-icon{width:20px;height:20px;margin-right:.5rem;flex-shrink:0}.date-of-birth-month-item.selected .date-of-birth-check-icon,.date-of-birth-year-item.selected .date-of-birth-check-icon{filter:brightness(0) invert(1)}.date-of-birth-year-container{display:flex;flex-direction:column;gap:1rem}.date-of-birth-year-search{position:relative;display:flex;align-items:center}.date-of-birth-search-icon{position:absolute;left:1rem;width:20px;height:20px;color:#62748e;pointer-events:none;z-index:1}.date-of-birth-year-input{width:100%;height:48px;padding:0 1rem 0 3rem;border:1px solid #E2E4E9;border-radius:6px;font-family:Inter,sans-serif;font-size:16px;color:#112331;background-color:#fff}.date-of-birth-year-input:focus{outline:none;border-color:#004bff}.date-of-birth-year-list{display:flex;gap:18px;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.date-of-birth-year-list::-webkit-scrollbar{height:4px}.date-of-birth-year-list::-webkit-scrollbar-track{background:#f2f2f2}.date-of-birth-year-list::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:2px}.date-of-birth-year-item{height:38px;min-width:80px;padding:0 16px;background-color:#f2f2f2;border:none;border-radius:6px;font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#112331;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.date-of-birth-year-item.selected{background-color:#314158;color:#fff;font-weight:600}.date-of-birth-continue-wrapper{margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding:1.5rem 1rem;border-top:1px solid #E2E4E9}.date-of-birth-continue-button{width:100%;height:48px;background-color:#314158;color:#fff;border:none;border-radius:6px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.date-of-birth-continue-button:hover{background-color:#253041}.date-of-birth-continue-button:active{background-color:#1a2330}.date-of-birth-contained{position:absolute;height:100%;z-index:50;border-radius:16px}.date-of-birth-contained .date-of-birth-header{height:auto;padding:14px 16px;align-items:center}.date-of-birth-contained .date-of-birth-close{position:static}.date-of-birth-contained .date-of-birth-title{flex:1;font-size:16px}.date-of-birth-contained .date-of-birth-tabs{padding:0 14px;gap:10px;margin-bottom:1rem;padding-bottom:.75rem}.date-of-birth-contained .date-of-birth-tab{height:32px;min-height:32px;font-size:13px;padding:0 10px}.date-of-birth-contained .date-of-birth-content{padding:0 14px 14px}.date-of-birth-contained .date-of-birth-day-grid{gap:6px}.date-of-birth-contained .date-of-birth-day-item{font-size:13px;border-radius:6px}.date-of-birth-contained .date-of-birth-month-grid{gap:8px}.date-of-birth-contained .date-of-birth-month-item{height:32px;font-size:13px;padding:0 10px}.date-of-birth-contained .date-of-birth-year-item{height:32px;min-width:64px;font-size:13px;padding:0 10px}.date-of-birth-contained .date-of-birth-year-input{height:36px;font-size:13px}.date-of-birth-contained .date-of-birth-continue-wrapper{padding:1rem 0 .5rem;margin-top:.5rem}.date-of-birth-contained .date-of-birth-continue-button{height:38px;font-size:14px}.date-of-birth-contained .date-of-birth-check-icon{width:16px;height:16px}