.time-converter .tool-body{padding:1rem}.time-converter .time-toolbar{border-bottom:1px solid var(--line);background:var(--paper);padding:12px 24px}.time-converter .time-toolbar .vr{align-self:center;min-height:24px}.time-converter .time-toolbar-share{flex-shrink:0}.time-converter .time-toolbar-share .form-switch{white-space:nowrap;align-items:center;gap:.5rem;padding:0;font-size:.875rem;display:inline-flex}.time-converter .time-toolbar-share .form-switch .form-check-input{float:none;margin:0}.time-converter .time-result,.time-converter .time-scrubber,.time-converter .time-map-panel{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);border-radius:.65rem;padding:.85rem}.time-converter .time-source{border-color:var(--bs-primary)}.time-converter .time-card-column{position:relative}.time-converter .time-results{--bs-gutter-x:2.75rem;--bs-gutter-y:2.75rem}.time-converter .time-swap{z-index:1;width:2.5rem;height:2.5rem;color:var(--ink);background:var(--surface);border-color:var(--line);border-radius:50%;padding:0;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}.time-converter .time-zone-trigger{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:0;display:flex}.time-converter .time-zone-trigger>span:first-child{text-underline-offset:.3em;overflow-wrap:anywhere;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.time-converter .time-zone-trigger .bi{color:var(--muted);flex-shrink:0;font-size:.7rem}.time-converter .time-zone-trigger:hover{color:var(--accent)}.time-converter .time-zone-trigger:focus-visible,.time-converter .time-value:focus-visible,.time-converter .time-hour-ticks button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.time-converter .time-clock{font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere;margin:.3rem 0;font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:600}.time-converter .time-card-date{min-height:44px;margin-bottom:.7rem}.time-converter .time-value{color:inherit;text-align:left;text-underline-offset:.23em;background:0 0;border:0;min-height:36px;padding:.15rem 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.time-converter .time-value:hover{color:var(--accent);text-decoration-style:solid}.time-converter .time-value:disabled{opacity:.55;text-decoration:none}.time-converter .time-scrubber .time-value{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.time-converter .time-inline-editor{letter-spacing:normal;flex-wrap:wrap;align-items:center;gap:.2rem;font-size:1rem;font-weight:400;display:flex}.time-converter .time-inline-editor input{flex:8rem;width:10.5rem;min-width:0;max-width:100%}.time-converter .time-clock .time-editable{display:block}.time-converter .time-scrubber{container-type:inline-size}.time-converter .time-slider .form-range{height:1.5rem;margin:0;display:block}.time-converter .time-slider .form-range::-webkit-slider-thumb{width:1rem}.time-converter .time-slider .form-range::-moz-range-thumb{width:1rem}.time-converter .time-slider-scale{margin:-.25rem .5rem 0}.time-converter .time-slider-marks{width:100%;height:.625rem;color:var(--muted);pointer-events:none;display:block;overflow:visible}.time-converter .time-slider-marks line{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.time-converter .time-slider-marks .is-minor{opacity:.55;display:none}@container (width>=30rem){.time-converter .time-slider-marks .is-minor{display:block}}.time-converter .time-hour-ticks{height:2rem;position:relative}.time-converter .time-hour-tick-0,.time-converter .is-minute-step .time-hour-tick-0{left:0%}.time-converter .time-hour-tick-6{left:26.087%}.time-converter .is-minute-step .time-hour-tick-6{left:25.0174%}.time-converter .time-hour-tick-12{left:52.1739%}.time-converter .is-minute-step .time-hour-tick-12{left:50.0347%}.time-converter .time-hour-tick-18{left:78.2609%}.time-converter .is-minute-step .time-hour-tick-18{left:75.0521%}.time-converter .time-hour-tick-23{left:100%}.time-converter .is-minute-step .time-hour-tick-23{left:95.8999%}.time-converter .time-hour-ticks button{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.time-converter .time-hour-ticks button:first-child{transform:none}.time-converter .time-hour-ticks button:last-child{transform:translate(-100%)}.time-converter .time-hour-ticks button{color:var(--muted);background:0 0;border:0;min-height:32px;padding:.2rem 0;font-size:.75rem}.time-converter .time-hour-ticks button:hover{color:var(--accent)}.time-converter .time-strip{position:relative}.time-converter .time-hours{align-items:center;gap:2px;height:24px}.time-converter .time-hours button{background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:2px;flex:1;min-width:0;height:10px;padding:0}.time-converter .time-hours button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-converter .time-hours .is-day{background:var(--bs-secondary-color);opacity:.6}.time-converter .time-hours .is-current{background:var(--bs-primary);border-color:var(--bs-primary);opacity:1;transform:scaleY(1.6)}.time-converter .time-strip-legend{font-size:.75rem}.time-converter .time-strip-legend .field-action{height:28px;min-height:28px}.time-converter .field-header{position:relative}.time-converter .time-fine{white-space:nowrap;align-items:center;gap:.35rem;min-height:28px;padding:0;font-size:.72rem;line-height:1;display:inline-flex}.time-converter .time-fine .form-check-input{float:none;flex-shrink:0;margin:0}.time-converter .time-scrubber-actions{flex-shrink:0}.time-converter .time-scrubber-actions .vr{min-height:24px}.time-converter .time-period{flex:none;width:auto;max-width:5rem}.time-converter .time-summary{margin:.25rem 0 0;padding:0 0 0 1.25rem}.time-converter .time-summary li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.6rem .25rem}.time-converter .time-summary li::marker{color:var(--accent)}.time-converter .time-summary li:last-child{border-bottom:0}.time-converter .time-timestamps{border:1px solid var(--line);background:var(--paper);border-radius:.65rem;padding:.85rem 1rem}.time-converter .time-timestamps h4{font-size:.9rem}.time-converter .time-timestamps .bi{color:var(--accent)}.time-converter .time-timestamp-list>li{padding-left:1.25rem;position:relative}.time-converter .time-timestamp-list>li:before{content:"";background:var(--accent);border-radius:50%;width:.25rem;height:.25rem;position:absolute;top:.5rem;left:.5rem}.time-converter .time-timestamp-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.time-converter .time-timestamp-button .time-summary-zone{text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.time-converter .time-timestamp-button:hover .time-summary-zone{color:var(--accent);text-decoration-style:solid}.time-converter .time-timestamp-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:.2rem}.time-converter .time-timestamp-list code{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.9rem}.time-converter .time-summary-zone{color:var(--muted);margin-bottom:.15rem;font-size:.8rem;display:block}.time-converter .time-summary-value{flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem;font-size:.9rem;display:flex}.time-converter .time-summary-value strong{font-variant-numeric:tabular-nums;font-size:1rem}.time-converter .form-label{font-size:.9rem}@media (width<=767px){.time-converter .time-swap{top:auto;bottom:-2.65rem;right:50%;transform:translate(50%)rotate(90deg)}}@media (width<=575px){.time-converter .tool-body{padding:.75rem}.time-converter .time-toolbar{padding:12px 18px}}.time-zone-dialog,.time-import-dialog{overscroll-behavior:contain;width:min(44rem,100dvw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--bs-border-radius-lg);padding:24px;overflow-y:auto}.time-zone-dialog::backdrop,.time-import-dialog::backdrop{background:#000000a6}.time-zone-dialog .time-zone-shortcuts .btn,.time-import-dialog .time-zone-shortcuts .btn{white-space:nowrap;min-height:28px;padding:.15rem 0;font-size:.75rem}.time-zone-dialog .time-zone-list-wrap,.time-import-dialog .time-zone-list-wrap{border:1px solid var(--line);border-top:0;border-radius:0 0 .3rem .3rem;max-height:13rem;overflow-y:auto}.time-zone-dialog .time-zone-option,.time-import-dialog .time-zone-option{cursor:pointer;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:.5rem .7rem;font-size:.85rem}.time-zone-dialog .time-zone-option.is-active,.time-zone-dialog .time-zone-option:hover,.time-import-dialog .time-zone-option.is-active,.time-import-dialog .time-zone-option:hover{background:var(--bs-secondary-bg)}.time-zone-dialog .time-zone-option[aria-selected=true],.time-import-dialog .time-zone-option[aria-selected=true]{box-shadow:inset 3px 0 var(--accent)}.time-zone-dialog .time-map,.time-import-dialog .time-map{background:var(--bs-body-bg);border-radius:.5rem;width:100%;height:auto}.time-zone-dialog .time-land,.time-import-dialog .time-land{fill:var(--bs-secondary-bg);stroke:var(--bs-border-color);stroke-width:.7px}.time-zone-dialog .time-graticule,.time-import-dialog .time-graticule{stroke:var(--bs-border-color);stroke-width:.5px;stroke-dasharray:3 6;opacity:.5}.time-zone-dialog .time-map-point,.time-import-dialog .time-map-point{cursor:pointer;outline:none}.time-zone-dialog .time-map-hit,.time-import-dialog .time-map-hit{fill:#0000}.time-zone-dialog .time-map-dot,.time-import-dialog .time-map-dot{fill:var(--bs-body-color);stroke:var(--bs-body-bg);stroke-width:1.5px}.time-zone-dialog .time-map-point.is-selected .time-map-dot,.time-import-dialog .time-map-point.is-selected .time-map-dot{fill:var(--bs-primary);stroke-width:2.5px;r:5}.time-zone-dialog .time-map-point:focus-visible .time-map-hit,.time-zone-dialog .time-map-point:hover .time-map-hit,.time-import-dialog .time-map-point:focus-visible .time-map-hit,.time-import-dialog .time-map-point:hover .time-map-hit{fill:var(--bs-primary-bg-subtle);stroke:var(--bs-primary);stroke-width:1.5px}.time-zone-dialog .time-map-caption,.time-import-dialog .time-map-caption{min-height:1.5em;margin-top:.5rem}@media (width<=575px){.time-zone-dialog,.time-import-dialog{padding:16px}}html:has(.time-zone-dialog[open],.time-import-dialog[open]){overflow:hidden}.time-hint-anchor{position:relative}.time-info{vertical-align:middle;flex-shrink:0;display:inline-flex}.time-info-button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.8rem;display:inline-flex}.time-info-button:hover,.time-info-button:focus-visible{color:var(--accent)}.time-info-tip,.time-hours-tip{z-index:30;border:1px solid var(--line);background:var(--surface);width:min(22rem,100%);color:var(--ink);text-align:start;white-space:pre-line;overflow-wrap:anywhere;border-radius:.375rem;max-height:min(34rem,70dvh);padding:.75rem;font-size:.75rem;font-weight:400;line-height:1.5;position:absolute;bottom:100%;right:0;overflow-y:auto;box-shadow:0 4px 12px #0003}.time-info-tip.is-below,.time-hours-tip.is-below{top:100%;bottom:auto}.time-hours-tip{width:100%}.time-info-button.time-legend-button{white-space:nowrap;width:auto;font-size:inherit;gap:.3rem}.time-info-button.time-legend-button:disabled{opacity:.55}.time-info-button.time-legend-button{text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.time-import-dialog{width:min(38rem,100dvw - 2rem)}.time-import-dialog .time-import-format{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:.5rem;padding:.75rem;font-size:.85rem;display:block}.time-import-dialog .time-import-format:hover,.time-import-dialog .time-import-format:focus-within,.time-import-dialog .time-import-format.is-selected{border-color:var(--accent)}.time-import-dialog .time-import-format.is-selected{background:var(--bs-primary-bg-subtle)}.time-import-dialog .time-import-format .bi{color:var(--accent)}.time-import-dialog .time-import-format code{color:var(--muted);overflow-wrap:anywhere;font-size:.7rem}.time-import-dialog .time-import-input{font-family:var(--bs-font-monospace);font-size:.9rem}