.web-date-picker-container,.web-time-picker-container{background-color:var(--np-surface,#fff);border:1px solid var(--np-border,#e5e5e5);border-radius:8px;margin-bottom:12px;display:flex;position:relative}.web-date-picker-container:focus-within,.web-time-picker-container:focus-within{border-color:var(--np-primary,#007aff);box-shadow:0 0 0 2px color-mix(in srgb, var(--np-primary,#007aff) 18%, transparent)}.web-date-input,.web-time-input{box-sizing:border-box;width:100%;color:var(--np-text,#1a1a1a);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:16px;font-family:inherit;font-size:16px}.web-date-input:focus,.web-time-input:focus{outline:none}.web-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;margin-left:8px;padding:4px;transition:opacity .2s,background-color .2s}.web-time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;margin-left:8px;padding:4px;transition:opacity .2s,background-color .2s}.web-date-input::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:color-mix(in srgb, var(--np-primary,#007aff) 14%, transparent)}.web-time-input::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:color-mix(in srgb, var(--np-primary,#007aff) 14%, transparent)}.web-date-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.web-date-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.web-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.web-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}