[data-online-tool=sun-position] .sp-globe{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:440px;position:relative}[data-online-tool=sun-position] .sp-globe canvas{cursor:grab;border-radius:inherit;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}[data-online-tool=sun-position] .sp-globe canvas:active{cursor:grabbing}[data-online-tool=sun-position] .sp-globe canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}[data-online-tool=sun-position] .sp-reset{background:var(--ot-card);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:22px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 3px #0000002e}[data-online-tool=sun-position] .sp-reset[hidden]{display:none}[data-online-tool=sun-position] .sp-reset .ic{width:20px;height:20px}[data-online-tool=sun-position] .sp-key{color:var(--ink2);flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:13px;display:flex}[data-online-tool=sun-position] .sp-key li{align-items:center;gap:6px;display:flex}[data-online-tool=sun-position] .sp-key i{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--hair);border-radius:4px}[data-online-tool=sun-position] .sp-key svg{width:24px;height:8px}[data-online-tool=sun-position] .sp-gkey .sp-hint{margin-left:auto}[data-online-tool=sun-position] .sp-k-sun{stroke:#d97706;stroke-width:1.6px;stroke-dasharray:1.5 5;stroke-linecap:round}[data-online-tool=sun-position] .sp-k-moon{stroke:#8c95a3;stroke-width:2px;stroke-dasharray:5 4}html[data-theme=dark] [data-online-tool=sun-position] .sp-k-sun{stroke:#fbbf24}html[data-theme=dark] [data-online-tool=sun-position] .sp-k-moon{stroke:#e9ecf2}[data-online-tool=sun-position] .sp-key .night{background:#1d1d1f}[data-online-tool=sun-position] .sp-key .blue{background:#3a4f8f}[data-online-tool=sun-position] .sp-key .gold{background:#ffc21a}[data-online-tool=sun-position] .sp-key .day{background:#fff6d6}[data-online-tool=sun-position] .sp-tl{background:#1d1d1f;border-radius:14px;height:56px;position:relative;overflow:hidden}[data-online-tool=sun-position] .sp-tl svg{width:100%;height:100%;position:absolute;inset:0}[data-online-tool=sun-position] .sp-nowline{stroke:var(--ot-warn);stroke-width:6px}[data-online-tool=sun-position] .sp-tlx{color:var(--ink2);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}[data-online-tool=sun-position] .sp-times{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}[data-online-tool=sun-position] .sp-times .ot-ro{padding:10px 12px}[data-online-tool=sun-position] .sp-times .ot-rv{font-size:22px}[data-online-tool=sun-position] .sp-times .sp-phase{grid-column:span 2}[data-online-tool=sun-position] .sp-loc{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;display:grid}[data-online-tool=sun-position] .sp-tk{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-online-tool=sun-position] .sp-time{justify-content:space-between;gap:8px;padding:0 2px 0 14px}[data-online-tool=sun-position] .sp-time b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:600;overflow:hidden}[data-online-tool=sun-position] .sp-now{background:var(--ot-card);height:44px;color:var(--ink);font:600 15px/1 var(--text);cursor:pointer;border:0;border-radius:22px;flex:none;padding:0 14px}[data-online-tool=sun-position] .sp-now:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}[data-online-tool=sun-position] .sp-rng{height:44px;position:relative}[data-online-tool=sun-position] .sp-rng input{opacity:0;cursor:pointer;width:100%;height:44px;margin:0;position:absolute;inset:0}[data-online-tool=sun-position] .sp-rtr{background:var(--hair);border-radius:2px;height:4px;position:absolute;top:20px;left:0;right:0}[data-online-tool=sun-position] .sp-rfi{background:var(--ink);border-radius:2px;width:50%;height:4px;position:absolute;top:20px;left:0}[data-online-tool=sun-position] .sp-rth{background:var(--ot-card);width:24px;height:24px;box-shadow:0 1px 4px #0000004d,inset 0 0 0 2px var(--ink);pointer-events:none;border-radius:50%;margin-left:-12px;position:absolute;top:10px;left:50%}[data-online-tool=sun-position] .sp-rng:has(input:focus-visible) .sp-rth{outline:2px solid var(--ink);outline-offset:3px}[data-online-tool=sun-position] .sp-note{min-height:106px}@container (width<=700px){[data-online-tool=sun-position] .sp-globe{height:360px}[data-online-tool=sun-position] .sp-gkey .sp-hint{flex-basis:100%;margin-left:0}[data-online-tool=sun-position] .sp-loc{grid-template-columns:repeat(2,minmax(0,1fr))}[data-online-tool=sun-position] .sp-loc .ot-fl:first-child{grid-column:1/-1}[data-online-tool=sun-position] .sp-times{grid-template-columns:repeat(2,minmax(0,1fr))}[data-online-tool=sun-position] .sp-note{min-height:126px}}