.PhotoView-Portal{touch-action:none;z-index:2000;direction:ltr;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:.4s linear both PhotoView__delayIn}.PhotoView__Spinner svg{animation:.6s linear infinite PhotoView__rotate}.PhotoView__Photo{cursor:grab;-webkit-user-select:none;user-select:none;max-width:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{touch-action:none;direction:ltr;width:100%;position:absolute;inset:0}.PhotoView__PhotoWrap{z-index:10;overflow:hidden}.PhotoView__PhotoBox{transform-origin:0 0}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{z-index:-1;background:#000;width:100%;height:100%;transition-property:background-color;position:absolute;top:0;left:0}.PhotoView-Slider__fadeIn{opacity:0;animation:linear both PhotoView__fade}.PhotoView-Slider__fadeOut{opacity:0;animation:linear reverse both PhotoView__fade}.PhotoView-Slider__BannerWrap{color:#fff;z-index:20;background-color:#00000080;justify-content:space-between;align-items:center;width:100%;height:44px;transition:opacity .2s ease-out;display:flex;position:absolute;top:0;left:0}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{opacity:.75;padding:0 10px;font-size:14px}.PhotoView-Slider__BannerRight{align-items:center;height:100%;display:flex}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{cursor:pointer;opacity:.75;-webkit-user-select:none;user-select:none;z-index:20;justify-content:center;align-items:center;width:70px;height:100px;margin:auto;transition:opacity .2s linear;display:flex;position:absolute;top:0;bottom:0}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;box-sizing:content-box;background:#0000004d;width:24px;height:24px;padding:10px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}
.oj{--oj-node:48px;--oj-loop:9s;--oj-start:1.8s;position:relative}.oj-steps{gap:28px;margin:0;padding:0;list-style:none;display:grid;position:relative}.oj-step{grid-template-columns:var(--oj-node) 1fr;opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(.4s + var(--i) * .12s);align-content:start;gap:18px;display:grid;transform:translateY(14px)}.oj[data-on] .oj-step{opacity:1;transform:none}.oj-node{z-index:1;width:var(--oj-node);height:var(--oj-node);border:1px solid var(--color-line-2);background:var(--color-paper);color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.oj-num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-mute);font-size:10.5px}.oj-title{letter-spacing:-.012em;margin:4px 0 0;font-size:15.5px;font-weight:500}.oj-body{color:var(--color-mute);margin:6px 0 0;font-size:13px;line-height:1.6}.oj-chip{border:1px solid var(--color-line);background:var(--color-panel);font-family:var(--font-mono);letter-spacing:.04em;margin-top:10px;padding:4px 8px;font-size:10.5px;display:inline-block}.oj-rail{top:calc(var(--oj-node) / 2);bottom:calc(var(--oj-node) / 2);left:calc(var(--oj-node) / 2 - 1px);background:var(--color-line);transform-origin:top;width:2px;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;transform:scaleY(0)}.oj[data-on] .oj-rail{transform:none}.oj-rail-fill{background:var(--color-agent);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.oj-parcel{z-index:2;background:var(--color-agent);width:30px;height:30px;color:var(--color-paper);box-shadow:0 0 0 6px color-mix(in oklab, var(--color-agent) 18%, transparent);opacity:0;border-radius:999px;justify-content:center;align-items:center;margin:-15px 0 0 -15px;display:flex;position:absolute;top:0;left:50%}.oj[data-on] .oj-rail-fill{animation:oj-fill-y var(--oj-loop) cubic-bezier(.45, 0, .55, 1) var(--oj-start) infinite}.oj[data-on] .oj-parcel{animation:oj-move-y var(--oj-loop) cubic-bezier(.45, 0, .55, 1) var(--oj-start) infinite}.oj[data-on] .oj-node{animation:oj-hit var(--oj-loop) ease-out calc(var(--oj-start) + var(--i) * 1.5s) infinite}@keyframes oj-fill-y{0%{opacity:1;transform:scaleY(0)}83.33%{opacity:1;transform:scaleY(1)}96%{opacity:0;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes oj-move-y{0%{opacity:0;top:0}4%{opacity:1}83.33%{opacity:1;top:100%}92%,to{opacity:0;top:100%}}@keyframes oj-hit{0%{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper);transform:scale(1.1)}10%{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper);transform:scale(1)}16%,to{background:var(--color-paper);border-color:var(--color-line-2);color:var(--color-ink);transform:scale(1)}}@media (min-width:1024px){.oj-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.oj-step{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px}.oj-rail{top:calc(var(--oj-node) / 2 - 1px);transform-origin:0;width:auto;height:2px;bottom:auto;left:8.33333%;right:8.33333%;transform:scaleX(0)}.oj-rail-fill{transform-origin:0;transform:scaleX(0)}.oj-parcel{top:50%;left:0}.oj[data-on] .oj-rail-fill{animation-name:oj-fill-x}.oj[data-on] .oj-parcel{animation-name:oj-move-x}@keyframes oj-fill-x{0%{opacity:1;transform:scaleX(0)}83.33%{opacity:1;transform:scaleX(1)}96%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes oj-move-x{0%{opacity:0;left:0}4%{opacity:1}83.33%{opacity:1;left:100%}92%,to{opacity:0;left:100%}}}@media (prefers-reduced-motion:reduce){.oj[data-on] .oj-rail-fill,.oj[data-on] .oj-parcel,.oj[data-on] .oj-node{animation:none}.oj[data-on] .oj-rail-fill{transform:none}}