.sx[data-sx] .ow{position:relative;overflow:hidden;padding-block:var(--section);background:var(--black)}.sx[data-sx] .ow__in{position:relative}.sx[data-sx] .ow__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(calc(1*var(--u)),2vw,calc(2*var(--u)));row-gap:calc(1.25*var(--u));align-items:end}.sx[data-sx] .ow__h2{grid-column:1 / span 8;font-size:clamp(calc(2.4*var(--u)),calc(1.2*var(--u)) + 3vw,calc(4.5*var(--u)))}.sx[data-sx] .ow__h2 .lt{display:block}.sx[data-sx] .ow__lede{grid-column:9 / -1;color:var(--muted-night);font-size:clamp(calc(1*var(--u)),calc(.94*var(--u)) + .25vw,calc(1.1875*var(--u)));line-height:1.5;text-wrap:pretty}.sx[data-sx] .ow__lede strong{color:#fff;font-weight:600}.sx[data-sx] .day{--t:.6528;--r:1;position:relative;display:grid;grid-template-columns:minmax(calc(11*var(--u)),calc(15*var(--u))) minmax(0,1fr) minmax(calc(10*var(--u)),calc(12*var(--u)));column-gap:clamp(calc(1*var(--u)),2.4vw,calc(2.25*var(--u)));row-gap:calc(1*var(--u));align-items:center}.sx[data-sx] .tl{margin-top:clamp(calc(3*var(--u)),7vw,calc(5.5*var(--u)));padding:clamp(calc(1.25*var(--u)),2.4vw,calc(2*var(--u))) clamp(calc(1.25*var(--u)),2.8vw,calc(2.5*var(--u))) clamp(calc(1.1*var(--u)),2vw,calc(1.6*var(--u)));border-radius:calc(1.5*var(--u));background:linear-gradient(180deg,#0f1219,#0a0c11);box-shadow:inset 0 0 0 1px #ffffff12,0 40px 80px -40px #000000e6}.sx[data-sx] .tl__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(.75*var(--u)) calc(2*var(--u));padding-bottom:clamp(calc(1*var(--u)),2vw,calc(1.35*var(--u)));margin-bottom:clamp(calc(.75*var(--u)),1.6vw,calc(1.1*var(--u)));border-bottom:1px solid rgba(255,255,255,.07)}.sx[data-sx] .tl__title{display:flex;align-items:center;gap:calc(.7*var(--u))}.sx[data-sx] .tl__title .ico{width:calc(1.25*var(--u));height:calc(1.25*var(--u));color:var(--cyan)}.sx[data-sx] .tl__title b{font-weight:700;font-size:calc(1.125*var(--u));letter-spacing:-.01em}.sx[data-sx] .tl__title span{padding:calc(.25*var(--u)) calc(.65*var(--u));border-radius:999px;background:#ffffff12;color:#c9d2dc;font-size:calc(.8125*var(--u));font-weight:500}.sx[data-sx] .tl__key{display:flex;flex-wrap:wrap;gap:calc(.5*var(--u)) calc(1.5*var(--u));color:var(--muted-night);font-size:calc(.875*var(--u))}.sx[data-sx] .tl__key span{display:inline-flex;align-items:center;gap:calc(.55*var(--u))}.sx[data-sx] .tl__key i{width:calc(1.6*var(--u));height:calc(.8*var(--u));border-radius:3px}.sx[data-sx] .tl__key .k-rec{background:url(sx-solar-pro.jpg) 62% 50% / cover}.sx[data-sx] .tl__key .k-off{background:#141922;box-shadow:inset 0 0 0 1px #ffffff1a}.sx[data-sx] .day__row{display:contents}.sx[data-sx] .day__who{grid-column:1}.sx[data-sx] .day__track{grid-column:2}.sx[data-sx] .day__state{grid-column:3}.sx[data-sx] .day__row--clips>*{grid-row:2}.sx[data-sx] .day__row--clips>.day__sky{grid-row:1;grid-column:2}.sx[data-sx] .day__row--on>*{grid-row:3}.sx[data-sx] .day__axis{grid-row:4;grid-column:2}.sx[data-sx] .day__hint{grid-row:5;grid-column:2}.sx[data-sx] .day__who b{display:block;font-weight:700;font-size:clamp(calc(1*var(--u)),calc(.9*var(--u)) + .3vw,calc(1.1875*var(--u)));line-height:1.2;letter-spacing:-.01em}.sx[data-sx] .day__who span{display:block;margin-top:calc(.3*var(--u));color:var(--muted-night);font-size:calc(.875*var(--u));line-height:1.4}.sx[data-sx] .day__track{position:relative;height:clamp(calc(4.5*var(--u)),calc(3*var(--u)) + 4vw,calc(7.5*var(--u)));overflow:hidden;border-radius:calc(.6*var(--u));background:#05070a;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 8px #0009}.sx[data-sx] .day__film{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;clip-path:inset(0 calc((1 - var(--r)) * 100%) 0 0)}.sx[data-sx] .day__film img{width:100%;height:100%;object-fit:cover}.sx[data-sx] .day__nv{position:relative;display:block;min-width:0}.sx[data-sx] .day__nv b{position:absolute;left:calc(.35*var(--u));bottom:calc(.3*var(--u));max-width:calc(100% - calc(.7*var(--u)));padding:calc(.15*var(--u)) calc(.35*var(--u));border-radius:calc(.2*var(--u));background:#05070bc7;color:#fff;font-size:calc(.625*var(--u));font-weight:600;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx[data-sx] .day__gap{position:absolute;z-index:1;top:0;bottom:0;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);font-style:normal;background:#141922}.sx[data-sx] .day__gap span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#8994a3;font-size:calc(.8125*var(--u));letter-spacing:.02em;white-space:nowrap}.sx[data-sx] .day__flash{position:absolute;z-index:2;top:0;bottom:0;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);min-width:4px;background:#fff;opacity:0;pointer-events:none}.sx[data-sx] .day__track:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:calc(var(--t) * 100%);width:2px;margin-left:-1px;background:#fff;pointer-events:none}.sx[data-sx] .day__track--on:before{content:"";position:absolute;z-index:2;left:0;bottom:0;width:calc(var(--r) * 100%);height:3px;background:var(--grad)}.sx[data-sx] .day__sky{position:relative;height:calc(2.6*var(--u));margin-bottom:calc(-.45*var(--u))}.sx[data-sx] .day__knob{position:absolute;bottom:0;left:calc(var(--t) * 100%);z-index:4;transform:translate(-50%);touch-action:none;cursor:grab;outline:none}.sx[data-sx] .day.is-drag .day__knob{cursor:grabbing}.sx[data-sx] .day__pill{position:relative;display:inline-flex;align-items:center;gap:calc(.45*var(--u));height:calc(2.2*var(--u));padding:0 calc(.9*var(--u)) 0 calc(.7*var(--u));border-radius:999px;background:#fff;color:var(--black);font-weight:700;font-size:calc(.9375*var(--u));font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 6px 18px #00000080}.sx[data-sx] .day__pill:after{content:"";position:absolute;left:50%;bottom:-4px;width:10px;height:10px;margin-left:-5px;border-radius:2px;background:#fff;transform:rotate(45deg)}.sx[data-sx] .day__pill .ico{width:calc(1.05*var(--u));height:calc(1.05*var(--u))}.sx[data-sx] .day__knob:focus-visible .day__pill{outline:2px solid var(--cyan);outline-offset:3px}.sx[data-sx] .day__pill .ico--moon,.sx[data-sx] .day.is-night .day__pill .ico--sun{display:none}.sx[data-sx] .day.is-night .day__pill .ico--moon{display:block}.sx[data-sx] .day__state{display:flex;align-items:center;gap:calc(.6*var(--u));color:#8994a3;font-weight:600;font-size:clamp(calc(1*var(--u)),calc(.92*var(--u)) + .3vw,calc(1.1875*var(--u)));line-height:1.2}.sx[data-sx] .day__state .ico{width:calc(1.5*var(--u));height:calc(1.5*var(--u));stroke-width:1.8}.sx[data-sx] .day__state .ico--yes,.sx[data-sx] .day__state.is-on .ico--no{display:none}.sx[data-sx] .day__state.is-on{color:#fff}.sx[data-sx] .day__state.is-on .ico--yes{display:block}.sx[data-sx] .day__state--on,.sx[data-sx] .day__state--on.is-on{color:var(--cyan)}.sx[data-sx] .day__axis{position:relative;height:calc(2.1*var(--u));margin-top:calc(-.4*var(--u))}.sx[data-sx] .day__axis:before,.sx[data-sx] .day__axis:after{content:"";position:absolute;left:0;right:0;top:0;pointer-events:none}.sx[data-sx] .day__axis:before{height:calc(.4*var(--u));background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px calc(100% / 24))}.sx[data-sx] .day__axis:after{height:calc(.65*var(--u));background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 1px,transparent 1px 25%)}.sx[data-sx] .day__axis li{position:absolute;top:calc(.85*var(--u));left:calc(var(--x) * 100%);transform:translate(-50%);color:#6e7886;font-size:calc(.8125*var(--u));white-space:nowrap}.sx[data-sx] .day__axis li:first-child{transform:none}.sx[data-sx] .day__axis li:last-child{transform:translate(-100%)}.sx[data-sx] .day__hint{display:flex;align-items:center;gap:calc(.5*var(--u));margin-top:calc(.35*var(--u));color:var(--muted-night);font-size:calc(.875*var(--u))}html:not(.sx-anim) .sx[data-sx] .day__hint{display:none}.sx[data-sx] .ow__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(1.25*var(--u)) calc(2.5*var(--u));margin-top:clamp(calc(2.5*var(--u)),5vw,calc(4*var(--u)));padding-top:clamp(calc(1.5*var(--u)),3vw,calc(2*var(--u)));border-top:1px solid var(--line-night)}.sx[data-sx] .ow__foot p{max-width:calc(34*var(--u));color:var(--muted-night);font-size:calc(.9375*var(--u));line-height:1.5}.sx[data-sx] .ow__foot p strong{color:#fff;font-weight:600}.sx[data-sx] .ow__act{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.75*var(--u))}.sx[data-sx] .ow__replay{display:inline-flex;align-items:center;gap:calc(.55*var(--u));min-height:calc(3.4*var(--u));padding:0 calc(1.25*var(--u));border:1px solid rgba(255,255,255,.28);border-radius:var(--radius);background:none;font-size:calc(.875*var(--u));font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:border-color .25s,background-color .25s}.sx[data-sx] .ow__replay:hover{border-color:#fff;background:#ffffff14}.sx[data-sx] .ow__replay .ico{transition:transform .5s var(--ease)}.sx[data-sx] .ow__replay:hover .ico{transform:rotate(-200deg)}html:not(.sx-anim) .sx[data-sx] .ow__replay{display:none}@media(max-width:900px){.sx[data-sx] .ow__h2,.sx[data-sx] .ow__lede{grid-column:1 / -1}.sx[data-sx] .ow__lede{font-size:calc(.9375*var(--u))}.sx[data-sx] .day{display:block}.sx[data-sx] .tl{padding:calc(1*var(--u)) calc(1*var(--u)) calc(.85*var(--u));border-radius:calc(1.1*var(--u))}.sx[data-sx] .tl__bar{gap:calc(.6*var(--u)) calc(1*var(--u));padding-bottom:calc(.85*var(--u));margin-bottom:calc(.4*var(--u))}.sx[data-sx] .tl__title b{font-size:calc(1*var(--u))}.sx[data-sx] .tl__key{gap:calc(.4*var(--u)) calc(1*var(--u));font-size:calc(.8125*var(--u))}.sx[data-sx] .tl__key i{width:calc(1.25*var(--u));height:calc(.7*var(--u))}.sx[data-sx] .day__row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:calc(1*var(--u));row-gap:calc(.5*var(--u));align-items:end;margin-bottom:calc(1.25*var(--u))}.sx[data-sx] .day__row>*{grid-row:1}.sx[data-sx] .day__row .day__who{grid-column:1}.sx[data-sx] .day__row .day__state{grid-column:2;font-size:calc(.9375*var(--u))}.sx[data-sx] .day__row--clips>.day__sky{grid-row:2;grid-column:1 / -1;margin:calc(.4*var(--u)) 0 calc(-.2*var(--u))}.sx[data-sx] .day__row--clips>.day__track{grid-row:3}.sx[data-sx] .day__row--on>.day__track{grid-row:2}.sx[data-sx] .day__row .day__track{grid-column:1 / -1;height:calc(4*var(--u))}.sx[data-sx] .day__nv b{display:none}.sx[data-sx] .day__who span{margin-top:calc(.15*var(--u));font-size:calc(.8125*var(--u))}.sx[data-sx] .day__state .ico{width:calc(1.3*var(--u));height:calc(1.3*var(--u))}.sx[data-sx] .day__axis{margin-top:calc(-.6*var(--u))}.sx[data-sx] .day__axis li:nth-child(2n),.sx[data-sx] .day__gap span{display:none}.sx[data-sx] .day__hint{font-size:calc(.8125*var(--u))}.sx[data-sx] .ow__act{width:100%}.sx[data-sx] .ow__act .btn{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/sx-onwatch.css.map */