.stint{--stint-accent:currentColor;--stint-ruler:color-mix(in srgb, currentColor 25%, transparent);--stint-muted:color-mix(in srgb, currentColor 55%, transparent);--stint-focus:currentColor;--stint-label-active:currentColor;--stint-logo-radius:9px;--stint-horizontal-min-width:560px;--stint-length:340px;-webkit-user-select:none;user-select:none;display:flex;position:relative;container:stint/inline-size}.stint__timeline{display:contents}.stint[data-axis=vertical]{flex-direction:row;align-items:stretch;gap:4px}.stint[data-axis=vertical] .stint__readout{text-align:start;flex:1;order:3;justify-content:center;align-items:flex-start;padding-inline-start:12px}.stint[data-axis=vertical] .stint__rail{width:42px;height:var(--stint-length);flex-shrink:0;order:1}.stint[data-axis=vertical] .stint__ruler{width:110px;height:var(--stint-length);cursor:ns-resize;flex-shrink:0;order:2}.stint[data-axis=horizontal]{flex-direction:column;gap:10px}.stint[data-axis=horizontal] .stint__readout{text-align:center;order:1;align-items:center;width:100%;padding-block-end:12px}.stint[data-axis=horizontal] .stint__timeline{scrollbar-width:none;flex-direction:column;order:2;gap:10px;width:100%;min-width:0;display:flex;overflow-x:auto}.stint[data-axis=horizontal] .stint__timeline::-webkit-scrollbar{display:none}.stint[data-axis=horizontal] .stint__timeline>.stint__rail,.stint[data-axis=horizontal] .stint__timeline>.stint__ruler{width:100%;min-width:var(--stint-horizontal-min-width)}.stint[data-axis=horizontal] .stint__rail{touch-action:pan-x;flex-shrink:0;height:42px}.stint[data-axis=horizontal] .stint__ruler{cursor:ew-resize;touch-action:pan-x;flex-shrink:0;height:88px}@container stint (max-width:39.999rem){.stint[data-orientation=responsive]{flex-direction:column;gap:10px}.stint[data-orientation=responsive] .stint__readout{order:1;flex:initial;text-align:center;align-items:center;width:100%;padding-block-end:12px;padding-inline-start:0}.stint[data-orientation=responsive] .stint__timeline{scrollbar-width:none;flex-direction:column;order:2;gap:10px;width:100%;min-width:0;display:flex;overflow-x:auto}.stint[data-orientation=responsive] .stint__timeline::-webkit-scrollbar{display:none}.stint[data-orientation=responsive] .stint__timeline>.stint__rail,.stint[data-orientation=responsive] .stint__timeline>.stint__ruler{width:100%;min-width:var(--stint-horizontal-min-width)}.stint[data-orientation=responsive] .stint__rail{touch-action:pan-x;width:100%;height:42px}.stint[data-orientation=responsive] .stint__ruler{cursor:ew-resize;touch-action:pan-x;width:100%;height:88px}.stint[data-orientation=responsive] .stint__logoShell{top:50%;left:calc(var(--stint-p) * 100%);translate:-50% -50%}.stint[data-orientation=responsive] .stint__tick{top:24px;left:calc(var(--stint-p) * 100%);transform-origin:top;width:2px;height:24px}.stint[data-orientation=responsive] .stint__tick[data-major]{height:32px}.stint[data-orientation=responsive] .stint__tickLabel{top:0;left:calc(var(--stint-p) * 100%);text-align:center;width:auto;translate:-50%}.stint[data-orientation=responsive] .stint__tickField{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%)}}@container stint (min-width:40rem){.stint[data-orientation=responsive]{flex-direction:row;align-items:stretch;gap:4px}.stint[data-orientation=responsive] .stint__readout{text-align:start;flex:1;order:3;justify-content:center;align-items:flex-start;width:auto;padding-block-end:0;padding-inline-start:12px}.stint[data-orientation=responsive] .stint__timeline{display:contents}.stint[data-orientation=responsive] .stint__rail{width:42px;height:var(--stint-length);order:1}.stint[data-orientation=responsive] .stint__ruler{width:110px;height:var(--stint-length);cursor:ns-resize;order:2}.stint[data-orientation=responsive] .stint__logoShell{left:0;top:calc((1 - var(--stint-p)) * 100%);translate:0 -50%}.stint[data-orientation=responsive] .stint__tick{left:42px;top:calc((1 - var(--stint-p)) * 100%);transform-origin:0;width:24px;height:2px}.stint[data-orientation=responsive] .stint__tick[data-major]{width:32px}.stint[data-orientation=responsive] .stint__tickLabel{left:0;top:calc((1 - var(--stint-p)) * 100%);text-align:end;width:38px;translate:0 -50%}.stint[data-orientation=responsive] .stint__tickField{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%)}}.stint__readout{flex-direction:column;min-width:0;display:flex}.stint__currentLabel{opacity:0;pointer-events:none;align-items:center;height:28px;margin-block-end:12px;transition:opacity .2s;display:flex}.stint__currentLabel[data-visible]{opacity:1;pointer-events:auto}.stint__currentBadge{border:1px solid var(--stint-ruler);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:600;display:block}.stint__readoutLogo{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--stint-ruler);border-radius:12px;justify-content:center;align-items:center;margin-block-end:16px;display:flex;overflow:hidden}.stint__company{letter-spacing:-.01em;max-width:100%;font-size:1.125em;font-weight:600;display:block}.stint__role{max-width:100%;color:var(--stint-muted);margin-block-start:8px;font-size:.9375em;font-weight:500;display:block}.stint__location{max-width:100%;color:var(--stint-muted);font-variant-numeric:tabular-nums;margin-block-start:16px;font-size:.75em;display:block}.stint__rail{touch-action:none;position:relative}.stint__logoShell{position:absolute}.stint[data-axis=horizontal] .stint__logoShell{top:50%;left:calc(var(--stint-p) * 100%);translate:-50% -50%}.stint[data-axis=vertical] .stint__logoShell{left:0;top:calc((1 - var(--stint-p)) * 100%);translate:0 -50%}.stint__logo{width:30px;height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:border-radius .26s cubic-bezier(.3,1.36,.4,1);display:flex;overflow:hidden;scale:.6}.stint__logo[data-active]{border-radius:var(--stint-logo-radius)}.stint__logo:focus-visible{outline:2px solid var(--stint-focus);outline-offset:2px;opacity:1!important;scale:1!important}.stint__logoFallback{font-size:13px;font-weight:600;line-height:1}.stint__ruler{touch-action:none;border-radius:12px;outline:none;flex-shrink:0;position:relative}.stint__ruler:focus-visible{outline:2px solid var(--stint-focus);outline-offset:4px}.stint__tickField{position:absolute;inset:0}.stint[data-axis=horizontal] .stint__tickField{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%)}.stint[data-axis=vertical] .stint__tickField{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--stint-fade-start,20px), #000 calc(100% - var(--stint-fade-end,14px)), transparent 100%)}.stint[data-axis=horizontal] .stint__ruler[data-at-oldest] .stint__tickField{--stint-fade-start:0px}.stint[data-axis=horizontal] .stint__ruler[data-at-newest] .stint__tickField{--stint-fade-end:0px}.stint[data-axis=vertical] .stint__ruler[data-at-newest] .stint__tickField{--stint-fade-start:0px}.stint[data-axis=vertical] .stint__ruler[data-at-oldest] .stint__tickField{--stint-fade-end:0px}.stint__tickGroup{display:contents}.stint__tick{background:var(--stint-ruler);border-radius:999px;position:absolute}.stint[data-axis=horizontal] .stint__tick{top:24px;left:calc(var(--stint-p) * 100%);transform-origin:top;width:2px;height:24px}.stint[data-axis=horizontal] .stint__tick[data-major]{height:32px}.stint[data-axis=vertical] .stint__tick{left:42px;top:calc((1 - var(--stint-p)) * 100%);transform-origin:0;width:24px;height:2px}.stint[data-axis=vertical] .stint__tick[data-major]{width:32px}.stint__tickLabel{font-variant-numeric:tabular-nums;color:var(--stint-muted);font-size:11px;font-weight:500;position:absolute}.stint[data-axis=horizontal] .stint__tickLabel{top:0;left:calc(var(--stint-p) * 100%);text-align:center;translate:-50%}.stint[data-axis=vertical] .stint__tickLabel{left:0;top:calc((1 - var(--stint-p)) * 100%);text-align:end;width:38px;translate:0 -50%}.stint ::-webkit-scrollbar{display:none}.stint *{scrollbar-width:none}.stint__status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.stint__logo,.stint__currentLabel{transition:none}}.stint[data-reduced-motion] .stint__logo,.stint[data-reduced-motion] .stint__currentLabel{transition:none}
