.watch-360{--watch-360-ink:#292824;--watch-360-muted:#7d786f;--watch-360-line:#e2dfd8;--watch-360-paper:#fff;color:var(--watch-360-ink);width:100%;font-family:inherit}.watch-360 *,.watch-360 :before,.watch-360 :after{box-sizing:border-box}.watch-360__stage{isolation:isolate;aspect-ratio:1;background:var(--watch-360-paper);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:block;position:relative;overflow:hidden}.watch-360__stage[href]:focus-visible{outline-offset:-3px;outline:2px solid #80766a}.watch-360[data-state=ready] .watch-360__stage{cursor:grab}.watch-360.is-dragging .watch-360__stage{cursor:grabbing}.watch-360__poster,.watch-360__video{object-fit:contain;pointer-events:none;background:var(--watch-360-paper);width:100%;height:100%;position:absolute;inset:0}.watch-360__poster{z-index:1}.watch-360__video{visibility:hidden}.watch-360.has-frame .watch-360__video{visibility:visible}.watch-360.has-frame .watch-360__poster{visibility:hidden}.watch-360__controls{grid-template-rows:44px 44px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:8px;width:min(100%,348px);margin:0 auto;padding:0 12px 8px;display:grid;position:relative}.watch-360__hint-arrow{width:88px;color:var(--watch-360-muted);opacity:.8;grid-area:1/2;justify-self:center;display:flex}.watch-360__hint-arrow svg{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:12px;height:10px;display:block}.watch-360__previous,.watch-360__next{width:44px;min-width:44px;height:44px;min-height:44px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;flex:0 0 44px;place-items:center;margin:0;padding:0;display:grid}.watch-360__previous:disabled,.watch-360__next:disabled{cursor:default;opacity:1}.watch-360__previous:hover:not(:disabled),.watch-360__next:hover:not(:disabled){color:var(--watch-360-ink)}.watch-360[data-hint-state=running] .watch-360__hint-arrow{animation:.8s ease-in-out 3 watch-360-hint}@keyframes watch-360-hint{0%,to{opacity:.8}50%{opacity:1}}.watch-360__load{min-width:44px;min-height:44px;color:var(--watch-360-muted);font:inherit;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-area:2/1;margin:0;padding:0 4px;font-size:11px;font-weight:400;line-height:1;position:relative}.watch-360__load:hover:not(:disabled){color:var(--watch-360-ink)}.watch-360__load:disabled{cursor:default;opacity:.7}.watch-360[data-state=loading] .watch-360__load:after{content:"";border:1px solid #c4beb4;border-top-color:#81796c;border-radius:50%;width:5px;height:5px;animation:1s linear infinite watch-360-loading;position:absolute;top:calc(50% - 2.5px);right:-2px}.watch-360[data-state=error] .watch-360__load{text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.watch-360__load:focus-visible,.watch-360__previous:focus-visible,.watch-360__next:focus-visible,.watch-360__range:focus-visible{outline-offset:2px;outline:2px solid #80766a}.watch-360__range{cursor:ew-resize;appearance:none;touch-action:pan-y;accent-color:#918a7d;background:0 0;border:0;border-radius:0;grid-area:2/2;width:100%;min-width:0;height:44px;margin:0;padding:0;display:block}.watch-360__range::-webkit-slider-runnable-track{background:linear-gradient(to right, #a29a8d var(--watch-360-position,0%), var(--watch-360-line) var(--watch-360-position,0%));height:1px}.watch-360__range::-webkit-slider-thumb{appearance:none;background:#9b9385;border:0;border-radius:3px;width:18px;height:5px;margin-top:-2px}.watch-360__range::-moz-range-track{background:var(--watch-360-line);border:0;height:1px}.watch-360__range::-moz-range-progress{background:#a29a8d;height:1px}.watch-360__range::-moz-range-thumb{background:#9b9385;border:0;border-radius:3px;width:18px;height:5px}.watch-360__range:disabled{cursor:default;opacity:.45}.watch-360__sr-only,.watch-360__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.watch-360[data-state=error] .watch-360__status{clip:auto;white-space:normal;text-align:center;width:auto;height:auto;margin:.25rem 0 0;font-size:12px;line-height:1.5;position:static}@keyframes watch-360-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.watch-360 *,.watch-360 :before,.watch-360 :after{scroll-behavior:auto;transition:none;animation:none!important}}
