@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,select{font:inherit}.datetime-neo{--datetime-neo-border:#9ca3af;--datetime-neo-focus:#2563eb;--datetime-neo-focus-ring:color-mix(in srgb, var(--datetime-neo-focus) 22%, transparent);--datetime-neo-highlight:var(--datetime-neo-focus);--datetime-neo-highlight-foreground:#fff;--datetime-neo-hover:color-mix(in srgb, var(--datetime-neo-focus) 10%, transparent);--datetime-neo-background:#fff;--datetime-neo-foreground:#111827;--datetime-neo-segment-line-height:1.35;--datetime-neo-segment-padding:.16rem .18rem;background:var(--datetime-neo-background);border:1px solid var(--datetime-neo-border);box-sizing:border-box;color:var(--datetime-neo-foreground);border-radius:.375rem;width:250px;display:inline-flex;position:relative}.datetime-neo__measurements{visibility:hidden;white-space:nowrap;flex-direction:column;width:max-content;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.datetime-neo__measurement{display:inline-flex}.datetime-neo__measurements .datetime-neo__editor{width:max-content}.datetime-neo__content{flex:auto;align-items:center;min-width:0;display:inline-flex}.datetime-neo:focus-within{border-color:var(--datetime-neo-focus);box-shadow:0 0 0 3px var(--datetime-neo-focus-ring)}.datetime-neo[data-disabled]{opacity:.55}.datetime-neo[data-readonly]{--datetime-neo-border:color-mix(in srgb, currentColor 40%, transparent);--datetime-neo-background:color-mix(in srgb, currentColor 5%, transparent)}.datetime-neo__editor{box-sizing:border-box;scrollbar-width:none;min-width:0;width:calc(100% - var(--datetime-neo-actions-width,0px));white-space:nowrap;flex:auto;align-items:center;padding:.125rem .375rem;transition:margin-right .22s,width .22s;display:flex;overflow:auto hidden}.datetime-neo__editor::-webkit-scrollbar{display:none}.datetime-neo[data-layout-changing] :is(.datetime-neo__editor,.datetime-neo__timezone,.datetime-neo__timezone-minutes){transition:none}.datetime-neo__editor[data-overflowing]{mask-image:linear-gradient(90deg,#000 0% calc(100% - 40px),#000000b3 calc(100% - 30px),#0000004d calc(100% - 18px),#0000000d calc(100% - 8px),#00000003 calc(100% - 2px),#0000 100%)}.datetime-neo:not([data-time-offset]){& :is(.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content .datetime-neo__editor,.datetime-neo__measurement .datetime-neo__editor){margin-right:calc(-1 * var(--datetime-neo-actions-width,0px));width:100%;transition-delay:.32s}}.datetime-neo__value{opacity:1;white-space:nowrap;transition:opacity .22s}.datetime-neo__row{display:inline}.datetime-neo__empty-area{flex:1 1 0;height:100%}.datetime-neo__natural-input{color:inherit;font:inherit;line-height:var(--datetime-neo-segment-line-height);min-width:0;padding:var(--datetime-neo-segment-padding);field-sizing:content;background:0 0;border:0;outline:0}.datetime-neo__natural-field{flex:auto;width:fit-content;display:grid}.datetime-neo__natural-field>*{grid-area:1/1}.datetime-neo__natural-ghost{color:color-mix(in srgb, currentColor 70%, transparent);font:inherit;line-height:var(--datetime-neo-segment-line-height);min-width:fit-content;padding:var(--datetime-neo-segment-padding);pointer-events:none;white-space:pre;align-items:center;display:flex;overflow:hidden}.datetime-neo__natural-ghost-typed{color:#0000}.datetime-neo__natural-ghost kbd{font:inherit;opacity:.5;border:1px solid;border-radius:.2rem;margin-left:.45em;padding:0 .25em;font-size:.7em}.datetime-neo__natural-input::placeholder{color:color-mix(in srgb, currentColor 52%, transparent)}.datetime-neo__natural-preview{color:color-mix(in srgb, currentColor 70%, transparent);font-variant-numeric:tabular-nums;line-height:var(--datetime-neo-segment-line-height);min-width:0;padding:var(--datetime-neo-segment-padding);text-overflow:ellipsis;text-align:right;white-space:nowrap;flex:0 auto;overflow:hidden}.datetime-neo__natural-prefix{color:color-mix(in srgb, currentColor 52%, transparent);flex:none;justify-content:center;align-items:center;padding:.16rem .18rem .16rem .08rem;display:inline-flex}.datetime-neo__natural-entry,.datetime-neo__natural-result{align-items:center;min-width:0;display:flex}.datetime-neo__natural-entry{flex:auto;max-width:100%}.datetime-neo__natural-result{flex:0 3 auto;margin-left:auto}.datetime-neo__natural-prefix>span{text-box:trim-both cap text;font-size:1.1em;line-height:1}.datetime-neo__timezone{color:color-mix(in srgb, currentColor 52%, transparent);font-variant-numeric:tabular-nums;text-align:right;flex:none;margin-right:0;padding:.16rem .18rem;font-size:.82em;transition:margin-right .22s,padding-right .22s,opacity .22s .22s}.datetime-neo__timezone-minutes[data-zero]{clip-path:inset(0);opacity:1;margin-right:0;transition:clip-path .22s,margin-right .22s,opacity .22s;display:inline-block}.datetime-neo:is(:hover,:focus-within) .datetime-neo__content:not([data-wrapped]) .datetime-neo__timezone-minutes[data-zero]{clip-path:inset(0 100% 0 0);opacity:0;margin-right:-2.5ch}.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content .datetime-neo__timezone-minutes[data-zero]{transition-delay:.15s}.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content[data-wrapped] .datetime-neo__timezone-minutes[data-zero]{clip-path:inset(0 100% 0 0);opacity:0;margin-right:-2.5ch}.datetime-neo__content[data-wrapped]{align-items:stretch}.datetime-neo__content[data-wrapped]>.datetime-neo__editor{flex:auto;align-items:stretch;width:100%;overflow:hidden}.datetime-neo__content[data-wrapped][data-time-offset]>.datetime-neo__trailing{grid-template-rows:1fr auto 1fr;display:grid}.datetime-neo__content[data-wrapped]>.datetime-neo__editor>.datetime-neo__value{white-space:nowrap;grid-template-rows:auto auto;align-content:center;min-width:0;display:grid}.datetime-neo__content[data-wrapped]>.datetime-neo__editor>.datetime-neo__value>.datetime-neo__row{align-items:center;min-width:0;display:flex}.datetime-neo__content[data-wrapped]>.datetime-neo__editor>.datetime-neo__natural-entry{grid-row:1}.datetime-neo__content[data-wrapped]>.datetime-neo__editor>.datetime-neo__natural-result{grid-row:2}.datetime-neo__content[data-wrapped][data-natural]>.datetime-neo__editor{grid-template-rows:auto auto;display:grid}.datetime-neo__native-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.datetime-neo__segment{appearance:none;caret-color:#0000;color:inherit;cursor:text;font:inherit;line-height:var(--datetime-neo-segment-line-height);min-width:fit-content;padding:var(--datetime-neo-segment-padding);text-align:center;background:0 0;border:0;border-radius:.16rem;outline:0}.datetime-neo__segment:hover{background:var(--datetime-neo-hover)}.datetime-neo[data-empty]{& :is(.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content .datetime-neo__value,.datetime-neo__measurement .datetime-neo__value){opacity:0;transition-delay:.1s}}.datetime-neo[data-readonly] .datetime-neo__segment{cursor:default}.datetime-neo[data-readonly] .datetime-neo__segment:hover{background:0 0}.datetime-neo__editor:focus-within .datetime-neo__segment--selected,.datetime-neo__editor:focus-within .datetime-neo__segment--all-selected,.datetime-neo__segment:focus-visible{background:var(--datetime-neo-highlight);color:var(--datetime-neo-highlight-foreground)}.datetime-neo__segment:disabled{cursor:not-allowed}.datetime-neo__placeholder{color:color-mix(in srgb, currentColor 52%, transparent)}.datetime-neo__editor:focus-within .datetime-neo__segment--selected .datetime-neo__placeholder,.datetime-neo__editor:focus-within .datetime-neo__segment--all-selected .datetime-neo__placeholder,.datetime-neo__segment:focus-visible .datetime-neo__placeholder{color:inherit}.datetime-neo__separator{line-height:var(--datetime-neo-segment-line-height);user-select:text;white-space:pre;display:inline-block}.datetime-neo__trigger{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.16rem;justify-content:center;align-items:center;margin:0;padding:.25rem;display:inline-flex}.datetime-neo__actions{user-select:none;flex:none;align-items:center;gap:.125rem;margin:.25rem 0;padding-right:.375rem;transition:opacity .22s .22s;display:inline-flex}.datetime-neo__trailing{flex:none;align-items:center;margin-left:auto;display:inline-flex}:is(.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__actions,.datetime-neo__measurement .datetime-neo__actions){opacity:0;pointer-events:none;transition-delay:.1s}:is(.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__timezone,.datetime-neo__measurement .datetime-neo__timezone){transition-delay:.15s}:is(.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content:not([data-wrapped]) .datetime-neo__timezone,.datetime-neo__measurement .datetime-neo__timezone){margin-right:calc(-1 * var(--datetime-neo-actions-width,0px));padding-right:.375rem}.datetime-neo__content[data-wrapped] .datetime-neo__timezone,.datetime-neo__content[data-wrapped] .datetime-neo__actions{margin:0;padding-top:0;padding-bottom:0;transition-delay:0s}.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content[data-wrapped] .datetime-neo__timezone{transition-delay:.15s}.datetime-neo:not(:hover):not(:focus-within) .datetime-neo__content[data-wrapped] .datetime-neo__actions{transition-delay:.1s}:is(.datetime-neo[data-empty]:not(:hover):not(:focus-within) .datetime-neo__timezone,.datetime-neo[data-empty] .datetime-neo__measurement .datetime-neo__timezone){opacity:0;transition-delay:.1s}.datetime-neo__trigger:hover{background:var(--datetime-neo-hover)}.datetime-neo__trigger:focus-visible{outline:2px solid var(--datetime-neo-focus);outline-offset:1px}.datetime-neo__trigger:disabled{cursor:not-allowed}.datetime-neo__trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1em;height:1.1em}.datetime-neo__magic-icon{text-box:trim-both cap text;font-size:1.1em;line-height:1}._page_12dl0_1{--ink:#152230;--muted:#63717d;--line:#d8dee3;--paper:#f8f9fb;--blue:#3367f0;--mint:#d9fbe6;background:var(--paper);color:var(--ink);min-height:100vh}._nav_12dl0_12,._hero_12dl0_13,._comparison_12dl0_14,._playgroundSection_12dl0_15,._notes_12dl0_16,footer{max-width:76rem;margin:auto;padding-left:2rem;padding-right:2rem}._nav_12dl0_12{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:4.5rem;display:flex}._brand_12dl0_30{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:.45rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}._brand_12dl0_30 span{background:var(--blue);color:#fff;border-radius:.4rem;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-family:Georgia,serif;font-size:1.25rem;font-style:italic;display:inline-flex}._navLinks_12dl0_53{align-items:center;gap:1.5rem;display:flex}._navLinks_12dl0_53 a,footer a{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem;text-decoration:none}._navLinks_12dl0_53 a{align-items:center;line-height:1;display:inline-flex}._navLinks_12dl0_53 a:not(:last-child){padding:.5rem 0}._navLinks_12dl0_53 a:hover{color:var(--ink)}._navLinks_12dl0_53 a:focus-visible{outline:2px solid var(--blue);outline-offset:.25rem}._navLinks_12dl0_53 a:last-child{border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:.5rem .7rem}._navLinks_12dl0_53 a:last-child:hover{background:var(--ink);border-color:var(--ink);color:#fff}._hero_12dl0_13{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));gap:3rem;padding-top:5rem;padding-bottom:5rem;display:grid}._heroCopy_12dl0_99{align-self:center;max-width:38rem}._kicker_12dl0_103{color:var(--blue);letter-spacing:.12em;margin:0 0 1.2rem;font-family:ui-monospace,monospace;font-size:.69rem;font-weight:700}._hero_12dl0_13 h1,h2,h3,p{margin-top:0}._hero_12dl0_13 h1{letter-spacing:-.075em;margin-bottom:1.6rem;font-size:clamp(3.4rem,6.8vw,6.2rem);font-weight:600;line-height:.93}._hero_12dl0_13 h1 i{color:var(--blue);font-family:Georgia,serif;font-weight:400}._lede_12dl0_129{color:var(--muted);max-width:42rem;font-size:1.07rem;line-height:1.6}._lede_12dl0_129 a{color:var(--blue);text-underline-offset:.15em;text-decoration-thickness:1px}._lede_12dl0_129 code{color:currentColor;font-size:.9em}._install_12dl0_144{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}._install_12dl0_144 code{background:var(--ink);color:#fff;border-radius:.35rem;padding:.75rem .9rem;font-size:.8rem}._install_12dl0_144 span{color:var(--muted);font-size:.75rem}._compareGrid_12dl0_162{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-self:center;gap:1.2rem;display:grid}._compareCard_12dl0_168{border:1px solid var(--line);background:#fff;min-width:0;padding:1.5rem}._cardHead_12dl0_174,._previewTop_12dl0_175,._settingsTop_12dl0_176,._codeTop_12dl0_177{border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding-bottom:.9rem;font-family:ui-monospace,monospace;font-size:.7rem;display:flex}._cardHead_12dl0_174 b{background:var(--mint);color:#167044;border-radius:99px;margin-left:auto;padding:.25rem .45rem;font-size:.6rem;font-weight:500}._dot_12dl0_195,._nativeDot_12dl0_196{background:var(--blue);border-radius:50%;width:.55rem;height:.55rem}._nativeDot_12dl0_196{background:#a4afb8}._nativeCard_12dl0_205{background:#f1f3f5}._compareCard_12dl0_168>label,._preview_12dl0_175>label{margin:3rem 0 .55rem;font-size:.78rem;font-weight:700;display:block}._compareInput_12dl0_215{--datetime-neo-background:white;--datetime-neo-border:#aeb8c0;--datetime-neo-focus:var(--blue);width:100%;min-width:0}._compareInput_12dl0_215 .datetime-neo__display,._referenceInput_12dl0_223 .datetime-neo__display,._previewInput_12dl0_224 .datetime-neo__display{width:100%;min-width:0}._nativeCard_12dl0_205 input{color:var(--ink);background:#fff;border:1px solid #aeb8c0;border-radius:.25rem;width:100%;max-width:100%;padding:.62rem}._compareCard_12dl0_168 ul{border-top:1px solid var(--line);color:var(--muted);margin:1.4rem 0 0;padding:1rem 0 0;font-size:.76rem;line-height:1.8;list-style:none}._compareCard_12dl0_168 li:before{content:"↳";margin-right:.5rem}._playgroundSection_12dl0_15{border-top:1px solid var(--line);padding-top:6rem;padding-bottom:7rem}._playgroundHeading_12dl0_255{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem 3rem;margin-bottom:2.5rem;display:grid}._playgroundHeading_12dl0_255 ._kicker_12dl0_103{grid-column:1/-1}._playgroundHeading_12dl0_255 h2{margin:0}._playground_12dl0_15{border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));display:grid}._settings_12dl0_176,._preview_12dl0_175,._codePanel_12dl0_274{min-width:0;padding:1.5rem}._settings_12dl0_176{border-right:1px solid var(--line)}._settingsTop_12dl0_176 button{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;margin-left:auto}._field_12dl0_289{margin-top:1.5rem;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:500;display:block}._fieldLabel_12dl0_296{margin-bottom:.55rem;display:block}._field_12dl0_289 em{color:var(--muted);font-style:normal}._field_12dl0_289 select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.25rem;width:100%;padding:.62rem}._previewInput_12dl0_224{--datetime-neo-background:white;--datetime-neo-border:#9db5ce;--datetime-neo-focus:var(--blue);width:100%}._twoFields_12dl0_318{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem;display:grid}._toggleRow_12dl0_323{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;display:flex}._toggleRow_12dl0_323 label{font-size:.76rem}._toggleRow_12dl0_323 input{accent-color:var(--blue)}._preview_12dl0_175{background:#edf5ff}._previewTop_12dl0_175{justify-content:space-between}._previewTop_12dl0_175 code{color:var(--muted)}._preview_12dl0_175>label{margin-top:3rem}._valueLine_12dl0_349{border-top:1px solid #c3d6e8;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:.9rem;font-size:.7rem;display:flex}._valueLine_12dl0_349 code{overflow-wrap:anywhere;text-align:right}._valueLine_12dl0_349 span{color:var(--muted)}._codePanel_12dl0_274{color:#dbe6ee;background:#172633;grid-column:1/-1}._codeTop_12dl0_177{border-color:#3a4d5c}._codeTop_12dl0_177 span:last-child{color:#91e9b6;margin-left:auto}pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:1.3rem 0 0;font-size:.78rem;line-height:1.7}._resizablePreviewInput_12dl0_384{position:relative}._previewInputSizer_12dl0_387{min-width:100px;max-width:100%;position:relative}._resizeHandle_12dl0_392{color:var(--muted);cursor:col-resize;touch-action:none;background:0 0;border:0;align-items:center;gap:.3rem;padding:.55rem 0;font-family:ui-monospace,monospace;font-size:.65rem;display:flex;position:absolute;top:0;left:calc(100% + .75rem)}._resizeHandle_12dl0_392:focus-visible{outline:2px solid var(--blue);outline-offset:.2rem}._resizeGrip_12dl0_412{background-image:radial-gradient(circle,currentColor 1px,#0000 1.5px);background-size:4px 4px;width:.3rem;height:1rem}._notes_12dl0_16{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:0;display:grid}._notes_12dl0_16>div{min-height:13rem;padding:2rem}._notes_12dl0_16>div+div{border-left:1px solid var(--line)}._notes_12dl0_16 span{color:var(--blue);font-family:ui-monospace,monospace;font-size:.7rem}._notes_12dl0_16 h3{letter-spacing:-.04em;margin:2.5rem 0 .5rem;font-size:1.2rem}._notes_12dl0_16 p{color:var(--muted);max-width:16rem;font-size:.86rem;line-height:1.5}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem;font-family:ui-monospace,monospace;font-size:.7rem;display:flex}footer span:first-child{color:var(--ink);font-weight:700}@media (width<=720px){._nav_12dl0_12,._hero_12dl0_13,._playgroundSection_12dl0_15,footer{padding-left:1.25rem;padding-right:1.25rem}._navLinks_12dl0_53 a:not(:last-child){display:none}._hero_12dl0_13{padding-top:4rem;padding-bottom:4rem}._settings_12dl0_176{border-bottom:1px solid var(--line);border-right:0}._notes_12dl0_16{grid-template-columns:1fr}._notes_12dl0_16>div+div{border-left:0;border-top:1px solid var(--line)}._notes_12dl0_16>div{min-height:auto;padding:1.5rem 1.25rem}._notes_12dl0_16 h3{margin-top:1rem}._playgroundSection_12dl0_15{padding-bottom:4rem}footer{gap:1rem}}