https://www.planet.com/_next/static/chunks/Marquee.65e1926cb475be3a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b195c96b-2d85-48cd-b12e-d64fc5270db6",e._sentryDebugIdIdentifier="sentry-dbid-b195c96b-2d85-48cd-b12e-d64fc5270db6")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1105],{95599:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});var r=t(67983),a=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(r);!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}'),n.default=r.forwardRef(function(e,n){let{style:t={},className:i="",autoFill:o=!1,play:l=!0,pauseOnHover:d=!1,pauseOnClick:s=!1,direction:u="left",speed:c=50,delay:f=0,loop:m=0,gradient:h=!1,gradientColor:p="white",gradientWidth:v=2

100,onFinish:y,onCycleComplete:g,onMount:b,children:w}=e,[E,x]=r.useState(0),[k,N]=r.useState(0),[_,C]=r.useState(1),[M,q]=r.useState(!1),I=r.useRef(null),R=n||I,j=r.useRef(null),A=r.useCallback(()=>{if(j.current&&R.current){let e=R.current.getBoundingClientRect(),n=j.current.getBoundingClientRect(),t=e.width,r=n.width;("up"===u||"down"===u)&&(t=e.height,r=n.height),o&&t&&r?C(r<t?Math.ceil(t/r):1):C(1),x(t),N(r)}},[o,R,u]);r.useEffect(()=>{if(M&&(A(),j.current&&R.current)){let e=new ResizeObserver(()=>A());return e.observe(R.current),e.observe(j.current),()=>{e&&e.disconnect()}}},[A,R,M]),r.useEffect(()=>{A()},[A,w]),r.useEffect(()=>{q(!0)},[]),r.useEffect(()=>{"function"==typeof b&&b()},[]);let D=r.useMemo(()=>o?k*_/c:k<E?E/c:k/c,[o,E,k,_,c]),O=r.useMemo(()=>Object.assign(Object.assign({},t),{"--pause-on-hover":!l||d?"paused":"running","--pause-on-click":!l||d&&!s||s?"paused":"running","--width":"up"===u||"down"===u?"100vh":"100%","--transform":"up"===u?"rotate(-90deg)":"down"===u?"rotate(90deg)":"none"}),[t,l,d,s,u]),S=r.useMemo(()=>({"--gradient-color":p,"--gradient-width":"number"==typeof v?"".concat(v,"px"):v}),[p,v]),z=r.useMemo(()=>({"--play":l?"running":"paused","--direction":"left"===u?"normal":"reverse","--duration":"".concat(D,"s"),"--delay":"".concat(f,"s"),"--iteration-count":m?"".concat(m):"infinite","--min-width":o?"auto":"100%"}),[l,u,D,f,m,o]),T=r.useMemo(()=>({"--transform":"up"===u?"rotate(90deg)":"down"===u?"rotate(-90deg)":"none"}),[u]),B=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>a.default.createElement(r.Fragment,{key:n},r.Children.map(w,e=>a.default.createElement("div",{style:T,className:"rfm-child"},e)))),[T,w]);return M?a.default.createElement("div",{ref:R,style:O,className:"rfm-marquee-container "+i},h&&a.default.createElement("div",{style:S,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:z,onAnimationIteration:g,onAnimationEnd:y},a.default.createElement("div",{className:"rfm-initial-child-container",ref:j},r.Children.map(w,e=>a.default.createElement("div",{style:T,className:"rfm-child"},e))),B(_-1)),a.default.createElement("div",{className:"rfm-marquee",style:z},B(_))):null})}}]);