.date-time-picker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 12px;text-align:left}.date-time-picker-trigger .material-symbols-rounded{font-size:20px}.date-time-picker-dialog{width:min(430px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px #0006}.date-time-picker-dialog::backdrop{background:#0008}.date-time-picker-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 30px)}.date-time-picker-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:var(--ink);padding:0}.date-time-picker-tabs{display:grid;grid-template-columns:1fr 1fr;padding:46px 18px 0;border-bottom:1px solid var(--line)}.date-time-picker-tab{position:relative;min-width:0;border:0;background:transparent;color:var(--muted);padding:12px 8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-time-picker-tab[aria-selected="true"]{color:var(--ink)}.date-time-picker-tab[aria-selected="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;background:var(--accent)}.date-time-picker-body{min-height:0;padding:16px 18px}.date-time-picker-headings,.date-time-picker-columns{display:grid;grid-template-columns:repeat(var(--picker-columns),minmax(0,1fr))}.date-time-picker-headings span{padding:0 8px 10px;color:var(--muted);font-size:13px;text-align:center}.date-time-picker-columns{height:220px;border:1px solid var(--line);overflow:hidden}.date-time-picker-options{min-width:0;overflow-y:auto;scrollbar-width:none;border-right:1px solid var(--line);scroll-snap-type:y proximity}.date-time-picker-options:last-child{border-right:0}.date-time-picker-options::-webkit-scrollbar{display:none}.date-time-picker-option{display:block;width:100%;height:44px;border:0;background:transparent;color:var(--ink);padding:0 6px;text-align:center;scroll-snap-align:center}.date-time-picker-option:hover{background:var(--bg)}.date-time-picker-option[aria-selected="true"]{background:var(--accent);color:#fff;font-weight:700}.date-time-picker-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.date-time-picker-actions button{min-height:42px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 18px;font-weight:600}.date-time-picker-actions .date-time-picker-apply{border-color:var(--accent);background:var(--accent);color:#fff}body.dark .date-time-picker-dialog{color-scheme:dark}@media(max-width:600px){.date-time-picker-dialog{inset:0;width:calc(100vw - 24px);margin:auto}.date-time-picker-tabs{padding-top:42px}.date-time-picker-body{padding-inline:12px}.date-time-picker-actions{padding-inline:12px}}
/* Fixed selection band and scrolling wheel treatment. */
.date-time-picker-columns{position:relative}
.date-time-picker-columns::before{content:"";position:absolute;z-index:0;left:0;right:0;top:88px;height:44px;background:var(--accent);pointer-events:none}
.date-time-picker-options{position:relative;z-index:1;scroll-snap-type:y mandatory;overscroll-behavior:contain;padding-block:88px;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 75%,transparent 100%)}
.date-time-picker-option{scroll-snap-align:center;transition:color .16s ease}
.date-time-picker-option:hover{background:transparent;font-weight:700}
.date-time-picker-option[aria-selected="true"]{background:transparent;color:#fff}
/* Extended two-row dial fade and quick date action. */
.date-time-picker-options{mask-image:linear-gradient(to bottom,transparent 0,#000 40%,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40%,#000 60%,transparent 100%)}
.date-time-picker-actions [data-picker-today]{margin-right:auto;border-color:transparent;color:var(--accent);padding-inline:4px}
/* Date wheel order: day, month, year. */
.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:first-child,.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:first-child{order:3}
.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(2),.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(2){order:2}
.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(3),.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(3){order:1}
/* Restore the divider after the visually reordered Day wheel. */
.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(3){border-right:1px solid var(--line)}
.date-time-picker-dialog:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:first-child{border-right:0}
.date-time-format-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-time-format-controls label{display:grid;gap:6px;font-weight:600}.date-time-format-controls select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 12px}@media(max-width:600px){.date-time-format-controls{gap:8px}.date-time-format-controls select{padding-inline:10px}}
.premium-upgrade-setting[hidden]{display:none!important}@media(max-width:600px){.settings-copy .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-copy .settings-tabs [data-settings-tab="display"]{display:flex!important}.settings-copy .settings-tabs::after{width:50%}}
@media(min-width:601px){.settings-dialog,.settings-dialog.is-scrollable{overflow:hidden}.settings-copy{display:flex;flex-direction:column;height:100%;max-height:calc(100dvh - 34px);box-sizing:border-box}.settings-copy>h2,.settings-copy>.settings-tabs{flex:0 0 auto}.settings-tab-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;padding-right:7px}.settings-tab-panel:hover,.settings-tab-panel:focus-within{scrollbar-color:color-mix(in srgb,var(--ink) 34%,transparent) transparent}.settings-tab-panel::-webkit-scrollbar{display:block;width:8px}.settings-tab-panel::-webkit-scrollbar-track{background:transparent}.settings-tab-panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:transparent;background-clip:padding-box}.settings-tab-panel:hover::-webkit-scrollbar-thumb,.settings-tab-panel:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 34%,transparent);background-clip:padding-box}}
.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:first-child,.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:first-child{order:3}
.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(2),.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(2){order:1}
.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(3),.date-time-picker-dialog[data-date-order="mdy"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(3){order:2}
.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:first-child,.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:first-child{order:1}
.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(2),.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(2){order:2}
.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-headings>:nth-child(3),.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(3){order:3}
.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:first-child{border-right:1px solid var(--line)}
.date-time-picker-dialog[data-date-order="ymd"]:has([data-picker-tab="date"][aria-selected="true"]) .date-time-picker-columns>:nth-child(3){border-right:0}
@media(max-width:600px){.settings-copy{display:flex;flex-direction:column;overflow:hidden}.settings-copy>h2,.settings-copy>.settings-tabs{flex:0 0 auto}.settings-tab-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tab-panel::-webkit-scrollbar{display:none}}
@media(max-width:600px){.date-time-picker-columns,.date-time-picker-options,.date-time-picker-option{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.date-time-picker-options{touch-action:pan-y}.date-time-picker-option:focus:not(:focus-visible){outline:none}}
.settings-copy #chooseSpreadsheet:disabled{cursor:not-allowed;opacity:.42}
.settings-tab-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.settings-tab-panel::-webkit-scrollbar{display:none}
.date-time-mobile-headings{display:block;margin:0 0 7px;font-size:14px}
.date-time-format-setting{display:flex;flex-direction:column}.date-time-mobile-headings{order:1}.date-time-format-setting>p{order:2}.date-time-format-controls{order:3}
@media(min-width:601px){.date-time-format-setting>p{padding-bottom:6px}}
.date-time-calendar{display:grid;gap:10px}.date-time-calendar-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center}.date-time-calendar-header>button{display:grid;width:42px;height:42px;place-items:center;border:0;background:transparent;color:var(--ink);padding:0;font-size:25px}.date-time-calendar-heading{display:flex;align-items:center;justify-content:center;gap:2px;font-size:18px;font-weight:600}.date-time-calendar-heading>button{display:grid;width:32px;height:32px;place-items:center;border:0;background:transparent;color:var(--ink);padding:0;font-size:24px}.date-time-calendar-header button:hover,.date-time-calendar-header button:focus-visible{color:var(--accent)}.date-time-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.date-time-calendar-weekday{display:grid;height:32px;place-items:center;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.date-time-calendar-day{justify-self:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ink);padding:0;font:inherit}.date-time-calendar-day:nth-child(7n),.date-time-calendar-day:nth-child(7n+1){color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.date-time-calendar-day.outside{opacity:.35}.date-time-calendar-day.today{box-shadow:inset 0 0 0 1px var(--ink)}.date-time-calendar-day.selected{background:var(--accent);color:#fff;opacity:1;box-shadow:none;font-weight:700}.date-time-calendar-day:hover,.date-time-calendar-day:focus-visible{background:color-mix(in srgb,var(--accent) 14%,transparent)}.date-time-calendar-day.selected:hover,.date-time-calendar-day.selected:focus-visible{background:var(--accent)}@media(max-width:600px){.date-time-calendar-day{width:38px;height:38px}.date-time-calendar-grid{gap:1px}}
.date-time-calendar-day:nth-child(7n),.date-time-calendar-day:nth-child(7n+1){color:var(--ink)}.date-time-calendar-day.weekend{color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.date-time-calendar-day.selected{color:#fff}
.date-time-picker-dialog[data-picker-view^="date-"] .date-time-picker-body{box-sizing:border-box;height:370px;flex:0 0 370px}.date-time-picker-date-wheels{display:grid}.date-time-picker-date-wheels .date-time-calendar-header{margin-bottom:10px}
.date-time-picker-dialog[data-picker-view="time"] .date-time-picker-body{box-sizing:border-box;height:370px;flex:0 0 370px}.date-time-picker-time-wheels{display:grid}.date-time-picker-time-wheels .date-time-picker-time-header{min-height:42px;margin-bottom:10px}.date-time-picker-time-header .date-time-calendar-heading{grid-column:2}
.date-time-picker-date-wheels .date-time-calendar-heading{position:relative;justify-self:center;width:max-content}.date-time-picker-date-wheels .date-time-calendar-heading>button{position:absolute;left:calc(100% + 2px)}
.date-time-calendar-heading{text-transform:uppercase}
.date-time-calendar{overflow:hidden}
.date-time-picker-dialog{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@media(min-width:601px){.date-time-picker-dial{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line)}.date-time-picker-dial:last-child{border-right:0}.date-time-picker-dial .date-time-picker-options{height:100%;border-right:0;box-sizing:border-box}.date-time-picker-dial-step{position:absolute;z-index:3;left:50%;display:grid;width:30px;height:26px;transform:translateX(-50%);place-items:center;border:0;background:color-mix(in srgb,var(--paper) 82%,transparent);color:var(--ink);padding:0;font-size:22px;line-height:1}.date-time-picker-dial-step:hover,.date-time-picker-dial-step:focus-visible{background:var(--paper);color:var(--accent)}.date-time-picker-dial-step-up{top:3px}.date-time-picker-dial-step-down{bottom:3px}}@media(max-width:600px){.date-time-picker-dial-step{display:none}.date-time-picker-dial{min-width:0;overflow:hidden;border-right:1px solid var(--line)}.date-time-picker-dial:last-child{border-right:0}.date-time-picker-dial .date-time-picker-options{height:100%;border-right:0;box-sizing:border-box}}
@media(min-width:601px){.date-time-picker-columns{height:244px}.date-time-picker-columns::before{top:100px}.date-time-picker-dial{display:grid;grid-template-rows:24px minmax(0,1fr) 24px}.date-time-picker-dial .date-time-picker-options{grid-row:2;height:196px;padding-block:76px}.date-time-picker-dial-step{position:static;z-index:3;left:auto;width:100%;height:24px;transform:none;background:color-mix(in srgb,var(--bg) 65%,var(--paper));font-size:20px}.date-time-picker-dial-step:hover,.date-time-picker-dial-step:focus-visible{background:color-mix(in srgb,var(--bg) 65%,var(--paper));color:var(--accent)}.date-time-picker-dial-step-up{grid-row:1;border-bottom:1px solid var(--line)}.date-time-picker-dial-step-down{grid-row:3;border-top:1px solid var(--line)}}
html:has(.date-time-picker-dialog[open]),body:has(.date-time-picker-dialog[open]){overflow:hidden;overscroll-behavior:none}body:has(.date-time-picker-dialog[open]) .release-calendar-dialog{overflow:hidden}.date-time-picker-dialog,.date-time-picker-shell,.date-time-picker-body,.date-time-picker-columns,.date-time-picker-dial{overscroll-behavior:none}
@media(max-width:600px){.date-time-picker-options{-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;scroll-behavior:auto;scroll-snap-stop:normal;will-change:scroll-position}}
