.sociable-datetime-anchor{display:inline-flex}.sociable-datetime-shell{background:var(--sociable-surface,#fff);color:var(--sociable-text,#000);-webkit-font-smoothing:antialiased;flex-direction:column;max-height:min(92dvh,760px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.sociable-datetime-shell__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 8px;display:flex}.sociable-datetime-shell__title{flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.3}.sociable-datetime-shell__close{width:36px;height:36px;color:var(--sociable-muted,gray);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sociable-datetime-shell__close:hover{color:var(--sociable-text,#000)}.sociable-datetime-shell__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:4px 20px 8px;overflow-y:auto}.sociable-datetime-shell__footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px 20px;display:flex}.sociable-datetime-shell__action{font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:8px 0;font-size:16px;font-weight:500;line-height:1.3}.sociable-datetime-shell__action--cancel{color:var(--sociable-muted,gray)}.sociable-datetime-shell__action--cancel:hover{color:var(--sociable-text,#000)}.sociable-datetime-shell__action--confirm{text-align:right;min-width:0;color:var(--sociable-primary,#7857ff);flex:1;font-weight:600}.sociable-datetime-shell__action--confirm:hover{opacity:.85}.sociable-datetime-popover-host{z-index:10000;background:0 0;border:none;outline:none;padding:0}.sociable-datetime-popover{border-radius:16px;width:min(100vw - 24px,460px);max-height:min(92dvh,760px);box-shadow:0 12px 48px #00000029,0 0 0 1px #0000000f}.sociable-datetime-shell--dark.sociable-datetime-popover{box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff14}.sociable-datetime-modal-overlay{z-index:100000;padding-bottom:var(--sociable-keyboard-offset,0px);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sociable-datetime-modal-overlay--centered{align-items:center;padding:24px 16px}.sociable-datetime-modal{width:min(100%,460px);max-height:min(92dvh,760px)}.sociable-datetime-modal--sheet{width:100%;max-height:min(92dvh, calc(100dvh - var(--sociable-keyboard-offset,0px) - 12px));padding-bottom:max(12px, env(safe-area-inset-bottom));border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -8px 30px #0000001f}.sociable-datetime-modal--sheet .sociable-datetime-shell__header,.sociable-datetime-modal--sheet .sociable-datetime-shell__body,.sociable-datetime-modal--sheet .sociable-datetime-shell__footer{padding-left:16px;padding-right:16px}.sociable-datetime-modal--sheet .sociable-datetime-shell__footer{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-shrink:0}.sociable-datetime-modal--dialog{border-radius:16px;box-shadow:0 12px 48px #00000029,0 0 0 1px #0000000f}.sociable-datetime-time-row{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding-top:4px;display:flex}.sociable-datetime-time-row__label{color:var(--sociable-text,#000);font-size:16px;font-weight:500}.sociable-datetime-time-row__input{min-width:0;max-width:160px;font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--sociable-border,#d1d5db);background:var(--sociable-surface,#fff);color:var(--sociable-text,#000);cursor:pointer;border-radius:10px;flex:1;padding:10px 12px;font-size:16px;font-weight:500}.sociable-datetime-shell--dark .sociable-datetime-time-row__input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sociable-datetime-time-row__input:focus{border-color:var(--sociable-primary,#7857ff);outline:none}.sociable-datetime-shell__close:focus-visible,.sociable-datetime-shell__action:focus-visible,.sociable-datetime-time-row__input:focus-visible{outline:2px solid var(--sociable-primary,#7857ff);outline-offset:2px}