.datetime-container{position:relative;width:100%;margin-bottom:20px}.datetime-container .datetime-label{display:flex;margin-bottom:4px;font-size:11px;font-weight:500}.datetime-container .datetime-trigger,.datetime-container .datetime-trigger .serious-button{width:100%}.datetime-container .datetime-trigger .serious-button>button{width:100%;display:flex;align-items:center;gap:6px;color:#fff;border-radius:6px;transition:all .2s;font-size:11px;height:30px;min-height:30px;outline:none;cursor:pointer;background:var(--color-dark-gray-700);position:relative;text-align:left;padding:0 5px 0 10px;border:none;font-family:inherit;justify-content:flex-start}.datetime-container .datetime-trigger .serious-button>button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-100) 0,var(--color-dark-gray-500) 100%);opacity:.3;transition:opacity .2s;z-index:1;border-radius:6px}.datetime-container .datetime-trigger .serious-button>button:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.datetime-container .datetime-trigger .serious-button>button:hover:not(:disabled){box-shadow:0 1px 2px rgba(20,28,37,.04)}.datetime-container .datetime-trigger .serious-button>button:hover:not(:disabled):before{opacity:.7}.datetime-container .datetime-trigger .serious-button>button:hover:not(:disabled):after{opacity:.1}.datetime-container .datetime-trigger .serious-button>button:focus{border-color:var(--color-grey-500);box-shadow:0 0 0 2px hsla(216,60%,9%,.1)}.datetime-container .datetime-trigger .serious-button>button .button-content{width:100%;justify-content:flex-start}.datetime-container .datetime-trigger .serious-button>button .button-content .icon-left{width:16px;flex-shrink:0;position:relative;z-index:2;margin-right:6px}.datetime-container .datetime-trigger .serious-button>button .button-content .icon-left path{fill:var(--color-light-gray-600)}.datetime-container .datetime-trigger .serious-button>button .button-content .button-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;position:relative;z-index:2;transform:none}.datetime-container .datetime-trigger .serious-button>button .button-content .icon-right{width:20px;flex-shrink:0;position:relative;z-index:2;margin-left:0}.datetime-container .datetime-trigger .serious-button>button .button-content .icon-right path{fill:var(--color-light-gray-600)}.datetime-container .datetime-trigger.datetime-placeholder .serious-button>button .button-content .button-label{color:var(--color-light-gray-500);font-weight:400}.datetime-container .datetime-info{font-size:11px;color:var(--color-light-gray-700);margin-top:5px;font-weight:400}.datetime-container.medium{margin-bottom:24px}.datetime-container.medium .datetime-label{margin-bottom:6px;font-size:12px}.datetime-container.medium .datetime-trigger .serious-button>button{height:34px;min-height:34px;font-size:12px}.datetime-container.large{margin-bottom:30px}.datetime-container.large .datetime-label{margin-bottom:8px;font-size:13px}.datetime-container.large .datetime-trigger .serious-button>button{height:42px;min-height:42px;font-size:14px}.datetime-container.large .datetime-trigger .serious-button>button .button-content .icon-left{margin-right:8px}.datetime-popover{width:260px;border-radius:8px;padding:10px;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.85);background:var(--color-dark-gray-900);position:relative;animation:datetime-fade-in .15s ease}.datetime-popover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-300) 0,var(--color-dark-gray-700) 100%);opacity:.1;z-index:-1;border-radius:8px}.datetime-popover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}.datetime-popover .datetime-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.datetime-popover .serious-button.datetime-header-label>button{min-height:0;padding:2px 8px;font-size:12px;user-select:none}.datetime-popover .serious-button.datetime-header-label>button:hover:not(:disabled){background:var(--color-dark-gray-100)}.datetime-popover .serious-button.datetime-header-label>button .button-content .button-label{font-weight:600;transform:none}.datetime-popover .datetime-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.datetime-popover .datetime-weekday{text-align:center;font-size:10px;font-weight:500;color:var(--color-light-gray-700);padding:4px 0;user-select:none}.datetime-popover .datetime-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datetime-popover .serious-button.datetime-day{aspect-ratio:1}.datetime-popover .serious-button.datetime-day>button{min-height:0;min-width:0;width:100%;height:100%;padding:0;border-radius:6px;font-size:11px;color:var(--color-grey-500);transition:all .15s}.datetime-popover .serious-button.datetime-day>button .button-content .button-label{font-weight:500;transform:none}.datetime-popover .serious-button.datetime-day>button:hover:not(:disabled){background:var(--color-dark-gray-100);color:#fff}.datetime-popover .serious-button.datetime-day.empty>button{cursor:default;opacity:0;pointer-events:none}.datetime-popover .serious-button.datetime-day.today>button{color:var(--color-indigo-blue-400)}.datetime-popover .serious-button.datetime-day.selected>button{background:var(--color-indigo-blue-600);color:#fff}.datetime-popover .serious-button.datetime-day.selected>button:hover:not(:disabled){background:var(--color-indigo-blue-500)}.datetime-popover .serious-button.datetime-day.selected>button:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-indigo-blue-700) 5.62%,var(--color-indigo-blue-300) 94.91%);pointer-events:none;opacity:.6;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.datetime-popover .datetime-months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0}.datetime-popover .serious-button.datetime-month-cell>button{min-height:0;min-width:0;width:100%;height:34px;padding:0;border-radius:6px;font-size:11px;color:var(--color-grey-500);transition:all .15s}.datetime-popover .serious-button.datetime-month-cell>button .button-content .button-label{font-weight:500;transform:none}.datetime-popover .serious-button.datetime-month-cell>button:hover:not(:disabled){background:var(--color-dark-gray-100);color:#fff}.datetime-popover .serious-button.datetime-month-cell.current>button{color:var(--color-indigo-blue-400)}.datetime-popover .serious-button.datetime-month-cell.selected>button{background:var(--color-indigo-blue-600);color:#fff}.datetime-popover .serious-button.datetime-month-cell.selected>button:hover:not(:disabled){background:var(--color-indigo-blue-500)}.datetime-popover .serious-button.datetime-month-cell.selected>button:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-indigo-blue-700) 5.62%,var(--color-indigo-blue-300) 94.91%);pointer-events:none;opacity:.6;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.datetime-popover .datetime-years-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0}.datetime-popover .serious-button.datetime-year-cell>button{min-height:0;min-width:0;width:100%;height:34px;padding:0;border-radius:6px;font-size:11px;color:var(--color-grey-500);transition:all .15s}.datetime-popover .serious-button.datetime-year-cell>button .button-content .button-label{font-weight:500;transform:none}.datetime-popover .serious-button.datetime-year-cell>button:hover:not(:disabled){background:var(--color-dark-gray-100);color:#fff}.datetime-popover .serious-button.datetime-year-cell.current>button{color:var(--color-indigo-blue-400)}.datetime-popover .serious-button.datetime-year-cell.selected>button{background:var(--color-indigo-blue-600);color:#fff}.datetime-popover .serious-button.datetime-year-cell.selected>button:hover:not(:disabled){background:var(--color-indigo-blue-500)}.datetime-popover .serious-button.datetime-year-cell.selected>button:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-indigo-blue-700) 5.62%,var(--color-indigo-blue-300) 94.91%);pointer-events:none;opacity:.6;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.datetime-popover .datetime-time{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:.5px solid var(--color-light-gray-900)}.datetime-popover .datetime-time-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--color-light-gray-600)}.datetime-popover .datetime-time-label path{fill:var(--color-light-gray-600)}.datetime-popover .datetime-time-selectors{display:flex;align-items:center;gap:2px}.datetime-popover .datetime-time-colon{font-size:12px;font-weight:600;color:var(--color-light-gray-600);padding:0 1px}.datetime-popover .datetime-time-select{width:44px;height:26px;border:.5px solid var(--color-light-gray-800);border-radius:4px;background:linear-gradient(180deg,var(--color-dark-gray-950) -45.97%,var(--color-dark-gray-900) 100%);color:#fff;font-size:11px;font-weight:500;text-align:center;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 4px}.datetime-popover .datetime-time-select:focus{border-color:var(--color-primary)}.datetime-popover .datetime-time-select option{background:var(--color-dark-gray-700);color:#fff}.datetime-popover .datetime-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:.5px solid var(--color-light-gray-900)}.datetime-popover .datetime-footer .serious-button>button{min-height:0;padding:4px 8px}@keyframes datetime-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}