.custom-datetime-picker{position:relative;width:100%;font-family:Roboto,sans-serif}.custom-datetime-picker.disabled{opacity:.6;pointer-events:none}.segmented-input-container{display:flex;align-items:center;background-color:#151515;border:1px solid #2e2e2e;border-radius:6px;height:40px;padding-inline:12px;transition:all .5s ease;position:relative}.segmented-input-container:hover{background-color:#242424}@media(min-width:768px){.segmented-input-container{background-color:#242424;border-color:rgba(84,84,84,.698);font-size:14px}}@media(max-width:767px){.segmented-input-container{height:44px}}.segmented-input{display:flex;align-items:center;flex:1;gap:2px}.segmented-input .segment{background:transparent;border:none;color:#eee;font-family:Roboto,sans-serif;font-size:14px;text-align:center;outline:none;padding:2px 0;transition:all .3s ease}.segmented-input .segment::placeholder{color:#666;opacity:1}.segmented-input .segment.focused,.segmented-input .segment:focus{background-color:hsla(0,0%,100%,.1);border-radius:3px}.segmented-input .segment:first-child,.segmented-input .segment:nth-child(3){width:24px;min-width:24px}.segmented-input .segment:nth-child(5){width:48px;min-width:48px}.segmented-input .segment:nth-child(7),.segmented-input .segment:nth-child(9){width:24px;min-width:24px}.segmented-input .segment.ampm-select{width:40px;min-width:40px;background:transparent;color:#eee;border:none;outline:none;appearance:none;cursor:pointer}.segmented-input .segment.ampm-select option{background-color:#242424;color:#eee}.segmented-input .separator{color:#888;font-size:14px;user-select:none}.segmented-input .separator.time-separator{margin:0 4px}.calendar-icon{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:8px}.calendar-icon:hover{color:#eee;background-color:hsla(0,0%,100%,.1)}.calendar-icon.active{color:#eee;background-color:hsla(0,0%,100%,.2)}.calendar-icon svg{width:16px;height:16px}.calendar-popup-portal{position:fixed;z-index:999999}.calendar-popup-portal.show-above{transform-origin:bottom center}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-popup-portal.show-below{transform-origin:top center}.calendar-popup{position:relative;background:hsla(0,0%,100%,.1);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px hsla(0,0%,100%,.1);border:1px solid #2e2e2e;border-radius:6px;padding:16px;min-width:280px;font-family:Roboto,sans-serif}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.calendar-header .nav-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.calendar-header .nav-button:hover{background-color:hsla(0,0%,100%,.1)}.calendar-header .nav-button svg{width:16px;height:16px}.calendar-header .header-buttons{display:flex;gap:8px}.calendar-header .month-year-button{background-color:rgba(74,74,74,.38);color:#fff;border:none;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease}.calendar-header .month-year-button:hover{background-color:rgba(74,74,74,.62)}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekdays .weekday{text-align:center;color:#888;font-size:12px;font-weight:500;padding:8px 0;font-family:Roboto,sans-serif}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-grid .calendar-day{width:32px;height:32px;border:none;border-radius:50%;background:none;color:#eee;font-size:14px;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.calendar-grid .calendar-day:hover{background-color:#3a1c71;color:#fff}.calendar-grid .calendar-day.other-month{color:#666}.calendar-grid .calendar-day.today{background-color:#fff;color:#000}.calendar-grid .calendar-day.today:hover{background-color:#3a1c71;color:#fff}.calendar-grid .calendar-day.selected{background-color:#d76d77;color:#fff}.calendar-grid .calendar-day.selected:hover{background-color:#d76d77}.calendar-grid .calendar-day.today.selected{background-color:#d76d77;color:#fff}.month-picker .picker-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.month-picker .picker-header .back-button{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.month-picker .picker-header .back-button:hover{background-color:hsla(0,0%,100%,.1)}.month-picker .picker-header .back-button svg{width:14px;height:14px}.month-picker .picker-header h3{margin:0;color:#fff;font-size:14px;font-weight:500;font-family:Roboto,sans-serif}.month-picker .scrollable-picker-container{position:relative;height:180px;overflow:hidden;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid #2e2e2e}.month-picker .scrollable-picker-container .scrollable-picker{height:100%;overflow-y:auto;scroll-behavior:smooth;padding:60px 0;scrollbar-width:none;-ms-overflow-style:none}.month-picker .scrollable-picker-container .scrollable-picker::-webkit-scrollbar{display:none}.month-picker .scrollable-picker-container .scrollable-picker .month-item{height:40px;display:flex;align-items:center;justify-content:center;color:#888;font-size:16px;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease;user-select:none;position:relative}.month-picker .scrollable-picker-container .scrollable-picker .month-item:hover{color:#ccc}.month-picker .scrollable-picker-container .scrollable-picker .month-item.selected{color:#fff;font-size:18px;font-weight:600}.month-picker .scrollable-picker-container .center-highlight{position:absolute;top:50%;left:8px;right:8px;height:40px;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;pointer-events:none;z-index:1}.month-picker .scrollable-picker-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);pointer-events:none;z-index:2}.month-picker .scrollable-picker-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent);pointer-events:none;z-index:2}.month-year-picker .picker-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.month-year-picker .picker-header .back-button{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.month-year-picker .picker-header .back-button:hover{background-color:hsla(0,0%,100%,.1)}.month-year-picker .picker-header .back-button svg{width:14px;height:14px}.month-year-picker .picker-header h3{margin:0;color:#fff;font-size:14px;font-weight:500;font-family:Roboto,sans-serif}.month-year-picker .dual-picker-container{display:flex;gap:1px;height:auto;border-radius:8px;overflow:hidden}.month-year-picker .dual-picker-container .picker-column{flex:1;position:relative}.month-year-picker .dual-picker-container .picker-column .scrollable-picker{height:100%;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.month-year-picker .dual-picker-container .picker-column .scrollable-picker::-webkit-scrollbar{display:none}.month-year-picker .dual-picker-container .picker-column .scrollable-picker .picker-item{height:32px;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease;user-select:none}.month-year-picker .dual-picker-container .picker-column .scrollable-picker .picker-item:hover{color:#aaa}.month-year-picker .dual-picker-container .picker-column .center-highlight{position:absolute;top:50%;left:8px;right:8px;height:44px;transform:translateY(-50%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;pointer-events:none;z-index:1}.month-year-picker .dual-picker-container .picker-column:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#1a1a1a,transparent);pointer-events:none;z-index:2}.month-year-picker .dual-picker-container .picker-column:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,#1a1a1a,transparent);pointer-events:none;z-index:2}