/*! For license information please see plp-hero-bundle.js.LICENSE.txt */ (()=>{var t={3351:t=>{var e;self,e=()=>(()=>{"use strict";var t={d:(e,i)=>{for(var n in i)t.o(i,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:i[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{PLPHero:()=>Po});var i=function(t,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},i(t,e)};function n(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var o=function(){return o=Object.assign||function(t){for(var e,i=1,n=arguments.length;i=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s}function s(t,e,i){if(i||2===arguments.length)for(var n,o=0,r=e.length;o{if(l)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),n=a.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}},u=l?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new c("string"==typeof t?t:t+"",void 0,h))(e)})(t):t,{is:g,defineProperty:m,getOwnPropertyDescriptor:v,getOwnPropertyNames:f,getOwnPropertySymbols:b,getPrototypeOf:y}=Object,_=globalThis,E=_.trustedTypes,$=E?E.emptyScript:"",w=_.reactiveElementPolyfillSupport,A=(t,e)=>t,B={toAttribute(t,e){switch(e){case Boolean:t=t?$:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},S=(t,e)=>!g(t,e),x={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:S};Symbol.metadata??=Symbol("metadata"),_.litPropertyMetadata??=new WeakMap;class H extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);void 0!==n&&m(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:o}=v(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return n?.call(this)},set(e){const r=n?.call(this);o.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??x}static _$Ei(){if(this.hasOwnProperty(A("elementProperties")))return;const t=y(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(A("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(A("properties"))){const t=this.properties,e=[...f(t),...b(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(u(t))}else void 0!==t&&e.push(u(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return p(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(void 0!==n&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:B).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,n=i._$Eh.get(t);if(void 0!==n&&this._$Em!==n){const t=i.getPropertyOptions(n),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:B;this._$Em=n,this[n]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??S)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[A("elementProperties")]=new Map,H[A("finalized")]=new Map,w?.({ReactiveElement:H}),(_.reactiveElementVersions??=[]).push("2.0.4");const T=globalThis,C=T.trustedTypes,P=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,k="$lit$",I=`lit$${(Math.random()+"").slice(9)}$`,M="?"+I,L=`<${M}>`,U=document,O=()=>U.createComment(""),N=t=>null===t||"object"!=typeof t&&"function"!=typeof t,R=Array.isArray,D="[ \t\n\f\r]",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,G=/-->/g,V=/>/g,F=RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),j=/'/g,Z=/"/g,X=/^(?:script|style|textarea|title)$/i,W=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),K=W(1),Y=W(2),q=Symbol.for("lit-noChange"),J=Symbol.for("lit-nothing"),Q=new WeakMap,tt=U.createTreeWalker(U,129);function et(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(e):e}const it=(t,e)=>{const i=t.length-1,n=[];let o,r=2===e?"":"",s=z;for(let e=0;e"===l[0]?(s=o??z,h=-1):void 0===l[1]?h=-2:(h=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?F:'"'===l[3]?Z:j):s===Z||s===j?s=F:s===G||s===V?s=z:(s=F,o=void 0);const c=s===F&&t[e+1].startsWith("/>")?" ":"";r+=s===z?i+L:h>=0?(n.push(a),i.slice(0,h)+k+i.slice(h)+I+c):i+I+(-2===h?e:c)}return[et(t,r+(t[i]||"")+(2===e?"":"")),n]};class nt{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let o=0,r=0;const s=t.length-1,a=this.parts,[l,h]=it(t,e);if(this.el=nt.createElement(l,i),tt.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(n=tt.nextNode())&&a.length0){n.textContent=C?C.emptyScript:"";for(let i=0;iR(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==J&&N(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,n="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=nt.createElement(et(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(e);else{const t=new rt(n,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=Q.get(t.strings);return void 0===e&&Q.set(t.strings,e=new nt(t)),e}k(t){R(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const o of t)n===e.length?e.push(i=new st(this.S(O()),this.S(O()),this,this.options)):i=e[n],i._$AI(o),n++;n2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=J}_$AI(t,e=this,i,n){const o=this.strings;let r=!1;if(void 0===o)t=ot(this,t,e,0),r=!N(t)||t!==this._$AH&&t!==q,r&&(this._$AH=t);else{const n=t;let s,a;for(t=o[0],s=0;s{const n=i?.renderBefore??e;let o=n._$litPart$;if(void 0===o){const t=i?.renderBefore??null;n._$litPart$=o=new st(e.insertBefore(O(),t),t,void 0,i??{})}return o._$AI(t),o})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}}ut._$litElement$=!0,ut.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:ut});const gt=globalThis.litElementPolyfillSupport;gt?.({LitElement:ut}),(globalThis.litElementVersions??=[]).push("4.0.4");const mt=Symbol.for(""),vt=t=>{if(t?.r===mt)return t?._$litStatic$},ft=t=>({_$litStatic$:t,r:mt}),bt=new Map,yt=t=>(e,...i)=>{const n=i.length;let o,r;const s=[],a=[];let l,h=0,d=!1;for(;h{const{kind:n,metadata:o}=i;let r=globalThis.litPropertyMetadata.get(o);if(void 0===r&&globalThis.litPropertyMetadata.set(o,r=new Map),r.set(i.name,t),"accessor"===n){const{name:n}=i;return{set(i){const o=e.get.call(this);e.set.call(this,i),this.requestUpdate(n,o,t)},init(e){return void 0!==e&&this.P(n,void 0,t),e}}}if("setter"===n){const{name:n}=i;return function(i){const o=this[n];e.call(this,i),this.requestUpdate(n,o,t)}}throw Error("Unsupported decorator location: "+n)};function wt(t){return(e,i)=>"object"==typeof i?$t(t,e,i):((t,e,i)=>{const n=e.hasOwnProperty(i);return e.constructor.createProperty(i,n?{...t,wrapped:!0}:t),n?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}function At(t){return wt({...t,state:!0,attribute:!1})}const Bt=(t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i);function St(t,e){return(i,n,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof n?i:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return Bt(i,n,{get(){let i=t.call(this);return void 0===i&&(i=r(this),(null!==i||this.hasUpdated)&&e.call(this,i)),i}})}return Bt(i,n,{get(){return r(this)}})}}const xt=((t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[n+1]),t[0]);return new c(i,t,h)})` .plp-inner-container, .lpp-content { display: flex; justify-content: center; height: 25%; padding: 0; z-index: 11; } .lpp-content { padding: 0px, 0px, 16px, 0px; } .plp-heading h1, .plp-heading .h1, .plp-heading h2, .plp-heading .h2, .plp-heading h3, .plp-heading .h3, .plp-heading h4, .plp-heading .h4, .plp-heading h5, .plp-heading .h5, .plp-heading h6, .plp-heading .h6 { margin-bottom: 0; margin-top: 0px; } /* Dark Theme styles */ .theme-night .plp-heading h1, .theme-night .plp-hero-btns, .theme-night .plp-product-name, .theme-night .plp-hero-description, .theme-night .plp-heading #plp-hero-heading { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .theme-night .link-text, .theme-night .link-text a { color: #afadff; } .theme-night .plp-hero-btns a { background: #9550f1; } .theme-night .icon button { background-image: linear-gradient(#000, #000), radial-gradient( circle at right bottom, rgba(7, 54, 195, 0.2), rgb(7, 54, 195) ); } .theme-night .play-button > svg { fill: #ffffff; } .theme-night .pause-button > svg { stroke: #ffffff; } .lineup-animation, .plp-hero-description, .plp-product-name, .wordmark picture img, .lpp-content { animation: 2s opac ease-out; } @keyframes opac { from { opacity: 0; } to { opacity: 1; } } .plp-hero-container { background-size: cover; height: 100%; overflow-y: visible; } .img-container-section { padding: 0px; } .img-container { width: 100%; object-fit: contain; display: block; } .video-container-section { height: 100%; overflow: hidden; position: relative; } .play-pause-section { position: absolute; bottom: 5%; left: 1%; } .video-container { width: 100vw; position: relative; } .plp-heading { padding: 24px 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .plp-product-name { font-size: 24px; font-weight: 600; margin: 0px; } .plp-heading h1, .h1 { font-style: normal; font-weight: 600; line-height: 70px; font-size: 5.714vw; margin-bottom: 0; margin-top: 0px; } .plp-heading { max-width: 710px; margin: 0 auto; width: 90%; } .plp-hero-media { pointer-events: none; display: block; } @media (min-width: 1400px) { .plp-heading h1, .plp-heading .h1 { font-size: 4.125rem; } .plp-heading h2, .plp-heading .h2 { font-size: 3.5125rem; } .plp-heading h3, .plp-heading .h3 { font-size: 2.9125rem; } .plp-heading h4, .plp-heading .h4 { font-size: 2.4rem; } .plp-heading h5, .plp-heading .h5 { font-size: 1.9125rem; } .plp-heading h6, .plp-heading .h6 { font-size: 1.1875rem; } } @media (min-width: 1084px) { .plp-heading h1, .plp-heading .h1 { font-size: 3.9125rem; } .plp-heading h2, .plp-heading .h2 { font-size: 3.1125rem; } .plp-heading h3, .plp-heading .h3 { font-size: 2.4685rem; } .plp-heading h4, .plp-heading .h4 { font-size: 1.9125rem; } .plp-heading h5, .plp-heading .h5 { font-size: 1.4875rem; } .plp-heading h6, .plp-heading .h6 { font-size: 1.125rem; } } @media screen and (min-width: 768px) and (max-width: 1083px) { .plp-heading h1, .plp-heading .h1 { font-size: 3.9125rem; } .plp-heading h2, .plp-heading .h2 { font-size: 3.1125rem; } .plp-heading h3, .plp-heading .h3 { font-size: 2.4685rem; } .plp-heading h4, .plp-heading .h4 { font-size: 1.9125rem; } .plp-heading h5, .plp-heading .h5 { font-size: 1.4875rem; } .plp-heading h6, .plp-heading .h6 { font-size: 1.125rem; } } @media screen and (max-width: 440px) { .plp-heading h1, .plp-heading .h1 { font-size: 2.5125rem; } .plp-heading h2, .plp-heading .h2 { font-size: 2.0125rem; } .plp-heading h3, .plp-heading .h3 { font-size: 1.8685rem; } .plp-heading h4, .plp-heading .h4 { font-size: 1.3125rem; } .plp-heading h5, .plp-heading .h5 { font-size: 0.9875rem; } .plp-heading h6, .plp-heading .h6 { font-size: 0.625rem; } } .plp-heading h1 span { color: #5440f1; } .plp-pilot-button { padding: 6px 12px; margin-top: 20px; justify-content: space-evenly; align-items: center; border-radius: 2px 6px; display: flex; border-width: 1px; border-style: solid; background: #fff; border-image: linear-gradient(to right, #c33dc1, #0167b8) 1; } .plp-pilot-button img { margin-right: 10px; } .plp-pilot-button P { margin: 0; font-size: 1.143vw; font-style: normal; line-height: 24px; } .icon { margin-top: 24px; cursor: pointer; width: 40px; height: 40px; border-radius: 50px; margin-left: 24px; z-index: 9; } .play-icon { text-align: center; font-size: 26px; color: #000; margin: 5px 0 0 2px; } .copilot-badge-dim { width: 24px; height: 24px; } .first { display: none; } video::-webkit-media-controls-panel { display: none !important; opacity: 1 !important; } .icon button { background-image: linear-gradient(rgb(255 255 255), rgb(255 255 255)), radial-gradient(circle at bottom right, rgba(7, 54, 195, 0.2), #0736c3); border: 1.5px solid transparent; border-radius: 50%; background-origin: border-box; background-clip: padding-box, border-box; } .play-button, .pause-button { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; cursor: pointer; } .play-button > svg { width: 24px; height: 24px; stroke: #000000; } .pause-button > svg { width: 24px; height: 24px; fill: #000000; } .plp-hero-btns { margin: 20px auto; } .plp-hero-btns a { background: #5440f1; border-radius: 5px; padding: 10px; color: #fff; text-decoration: none; margin: 0 10px; } .link-text a { color: #5440f1; text-decoration: none; font-size: 18px; } .plp-hero-description { font-size: 18px; text-align: center; font-weight: 400; line-height: 26px; margin-bottom: 0px; margin-top: 16px; padding: 0 0 16px 0; } .link-text { margin-top: 20px; } @media screen and (max-width: 440px) { .plp-heading h1 { font-size: 40px; margin-bottom: 40px; line-height: 48px; } .plp-pilot-button { margin-top: 0px; padding: 6px; } .plp-pilot-button P { font-size: 16px; } .icon { margin-left: 24px; } .plp-hero-btns { display: flex; flex-direction: column; } .plp-hero-btns a { margin-bottom: 10px; } .link-text { margin-top: 00px; } } @media screen and (min-width: 540px) and (max-width: 767px) { .plp-heading { padding: 12px 0px 0px 0px; margin-bottom: 20px; } .plp-heading h1 { font-size: 7.407vw; margin-bottom: 45px; line-height: 60px; } .plp-product-name { margin-bottom: 0; font-size: 19px; } .icon { margin-left: 24px; } .plp-pilot-button { margin-top: 12px; margin-bottom: 24px; padding: 6px; } .plp-pilot-button img { margin-right: 4px; } .plp-pilot-button P { font-size: 16px; } } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .plp-heading h1.display-1, .plp-heading h2.display-1, .plp-heading h3.display-1, .plp-heading h4.display-1, .plp-heading h5.display-1, .plp-heading h6.display-1 { font-size: 6.5625rem; margin-bottom: 2rem; } @media (min-width: 1084px) { .plp-heading h1.display-1, .plp-heading h2.display-1, .plp-heading h3.display-1, .plp-heading h4.display-1, .plp-heading h5.display-1, .plp-heading h6.display-1 { font-size: 10rem; margin-bottom: 2.25rem; } } @media (min-width: 1400px) { .plp-heading h1.display-1, .plp-heading h2.display-1, .plp-heading h3.display-1, .plp-heading h4.display-1, .plp-heading h5.display-1, .plp-heading h6.display-1 { font-size: 15.5625rem; margin-bottom: 2.5rem; } } .plp-heading h1.display-2, .plp-heading h2.display-2, .plp-heading h3.display-2, .plp-heading h4.display-2, .plp-heading h5.display-2, .plp-heading h6.display-2 { font-size: 4.4375rem; margin-bottom: 1.75rem; } @media (min-width: 1084px) { .plp-heading h1.display-2, .plp-heading h2.display-2, .plp-heading h3.display-2, .plp-heading h4.display-2, .plp-heading h5.display-2, .plp-heading h6.display-2 { font-size: 6.5625rem; margin-bottom: 2rem; } } @media (min-width: 1400px) { .plp-heading h1.display-2, .plp-heading h2.display-2, .plp-heading h3.display-2, .plp-heading h4.display-2, .plp-heading h5.display-2, .plp-heading h6.display-2 { font-size: 10rem; margin-bottom: 2.25rem; } } .plp-heading h1.display-3, .plp-heading h2.display-3, .plp-heading h3.display-3, .plp-heading h4.display-3, .plp-heading h5.display-3, .plp-heading h6.display-3 { font-size: 3.125rem; margin-bottom: 1.5rem; } @media (min-width: 1084px) { .plp-heading h1.display-3, .plp-heading h2.display-3, .plp-heading h3.display-3, .plp-heading h4.display-3, .plp-heading h5.display-3, .plp-heading h6.display-3 { font-size: 4.4375rem; margin-bottom: 1.75rem; } } @media (min-width: 1400px) { .plp-heading h1.display-3, .plp-heading h2.display-3, .plp-heading h3.display-3, .plp-heading h4.display-3, .plp-heading h5.display-3, .plp-heading h6.display-3 { font-size: 6.5625rem; margin-bottom: 2rem; } } .plp-heading h1.display-4, .plp-heading h2.display-4, .plp-heading h3.display-4, .plp-heading h4.display-4, .plp-heading h5.display-4, .plp-heading h6.display-4 { font-size: 2.3125rem; margin-bottom: 1.25rem; } @media (min-width: 1084px) { .plp-heading h1.display-4, .plp-heading h2.display-4, .plp-heading h3.display-4, .plp-heading h4.display-4, .plp-heading h5.display-4, .plp-heading h6.display-4 { font-size: 3.125rem; margin-bottom: 1.5rem; } } @media (min-width: 1400px) { .plp-heading h1.display-4, .plp-heading h2.display-4, .plp-heading h3.display-4, .plp-heading h4.display-4, .plp-heading h5.display-4, .plp-heading h6.display-4 { font-size: 4.4375rem; margin-bottom: 1.75rem; } } .plp-heading h1, .plp-hero-btns, .plp-product-name, .plp-heading #plp-hero-heading { background: #000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (min-width: 1400px) { .plp-hero-container { padding: 40px 0; } .plp-heading { max-width: 900px; } } @media (min-width: 1084px) { .plp-hero-container { padding: 40px 0px; } } @media screen and (min-width: 860px) { .plp-hero-container { padding: 32px 0px; } } @media screen and (min-width: 540px) { .plp-hero-container { padding: 32px 0px; } .plp-heading { max-width: 710px; } .plp-product-name p.h1, .plp-product-name p.h2, .plp-product-name p.h3, .plp-product-name p.h4, .plp-product-name p.h5, .plp-product-name p.h6 { margin-top: 0px !important; } } @media screen and (min-width: 540px) and (max-width: 1083px) { .plp-hero-container.hide-tab .play-pause-section { display: none; } } @media (min-width: 1084px) { .plp-hero-container.hide-desk .play-pause-section { display: none; } } .plp-hero-container .wordmark img { height: 32px; } @media screen and (max-width: 539px) { .plp-hero-container.hide-mob .play-pause-section { display: none; } .plp-hero-container { padding: 24px 0; } .plp-heading h1 { line-height: 40px; } .plp-product-name { margin: 0; padding: 0 0 8px 0; } p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 { margin-top: 0px !important; } .plp-heading h1 { margin-top: 0; } .lpp-content { width: 148px; display: unset; } .plp-hero-container .wordmark img { height: 18px; } } .plp-hero-container .wordmark { text-align: center; } .heading-content { position: relative; } .text-on-asset .plp-inner-container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: auto; } .img-container-section, .plp-hero-container { padding: 0; } .plp-heading { width: 90%; margin: 0 auto; } :host([dir='rtl']) .play-pause-section { right: 1%; left: auto; margin-right: 24px; margin-left: 0px; } @media (prefers-contrast: more) { .play-button > svg { fill: #ffffff; } } `;var Ht,Tt,Ct;function Pt(t){return t.type===Tt.literal}function kt(t){return t.type===Tt.argument}function It(t){return t.type===Tt.number}function Mt(t){return t.type===Tt.date}function Lt(t){return t.type===Tt.time}function Ut(t){return t.type===Tt.select}function Ot(t){return t.type===Tt.plural}function Nt(t){return t.type===Tt.pound}function Rt(t){return t.type===Tt.tag}function Dt(t){return!(!t||"object"!=typeof t||t.type!==Ct.number)}function zt(t){return!(!t||"object"!=typeof t||t.type!==Ct.dateTime)}!function(t){t[t.EXPECT_ARGUMENT_CLOSING_BRACE=1]="EXPECT_ARGUMENT_CLOSING_BRACE",t[t.EMPTY_ARGUMENT=2]="EMPTY_ARGUMENT",t[t.MALFORMED_ARGUMENT=3]="MALFORMED_ARGUMENT",t[t.EXPECT_ARGUMENT_TYPE=4]="EXPECT_ARGUMENT_TYPE",t[t.INVALID_ARGUMENT_TYPE=5]="INVALID_ARGUMENT_TYPE",t[t.EXPECT_ARGUMENT_STYLE=6]="EXPECT_ARGUMENT_STYLE",t[t.INVALID_NUMBER_SKELETON=7]="INVALID_NUMBER_SKELETON",t[t.INVALID_DATE_TIME_SKELETON=8]="INVALID_DATE_TIME_SKELETON",t[t.EXPECT_NUMBER_SKELETON=9]="EXPECT_NUMBER_SKELETON",t[t.EXPECT_DATE_TIME_SKELETON=10]="EXPECT_DATE_TIME_SKELETON",t[t.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE=11]="UNCLOSED_QUOTE_IN_ARGUMENT_STYLE",t[t.EXPECT_SELECT_ARGUMENT_OPTIONS=12]="EXPECT_SELECT_ARGUMENT_OPTIONS",t[t.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE=13]="EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE",t[t.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE=14]="INVALID_PLURAL_ARGUMENT_OFFSET_VALUE",t[t.EXPECT_SELECT_ARGUMENT_SELECTOR=15]="EXPECT_SELECT_ARGUMENT_SELECTOR",t[t.EXPECT_PLURAL_ARGUMENT_SELECTOR=16]="EXPECT_PLURAL_ARGUMENT_SELECTOR",t[t.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT=17]="EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT",t[t.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT=18]="EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT",t[t.INVALID_PLURAL_ARGUMENT_SELECTOR=19]="INVALID_PLURAL_ARGUMENT_SELECTOR",t[t.DUPLICATE_PLURAL_ARGUMENT_SELECTOR=20]="DUPLICATE_PLURAL_ARGUMENT_SELECTOR",t[t.DUPLICATE_SELECT_ARGUMENT_SELECTOR=21]="DUPLICATE_SELECT_ARGUMENT_SELECTOR",t[t.MISSING_OTHER_CLAUSE=22]="MISSING_OTHER_CLAUSE",t[t.INVALID_TAG=23]="INVALID_TAG",t[t.INVALID_TAG_NAME=25]="INVALID_TAG_NAME",t[t.UNMATCHED_CLOSING_TAG=26]="UNMATCHED_CLOSING_TAG",t[t.UNCLOSED_TAG=27]="UNCLOSED_TAG"}(Ht||(Ht={})),function(t){t[t.literal=0]="literal",t[t.argument=1]="argument",t[t.number=2]="number",t[t.date=3]="date",t[t.time=4]="time",t[t.select=5]="select",t[t.plural=6]="plural",t[t.pound=7]="pound",t[t.tag=8]="tag"}(Tt||(Tt={})),function(t){t[t.number=0]="number",t[t.dateTime=1]="dateTime"}(Ct||(Ct={}));var Gt=/[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/,Vt=/(?:[Eec]{1,6}|G{1,5}|[Qq]{1,5}|(?:[yYur]+|U{1,5})|[ML]{1,5}|d{1,2}|D{1,3}|F{1}|[abB]{1,5}|[hkHK]{1,2}|w{1,2}|W{1}|m{1,2}|s{1,2}|[zZOvVxX]{1,4})(?=([^']*'[^']*')*[^']*$)/g;function Ft(t){var e={};return t.replace(Vt,(function(t){var i=t.length;switch(t[0]){case"G":e.era=4===i?"long":5===i?"narrow":"short";break;case"y":e.year=2===i?"2-digit":"numeric";break;case"Y":case"u":case"U":case"r":throw new RangeError("`Y/u/U/r` (year) patterns are not supported, use `y` instead");case"q":case"Q":throw new RangeError("`q/Q` (quarter) patterns are not supported");case"M":case"L":e.month=["numeric","2-digit","short","long","narrow"][i-1];break;case"w":case"W":throw new RangeError("`w/W` (week) patterns are not supported");case"d":e.day=["numeric","2-digit"][i-1];break;case"D":case"F":case"g":throw new RangeError("`D/F/g` (day) patterns are not supported, use `d` instead");case"E":e.weekday=4===i?"long":5===i?"narrow":"short";break;case"e":if(i<4)throw new RangeError("`e..eee` (weekday) patterns are not supported");e.weekday=["short","long","narrow","short"][i-4];break;case"c":if(i<4)throw new RangeError("`c..ccc` (weekday) patterns are not supported");e.weekday=["short","long","narrow","short"][i-4];break;case"a":e.hour12=!0;break;case"b":case"B":throw new RangeError("`b/B` (period) patterns are not supported, use `a` instead");case"h":e.hourCycle="h12",e.hour=["numeric","2-digit"][i-1];break;case"H":e.hourCycle="h23",e.hour=["numeric","2-digit"][i-1];break;case"K":e.hourCycle="h11",e.hour=["numeric","2-digit"][i-1];break;case"k":e.hourCycle="h24",e.hour=["numeric","2-digit"][i-1];break;case"j":case"J":case"C":throw new RangeError("`j/J/C` (hour) patterns are not supported, use `h/H/K/k` instead");case"m":e.minute=["numeric","2-digit"][i-1];break;case"s":e.second=["numeric","2-digit"][i-1];break;case"S":case"A":throw new RangeError("`S/A` (second) patterns are not supported, use `s` instead");case"z":e.timeZoneName=i<4?"short":"long";break;case"Z":case"O":case"v":case"V":case"X":case"x":throw new RangeError("`Z/O/v/V/X/x` (timeZone) patterns are not supported, use `z` instead")}return""})),e}var jt=/[\t-\r \x85\u200E\u200F\u2028\u2029]/i,Zt=/^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g,Xt=/^(@+)?(\+|#+)?[rs]?$/g,Wt=/(\*)(0+)|(#+)(0+)|(0+)/g,Kt=/^(0+)$/;function Yt(t){var e={};return"r"===t[t.length-1]?e.roundingPriority="morePrecision":"s"===t[t.length-1]&&(e.roundingPriority="lessPrecision"),t.replace(Xt,(function(t,i,n){return"string"!=typeof n?(e.minimumSignificantDigits=i.length,e.maximumSignificantDigits=i.length):"+"===n?e.minimumSignificantDigits=i.length:"#"===i[0]?e.maximumSignificantDigits=i.length:(e.minimumSignificantDigits=i.length,e.maximumSignificantDigits=i.length+("string"==typeof n?n.length:0)),""})),e}function qt(t){switch(t){case"sign-auto":return{signDisplay:"auto"};case"sign-accounting":case"()":return{currencySign:"accounting"};case"sign-always":case"+!":return{signDisplay:"always"};case"sign-accounting-always":case"()!":return{signDisplay:"always",currencySign:"accounting"};case"sign-except-zero":case"+?":return{signDisplay:"exceptZero"};case"sign-accounting-except-zero":case"()?":return{signDisplay:"exceptZero",currencySign:"accounting"};case"sign-never":case"+_":return{signDisplay:"never"}}}function Jt(t){var e;if("E"===t[0]&&"E"===t[1]?(e={notation:"engineering"},t=t.slice(2)):"E"===t[0]&&(e={notation:"scientific"},t=t.slice(1)),e){var i=t.slice(0,2);if("+!"===i?(e.signDisplay="always",t=t.slice(2)):"+?"===i&&(e.signDisplay="exceptZero",t=t.slice(2)),!Kt.test(t))throw new Error("Malformed concise eng/scientific notation");e.minimumIntegerDigits=t.length}return e}function Qt(t){return qt(t)||{}}function te(t){for(var e={},i=0,n=t;i1)throw new RangeError("integer-width stems only accept a single optional option");r.options[0].replace(Wt,(function(t,i,n,o,r,s){if(i)e.minimumIntegerDigits=n.length;else{if(o&&r)throw new Error("We currently do not support maximum integer digits");if(s)throw new Error("We currently do not support exact integer digits")}return""}));continue}if(Kt.test(r.stem))e.minimumIntegerDigits=r.stem.length;else if(Zt.test(r.stem)){if(r.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");r.stem.replace(Zt,(function(t,i,n,o,r,s){return"*"===n?e.minimumFractionDigits=i.length:o&&"#"===o[0]?e.maximumFractionDigits=o.length:r&&s?(e.minimumFractionDigits=r.length,e.maximumFractionDigits=r.length+s.length):(e.minimumFractionDigits=i.length,e.maximumFractionDigits=i.length),""}));var s=r.options[0];"w"===s?e=o(o({},e),{trailingZeroDisplay:"stripIfInteger"}):s&&(e=o(o({},e),Yt(s)))}else if(Xt.test(r.stem))e=o(o({},e),Yt(r.stem));else{var a=qt(r.stem);a&&(e=o(o({},e),a));var l=Jt(r.stem);l&&(e=o(o({},e),l))}}return e}var ee,ie={"001":["H","h"],AC:["H","h","hb","hB"],AD:["H","hB"],AE:["h","hB","hb","H"],AF:["H","hb","hB","h"],AG:["h","hb","H","hB"],AI:["H","h","hb","hB"],AL:["h","H","hB"],AM:["H","hB"],AO:["H","hB"],AR:["H","h","hB","hb"],AS:["h","H"],AT:["H","hB"],AU:["h","hb","H","hB"],AW:["H","hB"],AX:["H"],AZ:["H","hB","h"],BA:["H","hB","h"],BB:["h","hb","H","hB"],BD:["h","hB","H"],BE:["H","hB"],BF:["H","hB"],BG:["H","hB","h"],BH:["h","hB","hb","H"],BI:["H","h"],BJ:["H","hB"],BL:["H","hB"],BM:["h","hb","H","hB"],BN:["hb","hB","h","H"],BO:["H","hB","h","hb"],BQ:["H"],BR:["H","hB"],BS:["h","hb","H","hB"],BT:["h","H"],BW:["H","h","hb","hB"],BY:["H","h"],BZ:["H","h","hb","hB"],CA:["h","hb","H","hB"],CC:["H","h","hb","hB"],CD:["hB","H"],CF:["H","h","hB"],CG:["H","hB"],CH:["H","hB","h"],CI:["H","hB"],CK:["H","h","hb","hB"],CL:["H","h","hB","hb"],CM:["H","h","hB"],CN:["H","hB","hb","h"],CO:["h","H","hB","hb"],CP:["H"],CR:["H","h","hB","hb"],CU:["H","h","hB","hb"],CV:["H","hB"],CW:["H","hB"],CX:["H","h","hb","hB"],CY:["h","H","hb","hB"],CZ:["H"],DE:["H","hB"],DG:["H","h","hb","hB"],DJ:["h","H"],DK:["H"],DM:["h","hb","H","hB"],DO:["h","H","hB","hb"],DZ:["h","hB","hb","H"],EA:["H","h","hB","hb"],EC:["H","hB","h","hb"],EE:["H","hB"],EG:["h","hB","hb","H"],EH:["h","hB","hb","H"],ER:["h","H"],ES:["H","hB","h","hb"],ET:["hB","hb","h","H"],FI:["H"],FJ:["h","hb","H","hB"],FK:["H","h","hb","hB"],FM:["h","hb","H","hB"],FO:["H","h"],FR:["H","hB"],GA:["H","hB"],GB:["H","h","hb","hB"],GD:["h","hb","H","hB"],GE:["H","hB","h"],GF:["H","hB"],GG:["H","h","hb","hB"],GH:["h","H"],GI:["H","h","hb","hB"],GL:["H","h"],GM:["h","hb","H","hB"],GN:["H","hB"],GP:["H","hB"],GQ:["H","hB","h","hb"],GR:["h","H","hb","hB"],GT:["H","h","hB","hb"],GU:["h","hb","H","hB"],GW:["H","hB"],GY:["h","hb","H","hB"],HK:["h","hB","hb","H"],HN:["H","h","hB","hb"],HR:["H","hB"],HU:["H","h"],IC:["H","h","hB","hb"],ID:["H"],IE:["H","h","hb","hB"],IL:["H","hB"],IM:["H","h","hb","hB"],IN:["h","H"],IO:["H","h","hb","hB"],IQ:["h","hB","hb","H"],IR:["hB","H"],IS:["H"],IT:["H","hB"],JE:["H","h","hb","hB"],JM:["h","hb","H","hB"],JO:["h","hB","hb","H"],JP:["H","K","h"],KE:["hB","hb","H","h"],KG:["H","h","hB","hb"],KH:["hB","h","H","hb"],KI:["h","hb","H","hB"],KM:["H","h","hB","hb"],KN:["h","hb","H","hB"],KP:["h","H","hB","hb"],KR:["h","H","hB","hb"],KW:["h","hB","hb","H"],KY:["h","hb","H","hB"],KZ:["H","hB"],LA:["H","hb","hB","h"],LB:["h","hB","hb","H"],LC:["h","hb","H","hB"],LI:["H","hB","h"],LK:["H","h","hB","hb"],LR:["h","hb","H","hB"],LS:["h","H"],LT:["H","h","hb","hB"],LU:["H","h","hB"],LV:["H","hB","hb","h"],LY:["h","hB","hb","H"],MA:["H","h","hB","hb"],MC:["H","hB"],MD:["H","hB"],ME:["H","hB","h"],MF:["H","hB"],MG:["H","h"],MH:["h","hb","H","hB"],MK:["H","h","hb","hB"],ML:["H"],MM:["hB","hb","H","h"],MN:["H","h","hb","hB"],MO:["h","hB","hb","H"],MP:["h","hb","H","hB"],MQ:["H","hB"],MR:["h","hB","hb","H"],MS:["H","h","hb","hB"],MT:["H","h"],MU:["H","h"],MV:["H","h"],MW:["h","hb","H","hB"],MX:["H","h","hB","hb"],MY:["hb","hB","h","H"],MZ:["H","hB"],NA:["h","H","hB","hb"],NC:["H","hB"],NE:["H"],NF:["H","h","hb","hB"],NG:["H","h","hb","hB"],NI:["H","h","hB","hb"],NL:["H","hB"],NO:["H","h"],NP:["H","h","hB"],NR:["H","h","hb","hB"],NU:["H","h","hb","hB"],NZ:["h","hb","H","hB"],OM:["h","hB","hb","H"],PA:["h","H","hB","hb"],PE:["H","hB","h","hb"],PF:["H","h","hB"],PG:["h","H"],PH:["h","hB","hb","H"],PK:["h","hB","H"],PL:["H","h"],PM:["H","hB"],PN:["H","h","hb","hB"],PR:["h","H","hB","hb"],PS:["h","hB","hb","H"],PT:["H","hB"],PW:["h","H"],PY:["H","h","hB","hb"],QA:["h","hB","hb","H"],RE:["H","hB"],RO:["H","hB"],RS:["H","hB","h"],RU:["H"],RW:["H","h"],SA:["h","hB","hb","H"],SB:["h","hb","H","hB"],SC:["H","h","hB"],SD:["h","hB","hb","H"],SE:["H"],SG:["h","hb","H","hB"],SH:["H","h","hb","hB"],SI:["H","hB"],SJ:["H"],SK:["H"],SL:["h","hb","H","hB"],SM:["H","h","hB"],SN:["H","h","hB"],SO:["h","H"],SR:["H","hB"],SS:["h","hb","H","hB"],ST:["H","hB"],SV:["H","h","hB","hb"],SX:["H","h","hb","hB"],SY:["h","hB","hb","H"],SZ:["h","hb","H","hB"],TA:["H","h","hb","hB"],TC:["h","hb","H","hB"],TD:["h","H","hB"],TF:["H","h","hB"],TG:["H","hB"],TH:["H","h"],TJ:["H","h"],TL:["H","hB","hb","h"],TM:["H","h"],TN:["h","hB","hb","H"],TO:["h","H"],TR:["H","hB"],TT:["h","hb","H","hB"],TW:["hB","hb","h","H"],TZ:["hB","hb","H","h"],UA:["H","hB","h"],UG:["hB","hb","H","h"],UM:["h","hb","H","hB"],US:["h","hb","H","hB"],UY:["H","h","hB","hb"],UZ:["H","hB","h"],VA:["H","h","hB"],VC:["h","hb","H","hB"],VE:["h","H","hB","hb"],VG:["h","hb","H","hB"],VI:["h","hb","H","hB"],VN:["H","h"],VU:["h","H"],WF:["H","hB"],WS:["h","H"],XK:["H","hB","h"],YE:["h","hB","hb","H"],YT:["H","hB"],ZA:["H","h","hb","hB"],ZM:["h","hb","H","hB"],ZW:["H","h"],"af-ZA":["H","h","hB","hb"],"ar-001":["h","hB","hb","H"],"ca-ES":["H","h","hB"],"en-001":["h","hb","H","hB"],"es-BO":["H","h","hB","hb"],"es-BR":["H","h","hB","hb"],"es-EC":["H","h","hB","hb"],"es-ES":["H","h","hB","hb"],"es-GQ":["H","h","hB","hb"],"es-PE":["H","h","hB","hb"],"fr-CA":["H","h","hB"],"gl-ES":["H","h","hB"],"gu-IN":["hB","hb","h","H"],"hi-IN":["hB","h","H"],"it-CH":["H","h","hB"],"it-IT":["H","h","hB"],"kn-IN":["hB","h","H"],"ml-IN":["hB","h","H"],"mr-IN":["hB","hb","h","H"],"pa-IN":["hB","hb","h","H"],"ta-IN":["hB","h","hb","H"],"te-IN":["hB","h","H"],"zu-ZA":["H","hB","hb","h"]};function ne(t){var e=t.hourCycle;if(void 0===e&&t.hourCycles&&t.hourCycles.length&&(e=t.hourCycles[0]),e)switch(e){case"h24":return"k";case"h23":return"H";case"h12":return"h";case"h11":return"K";default:throw new Error("Invalid hourCycle")}var i,n=t.language;return"root"!==n&&(i=t.maximize().region),(ie[i||""]||ie[n||""]||ie["".concat(n,"-001")]||ie["001"])[0]}var oe=new RegExp("^".concat(Gt.source,"*")),re=new RegExp("".concat(Gt.source,"*$"));function se(t,e){return{start:t,end:e}}var ae=!!String.prototype.startsWith&&"_a".startsWith("a",1),le=!!String.fromCodePoint,he=!!Object.fromEntries,de=!!String.prototype.codePointAt,ce=!!String.prototype.trimStart,pe=!!String.prototype.trimEnd,ue=Number.isSafeInteger?Number.isSafeInteger:function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t&&Math.abs(t)<=9007199254740991},ge=!0;try{ge="a"===(null===(ee=$e("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu").exec("a"))||void 0===ee?void 0:ee[0])}catch(V){ge=!1}var me,ve=ae?function(t,e,i){return t.startsWith(e,i)}:function(t,e,i){return t.slice(i,i+e.length)===e},fe=le?String.fromCodePoint:function(){for(var t=[],e=0;er;){if((i=t[r++])>1114111)throw RangeError(i+" is not a valid code point");n+=i<65536?String.fromCharCode(i):String.fromCharCode(55296+((i-=65536)>>10),i%1024+56320)}return n},be=he?Object.fromEntries:function(t){for(var e={},i=0,n=t;i=i)){var n,o=t.charCodeAt(e);return o<55296||o>56319||e+1===i||(n=t.charCodeAt(e+1))<56320||n>57343?o:n-56320+(o-55296<<10)+65536}},_e=ce?function(t){return t.trimStart()}:function(t){return t.replace(oe,"")},Ee=pe?function(t){return t.trimEnd()}:function(t){return t.replace(re,"")};function $e(t,e){return new RegExp(t,e)}if(ge){var we=$e("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu");me=function(t,e){var i;return we.lastIndex=e,null!==(i=we.exec(t)[1])&&void 0!==i?i:""}}else me=function(t,e){for(var i=[];;){var n=ye(t,e);if(void 0===n||xe(n)||He(n))break;i.push(n),e+=n>=65536?2:1}return fe.apply(void 0,i)};var Ae=function(){function t(t,e){void 0===e&&(e={}),this.message=t,this.position={offset:0,line:1,column:1},this.ignoreTag=!!e.ignoreTag,this.locale=e.locale,this.requiresOtherClause=!!e.requiresOtherClause,this.shouldParseSkeletons=!!e.shouldParseSkeletons}return t.prototype.parse=function(){if(0!==this.offset())throw Error("parser can only be used once");return this.parseMessage(0,"",!1)},t.prototype.parseMessage=function(t,e,i){for(var n=[];!this.isEOF();){var o=this.char();if(123===o){if((r=this.parseArgument(t,i)).err)return r;n.push(r.val)}else{if(125===o&&t>0)break;if(35!==o||"plural"!==e&&"selectordinal"!==e){if(60===o&&!this.ignoreTag&&47===this.peek()){if(i)break;return this.error(Ht.UNMATCHED_CLOSING_TAG,se(this.clonePosition(),this.clonePosition()))}if(60===o&&!this.ignoreTag&&Be(this.peek()||0)){if((r=this.parseTag(t,e)).err)return r;n.push(r.val)}else{var r;if((r=this.parseLiteral(t,e)).err)return r;n.push(r.val)}}else{var s=this.clonePosition();this.bump(),n.push({type:Tt.pound,location:se(s,this.clonePosition())})}}}return{val:n,err:null}},t.prototype.parseTag=function(t,e){var i=this.clonePosition();this.bump();var n=this.parseTagName();if(this.bumpSpace(),this.bumpIf("/>"))return{val:{type:Tt.literal,value:"<".concat(n,"/>"),location:se(i,this.clonePosition())},err:null};if(this.bumpIf(">")){var o=this.parseMessage(t+1,e,!0);if(o.err)return o;var r=o.val,s=this.clonePosition();if(this.bumpIf("")?{val:{type:Tt.tag,value:n,children:r,location:se(i,this.clonePosition())},err:null}:this.error(Ht.INVALID_TAG,se(s,this.clonePosition())))}return this.error(Ht.UNCLOSED_TAG,se(i,this.clonePosition()))}return this.error(Ht.INVALID_TAG,se(i,this.clonePosition()))},t.prototype.parseTagName=function(){var t=this.offset();for(this.bump();!this.isEOF()&&Se(this.char());)this.bump();return this.message.slice(t,this.offset())},t.prototype.parseLiteral=function(t,e){for(var i=this.clonePosition(),n="";;){var o=this.tryParseQuote(e);if(o)n+=o;else{var r=this.tryParseUnquoted(t,e);if(r)n+=r;else{var s=this.tryParseLeftAngleBracket();if(!s)break;n+=s}}}var a=se(i,this.clonePosition());return{val:{type:Tt.literal,value:n,location:a},err:null}},t.prototype.tryParseLeftAngleBracket=function(){return this.isEOF()||60!==this.char()||!this.ignoreTag&&(Be(t=this.peek()||0)||47===t)?null:(this.bump(),"<");var t},t.prototype.tryParseQuote=function(t){if(this.isEOF()||39!==this.char())return null;switch(this.peek()){case 39:return this.bump(),this.bump(),"'";case 123:case 60:case 62:case 125:break;case 35:if("plural"===t||"selectordinal"===t)break;return null;default:return null}this.bump();var e=[this.char()];for(this.bump();!this.isEOF();){var i=this.char();if(39===i){if(39!==this.peek()){this.bump();break}e.push(39),this.bump()}else e.push(i);this.bump()}return fe.apply(void 0,e)},t.prototype.tryParseUnquoted=function(t,e){if(this.isEOF())return null;var i=this.char();return 60===i||123===i||35===i&&("plural"===e||"selectordinal"===e)||125===i&&t>0?null:(this.bump(),fe(i))},t.prototype.parseArgument=function(t,e){var i=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(Ht.EXPECT_ARGUMENT_CLOSING_BRACE,se(i,this.clonePosition()));if(125===this.char())return this.bump(),this.error(Ht.EMPTY_ARGUMENT,se(i,this.clonePosition()));var n=this.parseIdentifierIfPossible().value;if(!n)return this.error(Ht.MALFORMED_ARGUMENT,se(i,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(Ht.EXPECT_ARGUMENT_CLOSING_BRACE,se(i,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:Tt.argument,value:n,location:se(i,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(Ht.EXPECT_ARGUMENT_CLOSING_BRACE,se(i,this.clonePosition())):this.parseArgumentOptions(t,e,n,i);default:return this.error(Ht.MALFORMED_ARGUMENT,se(i,this.clonePosition()))}},t.prototype.parseIdentifierIfPossible=function(){var t=this.clonePosition(),e=this.offset(),i=me(this.message,e),n=e+i.length;return this.bumpTo(n),{value:i,location:se(t,this.clonePosition())}},t.prototype.parseArgumentOptions=function(t,e,i,n){var r,s=this.clonePosition(),a=this.parseIdentifierIfPossible().value,l=this.clonePosition();switch(a){case"":return this.error(Ht.EXPECT_ARGUMENT_TYPE,se(s,l));case"number":case"date":case"time":this.bumpSpace();var h=null;if(this.bumpIf(",")){this.bumpSpace();var d=this.clonePosition();if((b=this.parseSimpleArgStyleIfPossible()).err)return b;if(0===(g=Ee(b.val)).length)return this.error(Ht.EXPECT_ARGUMENT_STYLE,se(this.clonePosition(),this.clonePosition()));h={style:g,styleLocation:se(d,this.clonePosition())}}if((y=this.tryParseArgumentClose(n)).err)return y;var c=se(n,this.clonePosition());if(h&&ve(null==h?void 0:h.style,"::",0)){var p=_e(h.style.slice(2));if("number"===a)return(b=this.parseNumberSkeletonFromString(p,h.styleLocation)).err?b:{val:{type:Tt.number,value:i,location:c,style:b.val},err:null};if(0===p.length)return this.error(Ht.EXPECT_DATE_TIME_SKELETON,c);var u=p;this.locale&&(u=function(t,e){for(var i="",n=0;n>1),l=ne(e);for("H"!=l&&"k"!=l||(a=0);a-- >0;)i+="a";for(;s-- >0;)i=l+i}else i+="J"===o?"H":o}return i}(p,this.locale));var g={type:Ct.dateTime,pattern:u,location:h.styleLocation,parsedOptions:this.shouldParseSkeletons?Ft(u):{}};return{val:{type:"date"===a?Tt.date:Tt.time,value:i,location:c,style:g},err:null}}return{val:{type:"number"===a?Tt.number:"date"===a?Tt.date:Tt.time,value:i,location:c,style:null!==(r=null==h?void 0:h.style)&&void 0!==r?r:null},err:null};case"plural":case"selectordinal":case"select":var m=this.clonePosition();if(this.bumpSpace(),!this.bumpIf(","))return this.error(Ht.EXPECT_SELECT_ARGUMENT_OPTIONS,se(m,o({},m)));this.bumpSpace();var v=this.parseIdentifierIfPossible(),f=0;if("select"!==a&&"offset"===v.value){if(!this.bumpIf(":"))return this.error(Ht.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,se(this.clonePosition(),this.clonePosition()));var b;if(this.bumpSpace(),(b=this.tryParseDecimalInteger(Ht.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,Ht.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE)).err)return b;this.bumpSpace(),v=this.parseIdentifierIfPossible(),f=b.val}var y,_=this.tryParsePluralOrSelectOptions(t,a,e,v);if(_.err)return _;if((y=this.tryParseArgumentClose(n)).err)return y;var E=se(n,this.clonePosition());return"select"===a?{val:{type:Tt.select,value:i,options:be(_.val),location:E},err:null}:{val:{type:Tt.plural,value:i,options:be(_.val),offset:f,pluralType:"plural"===a?"cardinal":"ordinal",location:E},err:null};default:return this.error(Ht.INVALID_ARGUMENT_TYPE,se(s,l))}},t.prototype.tryParseArgumentClose=function(t){return this.isEOF()||125!==this.char()?this.error(Ht.EXPECT_ARGUMENT_CLOSING_BRACE,se(t,this.clonePosition())):(this.bump(),{val:!0,err:null})},t.prototype.parseSimpleArgStyleIfPossible=function(){for(var t=0,e=this.clonePosition();!this.isEOF();)switch(this.char()){case 39:this.bump();var i=this.clonePosition();if(!this.bumpUntil("'"))return this.error(Ht.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,se(i,this.clonePosition()));this.bump();break;case 123:t+=1,this.bump();break;case 125:if(!(t>0))return{val:this.message.slice(e.offset,this.offset()),err:null};t-=1;break;default:this.bump()}return{val:this.message.slice(e.offset,this.offset()),err:null}},t.prototype.parseNumberSkeletonFromString=function(t,e){var i=[];try{i=function(t){if(0===t.length)throw new Error("Number skeleton cannot be empty");for(var e=t.split(jt).filter((function(t){return t.length>0})),i=[],n=0,o=e;n=48&&s<=57))break;o=!0,r=10*r+(s-48),this.bump()}var a=se(n,this.clonePosition());return o?ue(r*=i)?{val:r,err:null}:this.error(e,a):this.error(t,a)},t.prototype.offset=function(){return this.position.offset},t.prototype.isEOF=function(){return this.offset()===this.message.length},t.prototype.clonePosition=function(){return{offset:this.position.offset,line:this.position.line,column:this.position.column}},t.prototype.char=function(){var t=this.position.offset;if(t>=this.message.length)throw Error("out of bound");var e=ye(this.message,t);if(void 0===e)throw Error("Offset ".concat(t," is at invalid UTF-16 code unit boundary"));return e},t.prototype.error=function(t,e){return{val:null,err:{kind:t,message:this.message,location:e}}},t.prototype.bump=function(){if(!this.isEOF()){var t=this.char();10===t?(this.position.line+=1,this.position.column=1,this.position.offset+=1):(this.position.column+=1,this.position.offset+=t<65536?1:2)}},t.prototype.bumpIf=function(t){if(ve(this.message,t,this.offset())){for(var e=0;e=0?(this.bumpTo(i),!0):(this.bumpTo(this.message.length),!1)},t.prototype.bumpTo=function(t){if(this.offset()>t)throw Error("targetOffset ".concat(t," must be greater than or equal to the current offset ").concat(this.offset()));for(t=Math.min(t,this.message.length);;){var e=this.offset();if(e===t)break;if(e>t)throw Error("targetOffset ".concat(t," is at invalid UTF-16 code unit boundary"));if(this.bump(),this.isEOF())break}},t.prototype.bumpSpace=function(){for(;!this.isEOF()&&xe(this.char());)this.bump()},t.prototype.peek=function(){if(this.isEOF())return null;var t=this.char(),e=this.offset(),i=this.message.charCodeAt(e+(t>=65536?2:1));return null!=i?i:null},t}();function Be(t){return t>=97&&t<=122||t>=65&&t<=90}function Se(t){return 45===t||46===t||t>=48&&t<=57||95===t||t>=97&&t<=122||t>=65&&t<=90||183==t||t>=192&&t<=214||t>=216&&t<=246||t>=248&&t<=893||t>=895&&t<=8191||t>=8204&&t<=8205||t>=8255&&t<=8256||t>=8304&&t<=8591||t>=11264&&t<=12271||t>=12289&&t<=55295||t>=63744&&t<=64975||t>=65008&&t<=65533||t>=65536&&t<=983039}function xe(t){return t>=9&&t<=13||32===t||133===t||t>=8206&&t<=8207||8232===t||8233===t}function He(t){return t>=33&&t<=35||36===t||t>=37&&t<=39||40===t||41===t||42===t||43===t||44===t||45===t||t>=46&&t<=47||t>=58&&t<=59||t>=60&&t<=62||t>=63&&t<=64||91===t||92===t||93===t||94===t||96===t||123===t||124===t||125===t||126===t||161===t||t>=162&&t<=165||166===t||167===t||169===t||171===t||172===t||174===t||176===t||177===t||182===t||187===t||191===t||215===t||247===t||t>=8208&&t<=8213||t>=8214&&t<=8215||8216===t||8217===t||8218===t||t>=8219&&t<=8220||8221===t||8222===t||8223===t||t>=8224&&t<=8231||t>=8240&&t<=8248||8249===t||8250===t||t>=8251&&t<=8254||t>=8257&&t<=8259||8260===t||8261===t||8262===t||t>=8263&&t<=8273||8274===t||8275===t||t>=8277&&t<=8286||t>=8592&&t<=8596||t>=8597&&t<=8601||t>=8602&&t<=8603||t>=8604&&t<=8607||8608===t||t>=8609&&t<=8610||8611===t||t>=8612&&t<=8613||8614===t||t>=8615&&t<=8621||8622===t||t>=8623&&t<=8653||t>=8654&&t<=8655||t>=8656&&t<=8657||8658===t||8659===t||8660===t||t>=8661&&t<=8691||t>=8692&&t<=8959||t>=8960&&t<=8967||8968===t||8969===t||8970===t||8971===t||t>=8972&&t<=8991||t>=8992&&t<=8993||t>=8994&&t<=9e3||9001===t||9002===t||t>=9003&&t<=9083||9084===t||t>=9085&&t<=9114||t>=9115&&t<=9139||t>=9140&&t<=9179||t>=9180&&t<=9185||t>=9186&&t<=9254||t>=9255&&t<=9279||t>=9280&&t<=9290||t>=9291&&t<=9311||t>=9472&&t<=9654||9655===t||t>=9656&&t<=9664||9665===t||t>=9666&&t<=9719||t>=9720&&t<=9727||t>=9728&&t<=9838||9839===t||t>=9840&&t<=10087||10088===t||10089===t||10090===t||10091===t||10092===t||10093===t||10094===t||10095===t||10096===t||10097===t||10098===t||10099===t||10100===t||10101===t||t>=10132&&t<=10175||t>=10176&&t<=10180||10181===t||10182===t||t>=10183&&t<=10213||10214===t||10215===t||10216===t||10217===t||10218===t||10219===t||10220===t||10221===t||10222===t||10223===t||t>=10224&&t<=10239||t>=10240&&t<=10495||t>=10496&&t<=10626||10627===t||10628===t||10629===t||10630===t||10631===t||10632===t||10633===t||10634===t||10635===t||10636===t||10637===t||10638===t||10639===t||10640===t||10641===t||10642===t||10643===t||10644===t||10645===t||10646===t||10647===t||10648===t||t>=10649&&t<=10711||10712===t||10713===t||10714===t||10715===t||t>=10716&&t<=10747||10748===t||10749===t||t>=10750&&t<=11007||t>=11008&&t<=11055||t>=11056&&t<=11076||t>=11077&&t<=11078||t>=11079&&t<=11084||t>=11085&&t<=11123||t>=11124&&t<=11125||t>=11126&&t<=11157||11158===t||t>=11159&&t<=11263||t>=11776&&t<=11777||11778===t||11779===t||11780===t||11781===t||t>=11782&&t<=11784||11785===t||11786===t||11787===t||11788===t||11789===t||t>=11790&&t<=11798||11799===t||t>=11800&&t<=11801||11802===t||11803===t||11804===t||11805===t||t>=11806&&t<=11807||11808===t||11809===t||11810===t||11811===t||11812===t||11813===t||11814===t||11815===t||11816===t||11817===t||t>=11818&&t<=11822||11823===t||t>=11824&&t<=11833||t>=11834&&t<=11835||t>=11836&&t<=11839||11840===t||11841===t||11842===t||t>=11843&&t<=11855||t>=11856&&t<=11857||11858===t||t>=11859&&t<=11903||t>=12289&&t<=12291||12296===t||12297===t||12298===t||12299===t||12300===t||12301===t||12302===t||12303===t||12304===t||12305===t||t>=12306&&t<=12307||12308===t||12309===t||12310===t||12311===t||12312===t||12313===t||12314===t||12315===t||12316===t||12317===t||t>=12318&&t<=12319||12320===t||12336===t||64830===t||64831===t||t>=65093&&t<=65094}function Te(t){t.forEach((function(t){if(delete t.location,Ut(t)||Ot(t))for(var e in t.options)delete t.options[e].location,Te(t.options[e].value);else It(t)&&Dt(t.style)||(Mt(t)||Lt(t))&&zt(t.style)?delete t.style.location:Rt(t)&&Te(t.children)}))}function Ce(t,e){void 0===e&&(e={}),e=o({shouldParseSkeletons:!0,requiresOtherClause:!0},e);var i=new Ae(t,e).parse();if(i.err){var n=SyntaxError(Ht[i.err.kind]);throw n.location=i.err.location,n.originalMessage=i.err.message,n}return(null==e?void 0:e.captureLocation)||Te(i.val),i.val}function Pe(t,e){var i=e&&e.cache?e.cache:Re,n=e&&e.serializer?e.serializer:Ue;return(e&&e.strategy?e.strategy:Le)(t,{cache:i,serializer:n})}function ke(t,e,i,n){var o,r=null==(o=n)||"number"==typeof o||"boolean"==typeof o?n:i(n),s=e.get(r);return void 0===s&&(s=t.call(this,n),e.set(r,s)),s}function Ie(t,e,i){var n=Array.prototype.slice.call(arguments,3),o=i(n),r=e.get(o);return void 0===r&&(r=t.apply(this,n),e.set(o,r)),r}function Me(t,e,i,n,o){return i.bind(e,t,n,o)}function Le(t,e){return Me(t,this,1===t.length?ke:Ie,e.cache.create(),e.serializer)}var Ue=function(){return JSON.stringify(arguments)};function Oe(){this.cache=Object.create(null)}Oe.prototype.get=function(t){return this.cache[t]},Oe.prototype.set=function(t,e){this.cache[t]=e};var Ne,Re={create:function(){return new Oe}},De={variadic:function(t,e){return Me(t,this,Ie,e.cache.create(),e.serializer)},monadic:function(t,e){return Me(t,this,ke,e.cache.create(),e.serializer)}};!function(t){t.MISSING_VALUE="MISSING_VALUE",t.INVALID_VALUE="INVALID_VALUE",t.MISSING_INTL_API="MISSING_INTL_API"}(Ne||(Ne={}));var ze,Ge=function(t){function e(e,i,n){var o=t.call(this,e)||this;return o.code=i,o.originalMessage=n,o}return n(e,t),e.prototype.toString=function(){return"[formatjs Error: ".concat(this.code,"] ").concat(this.message)},e}(Error),Ve=function(t){function e(e,i,n,o){return t.call(this,'Invalid values for "'.concat(e,'": "').concat(i,'". Options are "').concat(Object.keys(n).join('", "'),'"'),Ne.INVALID_VALUE,o)||this}return n(e,t),e}(Ge),Fe=function(t){function e(e,i,n){return t.call(this,'Value for "'.concat(e,'" must be of type ').concat(i),Ne.INVALID_VALUE,n)||this}return n(e,t),e}(Ge),je=function(t){function e(e,i){return t.call(this,'The intl string context variable "'.concat(e,'" was not provided to the string "').concat(i,'"'),Ne.MISSING_VALUE,i)||this}return n(e,t),e}(Ge);function Ze(t){return"function"==typeof t}function Xe(t,e,i,n,o,r,s){if(1===t.length&&Pt(t[0]))return[{type:ze.literal,value:t[0].value}];for(var a=[],l=0,h=t;l0?new Intl.Locale(e[0]):new Intl.Locale("string"==typeof t?t:t[0])}},t.__parse=Ce,t.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"},percent:{style:"percent"}},date:{short:{month:"numeric",day:"numeric",year:"2-digit"},medium:{month:"short",day:"numeric",year:"numeric"},long:{month:"long",day:"numeric",year:"numeric"},full:{weekday:"long",month:"long",day:"numeric",year:"numeric"}},time:{short:{hour:"numeric",minute:"numeric"},medium:{hour:"numeric",minute:"numeric",second:"numeric"},long:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"},full:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"}}},t}();const Ye=Ke;class qe{constructor(){this.lang=Je("lang",document?.documentElement?.getAttribute("lang")),this.dir=Je("dir",document?.documentElement?.getAttribute("dir")),new MutationObserver((()=>{document.dispatchEvent(new CustomEvent("localeChanged",{detail:{lang:this.lang=Je("lang",document.documentElement.lang),dir:this.dir=Je("dir",document.documentElement.dir)}}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}}function Je(t,e){return"lang"===t?e&&e.includes("-")&&e.length>=5?e.toLowerCase():"en-us":"dir"===t?e&&e.match(/^(ltr|rtl)$/i)?e.toLowerCase():"ltr":(console.warn("Invalid validation type!"),"")}const Qe=function(){let t;return function(){return t||(t=new qe),t}}(),ti=(t=>{class e extends t{constructor(){super(...arguments),this.i18nManager=Qe(),this.locChangeHandler=t=>{this.lang=t.detail.lang,this.dir=t.detail.dir,this.requestUpdate()},this.errorHandler=(t,e)=>{if(console.warn(`I18nMixin ${t}: ${e}`),"undefined"!=typeof process&&process?.env?.STORYBOOK&&"ERROR"===t)throw new Error(e)}}connectedCallback(){super.connectedCallback(),this.lang=this.i18nManager?.lang||"en-us",this.dir=this.i18nManager?.dir||"ltr",document.addEventListener("localeChanged",this.locChangeHandler),Object.keys(this.translations||{})?.forEach((t=>{const{dict:e}=this.constructor;e&&Object.keys(e).length||this.errorHandler("ERROR","Found translations but dictionary is not defined"),t in e||this.errorHandler("ERROR",`Translation passed in for wrong or obsolete key: '${t}'`)}))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("localeChanged",this.locChangeHandler)}msg(t,e){if(!t)return"";const i=this.constructor.dict?.[t]||"";if(!this.lang)return i;const{dict:n}=this.constructor;n&&!(t in n)&&this.errorHandler("ERROR",`Invalid key: '${t}'`);let o=this.translations?.[t];return o||(this.translations&&this.errorHandler("WARNING",`Missing translation for key: '${t}'`),o=i),this.format(o,e)}format(t,e){return new Ye(t,this.lang).format(e)}}return e.dict={},r([wt({type:Object,reflect:!1})],e.prototype,"translations",void 0),e})(ut),ei=globalThis,ii=ei.ShadowRoot&&(void 0===ei.ShadyCSS||ei.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ni=Symbol(),oi=new WeakMap;let ri=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==ni)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ii&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=oi.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&oi.set(e,t))}return t}toString(){return this.cssText}};const si=t=>new ri("string"==typeof t?t:t+"",void 0,ni),ai=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,n)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[n+1]),t[0]);return new ri(i,t,ni)},li=ii?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return si(e)})(t):t,{is:hi,defineProperty:di,getOwnPropertyDescriptor:ci,getOwnPropertyNames:pi,getOwnPropertySymbols:ui,getPrototypeOf:gi}=Object,mi=globalThis,vi=mi.trustedTypes,fi=vi?vi.emptyScript:"",bi=mi.reactiveElementPolyfillSupport,yi=(t,e)=>t,_i={toAttribute(t,e){switch(e){case Boolean:t=t?fi:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch{i=null}}return i}},Ei=(t,e)=>!hi(t,e),$i={attribute:!0,type:String,converter:_i,reflect:!1,hasChanged:Ei};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),mi.litPropertyMetadata??(mi.litPropertyMetadata=new WeakMap);class wi extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=$i){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);void 0!==n&&di(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:o}=ci(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return null==n?void 0:n.call(this)},set(e){const r=null==n?void 0:n.call(this);o.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$i}static _$Ei(){if(this.hasOwnProperty(yi("elementProperties")))return;const t=gi(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(yi("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(yi("properties"))){const t=this.properties,e=[...pi(t),...ui(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(li(t))}else void 0!==t&&e.push(li(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(t=this.constructor.l)||t.forEach((t=>t(this)))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),void 0!==this.renderRoot&&this.isConnected&&(null==(e=t.hostConnected)||e.call(t))}removeController(t){var e;null==(e=this._$EO)||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(ii)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),n=ei.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostConnected)?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostDisconnected)?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){var i;const n=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,n);if(void 0!==o&&!0===n.reflect){const r=(void 0!==(null==(i=n.converter)?void 0:i.toAttribute)?n.converter:_i).toAttribute(e,n.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){var i;const n=this.constructor,o=n._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=n.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null==(i=t.converter)?void 0:i.fromAttribute)?t.converter:_i;this._$Em=o,this[o]=r.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??Ei)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostUpdate)?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null==(e=this._$EO)||e.forEach((t=>{var e;return null==(e=t.hostUpdated)?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach((t=>this._$EC(t,this[t])))),this._$EU()}updated(t){}firstUpdated(t){}}wi.elementStyles=[],wi.shadowRootOptions={mode:"open"},wi[yi("elementProperties")]=new Map,wi[yi("finalized")]=new Map,null==bi||bi({ReactiveElement:wi}),(mi.reactiveElementVersions??(mi.reactiveElementVersions=[])).push("2.0.4");const Ai=globalThis,Bi=Ai.trustedTypes,Si=Bi?Bi.createPolicy("lit-html",{createHTML:t=>t}):void 0,xi="$lit$",Hi=`lit$${(Math.random()+"").slice(9)}$`,Ti="?"+Hi,Ci=`<${Ti}>`,Pi=document,ki=()=>Pi.createComment(""),Ii=t=>null===t||"object"!=typeof t&&"function"!=typeof t,Mi=Array.isArray,Li="[ \t\n\f\r]",Ui=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Oi=/-->/g,Ni=/>/g,Ri=RegExp(`>|${Li}(?:([^\\s"'>=/]+)(${Li}*=${Li}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Di=/'/g,zi=/"/g,Gi=/^(?:script|style|textarea|title)$/i,Vi=(t,...e)=>({_$litType$:1,strings:t,values:e}),Fi=Symbol.for("lit-noChange"),ji=Symbol.for("lit-nothing"),Zi=new WeakMap,Xi=Pi.createTreeWalker(Pi,129);function Wi(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Si?Si.createHTML(e):e}class Ki{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let o=0,r=0;const s=t.length-1,a=this.parts,[l,h]=((t,e)=>{const i=t.length-1,n=[];let o,r=2===e?"":"",s=Ui;for(let e=0;e"===l[0]?(s=o??Ui,h=-1):void 0===l[1]?h=-2:(h=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?Ri:'"'===l[3]?zi:Di):s===zi||s===Di?s=Ri:s===Oi||s===Ni?s=Ui:(s=Ri,o=void 0);const c=s===Ri&&t[e+1].startsWith("/>")?" ":"";r+=s===Ui?i+Ci:h>=0?(n.push(a),i.slice(0,h)+xi+i.slice(h)+Hi+c):i+Hi+(-2===h?e:c)}return[Wi(t,r+(t[i]||"")+(2===e?"":"")),n]})(t,e);if(this.el=Ki.createElement(l,i),Xi.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(n=Xi.nextNode())&&a.length0){n.textContent=Bi?Bi.emptyScript:"";for(let i=0;iMi(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==ji&&Ii(this._$AH)?this._$AA.nextSibling.data=t:this.T(Pi.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:n}=t,o="number"==typeof n?this._$AC(t):(void 0===n.el&&(n.el=Ki.createElement(Wi(n.h,n.h[0]),this.options)),n);if((null==(e=this._$AH)?void 0:e._$AD)===o)this._$AH.p(i);else{const t=new qi(o,this),e=t.u(this.options);t.p(i),this.T(e),this._$AH=t}}_$AC(t){let e=Zi.get(t.strings);return void 0===e&&Zi.set(t.strings,e=new Ki(t)),e}k(t){Mi(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const o of t)n===e.length?e.push(i=new Ji(this.S(ki()),this.S(ki()),this,this.options)):i=e[n],i._$AI(o),n++;n2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ji}_$AI(t,e=this,i,n){const o=this.strings;let r=!1;if(void 0===o)t=Yi(this,t,e,0),r=!Ii(t)||t!==this._$AH&&t!==Fi,r&&(this._$AH=t);else{const n=t;let s,a;for(t=o[0],s=0;s{const n=(null==i?void 0:i.renderBefore)??e;let o=n._$litPart$;if(void 0===o){const t=(null==i?void 0:i.renderBefore)??null;n._$litPart$=o=new Ji(e.insertBefore(ki(),t),t,void 0,i??{})}return o._$AI(t),o})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null==(t=this._$Do)||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this._$Do)||t.setConnected(!1)}render(){return Fi}}var an;sn._$litElement$=!0,sn.finalized=!0,null==(an=globalThis.litElementHydrateSupport)||an.call(globalThis,{LitElement:sn});const ln=globalThis.litElementPolyfillSupport;null==ln||ln({LitElement:sn}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");const hn=t=>(e,i)=>{customElements.get(t)?console.warn(`${t} is already defined.`):void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},dn="transparent",cn="0.75rem",pn="#0067b8",un="rgba(0, 0, 0, 0.1)",gn="rgba(0, 103, 184, 0.15)",mn="#0067b8",vn="#fff",fn="#0067b8",bn=ai` :host { display: flex; flex-wrap: wrap; align-items: center; column-gap: var( --ds-link-group-column-gap, var(--ds-spacing-4, ${si("1.5rem")}) ); row-gap: var( --ds-link-group-column-gap, var(--ds-spacing-3, ${si("1rem")}) ); } `;Object.defineProperty,Object.getOwnPropertyDescriptor;let yn=class extends sn{render(){return Vi``}};yn.styles=[bn],yn=((t,e,i,n)=>{for(var o,r=e,s=t.length-1;s>=0;s--)(o=t[s])&&(r=o(r)||r);return r})([hn("moray-link-group")],yn);const _n={attribute:!0,type:String,converter:_i,reflect:!1,hasChanged:Ei},En=(t=_n,e,i)=>{const{kind:n,metadata:o}=i;let r=globalThis.litPropertyMetadata.get(o);if(void 0===r&&globalThis.litPropertyMetadata.set(o,r=new Map),r.set(i.name,t),"accessor"===n){const{name:n}=i;return{set(i){const o=e.get.call(this);e.set.call(this,i),this.requestUpdate(n,o,t)},init(e){return void 0!==e&&this.P(n,void 0,t),e}}}if("setter"===n){const{name:n}=i;return function(i){const o=this[n];e.call(this,i),this.requestUpdate(n,o,t)}}throw Error("Unsupported decorator location: "+n)};function $n(t){return(e,i)=>"object"==typeof i?En(t,e,i):((t,e,i)=>{const n=e.hasOwnProperty(i);return e.constructor.createProperty(i,n?{...t,wrapped:!0}:t),n?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}function wn(t){return $n({...t,state:!0,attribute:!1})}const An=(t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i);function Bn(t){return(e,i)=>{const{slot:n,selector:o}=t??{},r="slot"+(n?`[name=${n}]`:":not([name])");return An(e,i,{get(){var e;const i=null==(e=this.renderRoot)?void 0:e.querySelector(r),n=(null==i?void 0:i.assignedElements(t))??[];return void 0===o?n:n.filter((t=>t.matches(o)))}})}}function Sn(t){return(e,i)=>{const{slot:n}=t??{},o="slot"+(n?`[name=${n}]`:":not([name])");return An(e,i,{get(){var e;const i=null==(e=this.renderRoot)?void 0:e.querySelector(o);return(null==i?void 0:i.assignedNodes(t))??[]}})}}class xn{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const Hn=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends xn{constructor(t){var e;if(super(t),1!==t.type||"class"!==t.name||(null==(e=t.strings)?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,n;if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&(null==(i=this.nt)||!i.has(t))&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const i=!!e[t];i===this.st.has(t)||null!=(n=this.nt)&&n.has(t)||(i?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return Fi}}),Tn=ai`var(--ds-vfi-outline-width, 0.1875rem)`,Cn=ai`var(--ds-vfi-outline-style, dotted)`,Pn=ai`var(--ds-vfi-outline-offset, 0.25rem)`,kn=ai`calc(calc(${Tn} + 0.1875rem) * -1)`,In=(ai`calc(calc(${Tn}) * -1)`,ai`var(--ds-vfi-text-color, currentcolor ${Cn} ${Tn})`),Mn=ai` outline: ${In}; `,Ln=ai` ${Mn} outline-offset: ${kn}; `,Un=ai` ${Mn} outline-offset: ${Pn}; `,On="action-trigger",Nn="button",Rn="button--faint",Dn="button--outline",zn="button--link",Gn="small",Vn="medium",Fn="large",jn={gap:"0.4375em",fontWeight:"600",borderWidth:"0.125rem",borderColor:dn,borderRadius:"0.25rem",backgroundColor:pn,color:vn,depth:"0 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(0, 0, 0, 0.12)",hoverBorderColor:dn,hoverBackgroundColor:pn,hoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-strong-hover, ${un}), var(--ds-theme-background-accent-strong-hover, ${un}))`,hoverColor:vn,hoverDepth:"0 0 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0 0.25rem 0 rgba(0, 0, 0, 0.12)",disabledOpacity:"0.3",defaultPaddingBlockEnd:"0.625rem",defaultPaddingBlockStart:"0.625rem",defaultPaddingInlineEnd:cn,defaultPaddingInlineStart:cn,defaultFontSize:"1rem",smallPaddingBlockEnd:"0.5625rem",smallPaddingBlockStart:"0.5625rem",smallPaddingInlineEnd:cn,smallPaddingInlineStart:cn,smallFontSize:"0.875rem",mediumPaddingBlockEnd:"0.625rem",mediumPaddingBlockStart:"0.625rem",mediumPaddingInlineEnd:cn,mediumPaddingInlineStart:cn,mediumFontSize:"1rem",largePaddingBlockEnd:"0.8125rem",largePaddingBlockStart:"0.8125rem",largePaddingInlineEnd:cn,largePaddingInlineStart:cn,largeFontSize:"1.125rem",pillBorderRadius:"60rem",outlineBorderColor:"currentcolor",outlineBackgroundColor:dn,outlineColor:fn,outlineHoverBorderColor:"currentcolor",outlineHoverBackgroundColor:dn,outlineHoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${gn}), var(--ds-theme-background-accent-subtle-normal, ${gn}))`,outlineHoverColor:fn,faintBorderColor:dn,faintBackgroundColor:dn,faintBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${gn}), var(--ds-theme-background-accent-subtle-normal, ${gn}))`,faintColor:fn,faintHoverBorderColor:dn,faintHoverBackgroundColor:dn,faintHoverBackgroundImage:"none",faintHoverColor:fn,linkColor:fn,linkInactiveColor:"#757575",activeBorderColor:"#0067b8",activeBackgroundColor:"#fff",activeBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${gn}), var(--ds-theme-background-accent-subtle-normal, ${gn}))`,activeColor:fn,outlineActiveBorderColor:dn,outlineActiveBackgroundColor:mn,outlineActiveBackgroundImage:"none",outlineActiveColor:vn,faintActiveBorderColor:dn,faintActiveBackgroundColor:mn,faintActiveBackgroundImage:"none",faintActiveColor:vn},Zn=ai` /** * Remove the default 'border-radius' that macOS Chrome adds * Details at https://github.com/twbs/bootstrap/issues/24093 */ border-radius: 0; font-family: inherit; font-size: inherit; line-height: inherit; display: inline-flex; align-items: center; border: 0 solid transparent; cursor: pointer; `,Xn=ai` :host([appearance^='${si(Nn)}']) a, :host([appearance^='${si(Nn)}']) button { justify-content: center; gap: var(--ds-button-gap, ${si(jn.gap)}); font-weight: var(--ds-button-font-weight, ${si(jn.fontWeight)}); border-width: var(--ds-button-border-width, ${si(jn.borderWidth)}); border-color: var( --ds-button-border-color, var(--ds-color-transparent, ${si(jn.borderColor)}) ); border-radius: var( --ds-button-border-radius, var(--ds-radii-10, ${si(jn.borderRadius)}) ); background-color: var( --ds-button-background-color, var( --ds-theme-background-accent-strong-normal, ${si(jn.backgroundColor)} ) ); color: var( --ds-button-color, var(--ds-theme-foreground-accent-strong-normal, ${si(jn.color)}) ); text-decoration: none; line-height: 1; padding-inline-end: var( --ds-button-default-padding-inline-end, ${si(jn.defaultPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-default-padding-inline-start, ${si(jn.defaultPaddingInlineEnd)} ); padding-block-end: var( --ds-button-default-padding-block-end, ${si(jn.defaultPaddingBlockEnd)} ); padding-block-start: var( --ds-button-default-padding-block-start, ${si(jn.defaultPaddingBlockStart)} ); font-size: var( --ds-button-default-font-size, ${si(jn.defaultFontSize)} ); box-shadow: var( --ds-button-box-shadow, var(--ds-depth-none, ${si(jn.depth)}) ); } :host([appearance^='${si(Nn)}']) a:focus, :host([appearance^='${si(Nn)}']) button:focus { ${Ln} } :host([appearance^='${si(Nn)}']:not([disabled])) a:hover, :host([appearance^='${si(Nn)}']:not([disabled])) button:hover, :host([appearance^='${si(Nn)}']:not([disabled])) a:focus, :host([appearance^='${si(Nn)}']:not([disabled])) button:focus { border-color: var( --ds-button-hover-border-color, var(--ds-color-transparent, ${si(jn.hoverBorderColor)}) ); background-color: var( --ds-button-hover-background-color, var( --ds-theme-background-accent-strong-normal, ${si(jn.hoverBackgroundColor)} ) ); background-image: var( --ds-button-hover-background-image, ${si(jn.hoverBackgroundImage)} ); color: var( --ds-button-hover-color, var( --ds-theme-foreground-accent-strong-normal, ${si(jn.hoverColor)} ) ); box-shadow: var( --ds-button-hover-box-shadow, var(--ds-depth-4, ${si(jn.hoverDepth)}) ); } /* TODO: button only styles (do not apply to anchor styled buttons) * - inactive * - disabled * - link button * - active */ /* ------- Button disabled -------- */ :host([appearance^='${si(Nn)}'][disabled]) button { opacity: var(--ds-button-disabled-opacity, ${si(jn.disabledOpacity)}); background-image: none; box-shadow: none; } /* ------- Button active -------- */ :host([appearance='${si(Nn)}'][active]:not([disabled])) button { border-color: var( --ds-button-active-border-color, var( --ds-theme-border-accent-strong-normal, ${si(jn.activeBorderColor)} ) ); background-color: var( --ds-button-active-background-color, var( --ds-theme-background-neutral-fade, ${si(jn.activeBackgroundColor)} ) ); background-image: var( --ds-button-active-background-image, ${si(jn.activeBackgroundImage)} ); color: var( --ds-button-active-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(jn.activeColor)} ) ); } /* ------- Button active HCM -------- */ :host( [appearance^='${si(Nn)}']:not( [appearance='${si(zn)}'] )[active]:not([disabled]) ) button { @media (forced-colors: active) { color: CanvasText; background-color: SelectedItem; } } /* ------- Button small -------- */ :host( [appearance^='${si(Nn)}'][size='${si(Gn)}'] ) a, :host( [appearance^='${si(Nn)}'][size='${si(Gn)}'] ) button { padding-inline-end: var( --ds-button-small-padding-inline-end, ${si(jn.smallPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-small-padding-inline-start, ${si(jn.smallPaddingInlineEnd)} ); padding-block-end: var( --ds-button-small-padding-block-end, ${si(jn.smallPaddingBlockEnd)} ); padding-block-start: var( --ds-button-small-padding-block-end, ${si(jn.smallPaddingBlockEnd)} ); font-size: var(--ds-button-small-font-size, ${si(jn.smallFontSize)}); } /* ------- Button medium -------- */ :host( [appearance^='${si(Nn)}'][size='${si(Vn)}'] ) a, :host( [appearance^='${si(Nn)}'][size='${si(Vn)}'] ) button { padding-inline-end: var( --ds-button-medium-padding-inline-end, ${si(jn.mediumPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-medium-padding-inline-start, ${si(jn.mediumPaddingInlineEnd)} ); padding-block-end: var( --ds-button-medium-padding-block-end, ${si(jn.mediumPaddingBlockEnd)} ); padding-block-start: var( --ds-button-medium-padding-block-end, ${si(jn.mediumPaddingBlockEnd)} ); font-size: var( --ds-button-medium-font-size, ${si(jn.mediumFontSize)} ); } /* ------- Button large -------- */ :host( [appearance^='${si(Nn)}'][size='${si(Fn)}'] ) a, :host( [appearance^='${si(Nn)}'][size='${si(Fn)}'] ) button { padding-inline-end: var( --ds-button-large-padding-inline-end, ${si(jn.largePaddingInlineEnd)} ); padding-inline-start: var( --ds-button-large-padding-inline-start, ${si(jn.largePaddingInlineEnd)} ); padding-block-end: var( --ds-button-large-padding-block-end, ${si(jn.largePaddingBlockEnd)} ); padding-block-start: var( --ds-button-large-padding-block-end, ${si(jn.largePaddingBlockEnd)} ); font-size: var(--ds-button-large-font-size, ${si(jn.largeFontSize)}); } /* ------- Button block -------- */ :host([appearance^='${si(Nn)}'][block]) a, :host([appearance^='${si(Nn)}'][block]) button { display: flex; width: 100%; } /* ------- Button pill -------- */ :host([appearance^='${si(Nn)}'][pill]) a, :host([appearance^='${si(Nn)}'][pill]) button { border-radius: var( --ds-button-pill-border-radius, var(--ds-radii-pill, ${si(jn.pillBorderRadius)}) ); } /* ------- Button outline -------- */ :host([appearance^='${si(Dn)}']) a, :host([appearance^='${si(Dn)}']) button { background-color: var( --ds-button-outline-background-color, var(--ds-color-transparent, ${si(jn.outlineBackgroundColor)}) ); color: var( --ds-button-outline-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(jn.outlineColor)} ) ); border-color: var( --ds-button-outline-border-color, ${si(jn.outlineBorderColor)} ); } :host([appearance^='${si(Dn)}']:not([disabled])) a:hover, :host([appearance^='${si(Dn)}']:not([disabled])) button:hover, :host([appearance^='${si(Dn)}']:not([disabled])) a:focus, :host([appearance^='${si(Dn)}']:not([disabled])) button:focus { border-color: var( --ds-button-outline-hover-border-color, ${si(jn.outlineHoverBorderColor)} ); background-color: var( --ds-button-outline-hover-background-color, var(--ds-color-transparent, ${si(jn.outlineHoverBackgroundColor)}) ); background-image: var( --ds-button-outline-hover-background-image, ${si(jn.outlineHoverBackgroundImage)} ); color: var( --ds-button-outline-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(jn.outlineHoverColor)} ) ); box-shadow: none; } /* ------- Button outline active -------- */ :host([appearance^='${si(Dn)}'][active]) button, :host([appearance^='${si(Dn)}'][active]) button:focus, :host([appearance^='${si(Dn)}'][active]) button:hover { color: var( --ds-button-outline-active-color, var( --ds-theme-foreground-accent-strong-normal, ${si(jn.outlineActiveColor)} ) ); border-color: var( --ds-button-outline-active-border-color, ${si(jn.outlineActiveBorderColor)} ); background-color: var( --ds-button-outline-active-background-color, var( --ds-theme-background-base-color, ${si(jn.outlineActiveBackgroundColor)} ) ); background-image: var( --ds-button-outline-active-background-image, ${si(jn.outlineActiveBackgroundImage)} ); } /* ------- Button faint -------- */ :host([appearance^='${si(Rn)}']) a, :host([appearance^='${si(Rn)}']) button { background-color: var( --ds-button-faint-background-color, var(--ds-color-transparent, ${si(jn.faintBackgroundColor)}) ); background-image: var( --ds-button-faint-background-image, ${si(jn.faintBackgroundImage)} ); color: var( --ds-button-faint-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(jn.faintColor)} ) ); border-color: var( --ds-button-faint-border-color, var(--ds-color-transparent, ${si(jn.faintBorderColor)}) ); } :host([appearance^='${si(Rn)}']:not([disabled])) a:hover, :host([appearance^='${si(Rn)}']:not([disabled])) button:hover, :host([appearance^='${si(Rn)}']:not([disabled])) a:focus, :host([appearance^='${si(Rn)}']:not([disabled])) button:focus { border-color: var( --ds-button-faint-hover-border-color, var(--ds-color-transparent, ${si(jn.faintHoverBorderColor)}) ); background-color: var( --ds-button-faint-hover-background-color, var(--ds-color-transparent, ${si(jn.faintHoverBackgroundColor)}) ); background-image: var( --ds-button-faint-hover-background-image, ${si(jn.faintHoverBackgroundImage)} ); color: var( --ds-button-faint-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(jn.faintHoverColor)} ) ); } /* ------- Button faint active -------- */ :host([appearance^='${si(Rn)}'][active]) button, :host([appearance^='${si(Rn)}'][active]) button:focus, :host([appearance^='${si(Rn)}'][active]) button:hover { color: var( --ds-button-faint-active-color, var( --ds-theme-foreground-accent-strong-normal, ${si(jn.faintActiveColor)} ) ); border-color: var( --ds-button-faint-active-border-color, var(--ds-color-transparent, ${si(jn.faintActiveBorderColor)}) ); background-color: var( --ds-button-faint-active-background-color, var( --ds-theme-background-base-color, ${si(jn.faintActiveBackgroundColor)} ) ); background-image: var( --ds-button-faint-active-background-image, ${si(jn.faintActiveBackgroundImage)} ); } /* ------- Button link -------- */ :host([appearance^='${si(zn)}']) button, :host([appearance^='${si(zn)}']:not([disabled])) button:hover, :host([appearance^='${si(zn)}']:not([disabled])) button:focus { border: none; background: transparent; border-radius: 0; color: var( --ds-button-link-color, var(--ds-theme-foreground-accent-subtle-normal, ${si(jn.linkColor)}) ); text-decoration: underline; box-shadow: none; } :host([appearance^='${si(zn)}'][inactive]) button, :host([appearance^='${si(zn)}'][inactive]:not([disabled])) button:hover, :host([appearance^='${si(zn)}'][inactive]:not([disabled])) button:focus { opacity: 1; text-decoration: none; color: var( --ds-button-link-inactive-color, var(--ds-color-gray-500, ${si(jn.linkInactiveColor)}) ); cursor: default; } `,Wn=new Set,Kn=new MutationObserver((function(){Yn=document.documentElement.dir||"ltr",qn=document.documentElement.lang||navigator.language,[...Wn.keys()].forEach((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}));let Yn=document.documentElement.dir||"ltr",qn=document.documentElement.lang||navigator.language;Kn.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});class Jn{constructor(t){this._host=t,this._host.addController(this)}hostConnected(){Wn.add(this._host)}hostDisconnected(){Wn.delete(this._host)}dir(){return`${this._host.dir||Yn}`.toLowerCase()}lang(){return`${this._host.lang||qn}`.toLowerCase()}}const Qn="medium",to=t=>t??ji;var eo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,no=(t,e,i,n)=>{for(var o,r=n>1?void 0:n?io(e,i):e,s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n?o(e,i,r):o(r))||r);return n&&r&&eo(e,i,r),r};const oo=t=>{class e extends t{constructor(){super(...arguments),this.ariaDisabled=null,this.ariaExpanded=null}renderAnchor(t,e,i="base"){const n={...e};return Vi` ${t} `}}return no([$n({attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),no([$n({attribute:"aria-expanded"})],e.prototype,"ariaExpanded",2),no([$n()],e.prototype,"download",2),no([$n()],e.prototype,"href",2),no([$n()],e.prototype,"hreflang",2),no([$n()],e.prototype,"ping",2),no([$n()],e.prototype,"referrerpolicy",2),no([$n()],e.prototype,"rel",2),no([$n()],e.prototype,"target",2),no([$n()],e.prototype,"type",2),e},ro=t=>ai` ${si(`transition: ${t};`)} @media (prefers-reduced-motion: reduce) { transition: none; } `,so=(ai` ${ro("var(--ds-transition-fade, opacity 0.15s linear)")} `,"0"),ao=fn,lo=ai` :host([appearance^='${si(On)}']) a, :host([appearance^='${si(On)}']) button { border: none; padding-block: var( --ds-action-trigger-padding-block, ${si(so)} ); padding-inline: var( --ds-action-trigger-padding-inline, ${si("0")} ); background: transparent; gap: var(--ds-action-trigger-gap, ${si("0.4375em")}); font-weight: var( --ds-action-trigger-font-weight, ${si("600")} ); font-size: var( --ds-action-trigger-font-size, ${si("1rem")} ); color: var( --ds-action-trigger-color, var( --ds-theme-foreground-accent-subtle-normal, ${si(ao)} ) ); text-decoration: underline; } :host([appearance^='${si(On)}']) a:focus, :host([appearance^='${si(On)}']) button:focus { ${Un} } /* TODO: disabled and inactive styles for button only, they should not apply to anchors */ :host([appearance^='${si(On)}']) a.action-trigger--no-underline, :host([appearance^='${si(On)}']) button.action-trigger--no-underline { text-decoration: none; } :host([appearance^='${si(On)}'][disabled]) button { opacity: var( --ds-action-trigger-disabled-opacity, ${si("0.3")} ); background-image: none; box-shadow: none; } :host([appearance='${si(On)}'].inactive) button { color: var( --ds-action-trigger-inactive-color, ${si("#757575")} ); text-decoration: none; } `,ho="1em",co="0.8125em",po="1em",uo="1.25em",go="1.5em",mo=ai` :host { display: inline-block; width: var(--ds-icon-size-default, ${si(ho)}); min-width: var(--ds-icon-size-default, ${si(ho)}); height: var(--ds-icon-size-default, ${si(ho)}); min-height: var(--ds-icon-size-default, ${si(ho)}); box-sizing: content-box; } :host([size='xsmall']) { width: var(--ds-icon-size-xsmall, ${si(co)}); min-width: var(--ds-icon-size-xsmall, ${si(co)}); height: var(--ds-icon-size-xsmall, ${si(co)}); min-height: var(--ds-icon-size-xsmall, ${si(co)}); } :host([size='small']) { width: var(--ds-icon-size-small, ${si(po)}); min-width: var(--ds-icon-size-small, ${si(po)}); height: var(--ds-icon-size-small, ${si(po)}); min-height: var(--ds-icon-size-small, ${si(po)}); } :host([size='medium']) { width: var(--ds-icon-size-medium, ${si(uo)}); min-width: var(--ds-icon-size-medium, ${si(uo)}); height: var(--ds-icon-size-medium, ${si(uo)}); min-height: var(--ds-icon-size-medium, ${si(uo)}); } :host([size='large']) { width: var(--ds-icon-size-large, ${si(go)}); min-width: var(--ds-icon-size-large, ${si(go)}); height: var(--ds-icon-size-large, ${si(go)}); min-height: var(--ds-icon-size-large, ${si(go)}); } svg, ::slotted(svg) { display: block; height: 100%; width: 100%; fill: currentColor; } `,vo=Object.assign({"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_regular.svg":''}),fo=Object.keys(vo);var bo=Object.defineProperty,yo=Object.getOwnPropertyDescriptor,_o=(t,e,i,n)=>{for(var o,r=n>1?void 0:n?yo(e,i):e,s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n?o(e,i,r):o(r))||r);return n&&r&&bo(e,i,r),r};let Eo=class extends sn{constructor(){super(...arguments),this.filled=!1,this.ariaLabel=null}updated(t){t.has("ariaLabel")&&this._setAriaAttrs(),t.has("icon")&&this.setIcon()}setIcon(){var t;if(this._slotContents&&0===this._slotContents.length&&this.icon){const e=(({name:t="",filled:e})=>{const i=`../../../../../../node_modules/@fluentui/svg-icons/icons/${t.replace("-","_").toLowerCase()}_24_${e?"filled":"regular"}.svg`;return((t="")=>fo.includes(t))(i)?vo[i]:""})({name:this.icon,filled:this.filled}),i=e&&(new DOMParser).parseFromString(e,"text/html"),n=i&&i.body.querySelector("svg");n&&(this.removeIcon(),null==(t=this.shadowRoot)||t.append(n))}}removeIcon(){var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector("svg");null==e||e.remove()}_setAriaAttrs(){this.ariaLabel?(this.setAttribute("role","img"),this.removeAttribute("aria-hidden")):(this.setAttribute("aria-hidden","true"),this.removeAttribute("role"))}render(){return Vi` `}};Eo.styles=[mo],_o([$n()],Eo.prototype,"icon",2),_o([$n()],Eo.prototype,"size",2),_o([$n({type:Boolean})],Eo.prototype,"filled",2),_o([$n({attribute:"aria-label"})],Eo.prototype,"ariaLabel",2),_o([Bn()],Eo.prototype,"_slotContents",2),Eo=_o([hn("moray-icon")],Eo);const $o="cta",wo="cta--reverse",Ao=fn,Bo="0.25em",So=ai` /* Basic links */ a { ${Zn} gap: var(--ds-anchor-gap, ${si("0.375rem")}); color: var( --ds-anchor-color, var(--ds-theme-foreground-accent-subtle-normal, ${si(Ao)}) ); } a[href]:focus { ${Mn} outline-offset: 1px; /* Webkit browser default */ } .first, .last { display: inline-flex; } /* CTA and CTA reverse */ :host([appearance^='${si($o)}']) a { text-decoration: none; font-weight: var(--ds-cta-font-weight, ${si("600")}); } :host([appearance='${si($o)}']) moray-icon:not(.rtl), :host([appearance='${si(wo)}']) moray-icon.rtl { transform: translateX( calc(var(--ds-cta-translate-x, ${si(Bo)}) * -1) ); } :host([appearance='${si($o)}']) moray-icon.rtl, :host([appearance='${si(wo)}']) moray-icon:not(.rtl) { transform: translateX(var(--ds-cta-translate-x, ${si(Bo)})); } :host([appearance^='${si($o)}']) a:hover, :host([appearance^='${si($o)}']) a:focus { text-decoration: underline; } :host([appearance^='${si($o)}']) a:hover moray-icon, :host([appearance^='${si($o)}']) a:focus moray-icon { transform: translateX(0); ${ro(`var(--ds-cta-transition, ${si("transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)")})`)} } /* Action trigger */ ${lo} /* Button */ ${Xn} `;var xo=Object.defineProperty,Ho=Object.getOwnPropertyDescriptor,To=(t,e,i,n)=>{for(var o,r=n>1?void 0:n?Ho(e,i):e,s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n?o(e,i,r):o(r))||r);return n&&r&&xo(e,i,r),r};let Co=class extends(oo(sn)){constructor(){super(...arguments),this.localize=new Jn(this),this.block=!1,this.pill=!1,this._firstSlotEmpty=!0,this._lastSlotEmpty=!0,this._slottedImgIcon=!1}_handleSlotChange(){this._firstSlotEmpty=0===this._firstSlot.length,this._lastSlotEmpty=0===this._lastSlot.length,this._slottedImgIcon=this._checkSlotsForImgIcon()}_checkSlotsForImgIcon(){return[...this._defaultSlot,...this._firstSlot,...this._lastSlot].some((t=>"img"===t.nodeName.toLowerCase()||"moray-icon"===t.nodeName.toLowerCase()))}render(){const t="rtl"===this.localize.dir(),e={rtl:t};let i=Vi``,n=Vi``;this.appearance===$o?n=Vi` `:this.appearance===wo&&(i=Vi` `);const o={"action-trigger--no-underline":this.appearance===On&&this._slottedImgIcon};return this.renderAnchor(Vi` ${i} ${n} `,o)}};Co.styles=So,To([$n({reflect:!0})],Co.prototype,"appearance",2),To([$n({type:Boolean,reflect:!0})],Co.prototype,"block",2),To([$n({type:Boolean,reflect:!0})],Co.prototype,"pill",2),To([$n({reflect:!0})],Co.prototype,"size",2),To([Bn()],Co.prototype,"_defaultSlot",2),To([Sn({slot:"first"})],Co.prototype,"_firstSlot",2),To([Sn({slot:"last"})],Co.prototype,"_lastSlot",2),To([wn()],Co.prototype,"_firstSlotEmpty",2),To([wn()],Co.prototype,"_lastSlotEmpty",2),To([wn()],Co.prototype,"_slottedImgIcon",2),Co=To([hn("moray-anchor")],Co);let Po=class extends ti{constructor(){super(...arguments),this.appearance="",this.noAnimation=!0===window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.headingMarginBottom="",this.hideHeadingText="",this.headingDisplaySize="",this.headingSize="",this.eyeBrowDisplaySize="",this.eyeBrowSize="",this.eyebrowMarginBottom="",this.desktopVideoUrl="",this.desktopImageUrl="",this.desktopImageAltText="",this.desktopImageTransparent="",this.tabletVideoUrl="",this.tabletImageUrl="",this.tabletImageAltText="",this.tabletImageTransparent="",this.mobileVideoUrl="",this.mobileImageUrl="",this.mobileImageAltText="",this.mobileImageTransparent="",this.hideVideoControls=!1,this.theme="",this.linearGradient="",this.bgColorCode="",this.descriptionMarginBottom="",this.wordmarkImageUrl="",this.wordmarkImageAlt="",this.assetsBelowText=!1,this.textBackgroundColor="",this.playVideoOnMediaPlayer=!1,this.isMobileView=window.matchMedia("(max-width: 539px)").matches,this.isTabletView=window.matchMedia("(max-width: 1083px)").matches}firstUpdated(){this.hideVideoControls&&this.playPauseContainer?.setAttribute("hidden","true"),!window.matchMedia("(min-width: 1084px)").matches||null!=this.desktopVideoUrl&&""!=this.desktopVideoUrl||(this.showEndState(),this.playAnimationToggleOn()),!window.matchMedia("(min-width: 540px) and (max-width: 1083px)").matches||null!=this.tabletVideoUrl&&""!=this.tabletVideoUrl||(this.showEndState(),this.playAnimationToggleOn()),!window.matchMedia("(max-width: 539px)").matches||null!=this.mobileVideoUrl&&""!=this.mobileVideoUrl||(this.showEndState(),this.playAnimationToggleOn()),this.videoElement&&this.videoElement.addEventListener("ended",(()=>{this.showEndState()})),document.addEventListener("AEM_ANIMATION_ENABLED",(t=>{t.detail?(this.playAnimationToggleOn(),this.videoElement?.play()):this.playAnimationToggleOff()}))}handleAnimation(){this.noAnimation?this.playAnimationToggleOff():this.playAnimationToggleOn()}updated(){this.videoElement?.played.length<1&&this.handleAnimation()}showEndState(){this.headingContent&&(this.headingContent.removeAttribute("hidden"),this.playVideoOnMediaPlayer||(this.pauseButton.style.display="none",this.playButton.style.display=this.hideVideoControls?"none":"flex"))}playAnimationToggleOff(){this.plpHeroHeading&&this.plpHeroHeading.classList.remove("lineup-animation"),this.plpHeroDescription&&this.plpHeroDescription.classList.remove("lineup-animation"),this.plpHeroLinkText&&this.plpHeroLinkText.classList.remove("fade-in"),this.plpHeroButtons&&this.plpHeroButtons.classList.remove("fade-in"),this.headingContent&&this.headingContent.removeAttribute("hidden"),this.playVideoOnMediaPlayer?(this.playPauseContainer&&this.playPauseContainer.setAttribute("hidden","true"),this.videoDivElement&&this.videoDivElement.removeAttribute("hidden")):(this.imageDivElement&&this.imageDivElement.removeAttribute("hidden"),this.videoDivElement&&this.videoDivElement.setAttribute("hidden","true")),this.playButton&&(this.playButton.style.display="flex",this.pauseButton.style.display="none")}playAnimationToggleOn(){this.plpHeroHeading&&this.plpHeroHeading.classList.add("lineup-animation"),this.plpHeroDescription&&this.plpHeroDescription.classList.add("lineup-animation"),this.plpHeroLinkText&&this.plpHeroLinkText.classList.add("fade-in"),this.plpHeroButtons&&this.plpHeroButtons.classList.add("fade-in"),this.videoDivElement&&this.videoDivElement.removeAttribute("hidden"),this.headingContent&&this.headingContent.removeAttribute("hidden"),this.playPauseContainer&&this.playPauseContainer.removeAttribute("hidden"),this.videoDivElement&&this.videoDivElement.children.length<1&&this.playPauseContainer.setAttribute("hidden","true"),this.imageDivElement&&(this.videoDivElement&&this.videoDivElement.children.length<1?this.imageDivElement.removeAttribute("hidden"):this.imageDivElement.setAttribute("hidden","true")),this.playButton&&(this.playButton.style.display="none",this.pauseButton.style.display="flex")}render(){return _t`
${this.wordmarkImageAlt}

${this.renderTitle()}

${this.renderHeading()}
${this.renderDescription()}
${this.renderVideo()}
`}playORPause(){this.videoElement?.paused?("true"==this.videoDivElement.getAttribute("hidden")&&(this.videoDivElement.removeAttribute("hidden"),this.imageDivElement.setAttribute("hidden","true")),this.videoElement.play(),this.playButton.style.display="none",this.pauseButton.style.display="flex"):(this.videoElement.pause(),this.playButton.style.display="flex",this.pauseButton.style.display="none"),(this.hideVideoControls||this.videoDivElement&&this.videoDivElement.children.length<1)&&this.playPauseContainer.setAttribute("hidden","true"),this.videoDivElement&&this.videoDivElement.children.length>0&&!this.hideVideoControls&&this.playPauseContainer.removeAttribute("hidden")}connectedCallback(){super.connectedCallback();let t=window.innerWidth;window.addEventListener("resize",(()=>{const e=window.innerWidth;t!=e&&(t=e,this.checkDeviceView(),this.showEndState(),this.playVideoOnMediaPlayer&&(this.imageDivElement&&this.imageDivElement.setAttribute("hidden","true"),this.videoDivElement&&this.videoDivElement.removeAttribute("hidden")),this.videoElement&&this.videoElement.load(),this.playORPause())})),this.checkDeviceView()}disconnectedCallback(){window.removeEventListener("resize",this.checkDeviceView),super.disconnectedCallback()}checkDeviceView(){let t,e="",i="";return null!=this.desktopVideoUrl&&""!=this.desktopVideoUrl&&null!=this.desktopVideoUrl||this.plpHeroContainer&&this.plpHeroContainer.classList.add("hide-desk"),null!=this.tabletVideoUrl&&""!=this.tabletVideoUrl&&null!=this.tabletVideoUrl||this.plpHeroContainer&&this.plpHeroContainer.classList.add("hide-tab"),null!=this.mobileVideoUrl&&""!=this.mobileVideoUrl&&null!=this.mobileVideoUrl||this.plpHeroContainer&&this.plpHeroContainer.classList.add("hide-mob"),window.matchMedia("(max-width: 539px)").matches?(this.isMobileView=!0,this.isTabletView=!1,t=this.mobileVideoUrl,e=this.mobileImageTransparent?this.mobileImageUrl+"?"+this.mobileImageTransparent:this.mobileImageUrl,i="mobile"):window.matchMedia("(min-width: 540px) and (max-width: 1083px)").matches?(this.isMobileView=!1,this.isTabletView=!0,t=this.tabletVideoUrl,e=this.tabletImageTransparent?this.tabletImageUrl+"?"+this.tabletImageTransparent:this.tabletImageUrl,i="tablet"):(this.isMobileView=!1,this.isTabletView=!1,t=this.desktopVideoUrl,e=this.desktopImageTransparent?this.desktopImageUrl+"?"+this.desktopImageTransparent:this.desktopImageUrl,i="desktop"),{videoUrl:t,imageUrl:e,device:i}}renderVideo(){const t=this.checkDeviceView();if(null!=t.videoUrl&&""!=t.videoUrl&&null!=t.videoUrl||null==this.videoElement||this.playPauseContainer.setAttribute("hidden","true"),t.videoUrl){if(!this.playVideoOnMediaPlayer)return _t``;if("desktop"==t.device)return _t` `;if("tablet"==t.device)return _t` `;if("mobile"==t.device)return _t` `}return this.firstUpdated(),J}renderTitle(){return _t`<${ft(this.eyeBrowSize)} class="${this.eyeBrowDisplaySize?this.eyeBrowDisplaySize:""} ${this.eyebrowMarginBottom}"> `}renderHeading(){return _t`<${ft(this.headingSize)} class="${this.headingMarginBottom} ${this.hideHeadingText} ${this.headingDisplaySize?this.headingDisplaySize:""} lineup-animation" id="plp-hero-heading"> `}renderDescription(){return _t`

`}};return Po.dict={Play:"Play",Pause:"Pause"},Po.styles=xt,r([wt()],Po.prototype,"appearance",void 0),r([wt({attribute:"no-animation",type:Boolean})],Po.prototype,"noAnimation",void 0),r([wt({attribute:"heading-margin-bottom"})],Po.prototype,"headingMarginBottom",void 0),r([wt({attribute:"hide-heading-text"})],Po.prototype,"hideHeadingText",void 0),r([wt({attribute:"heading-display-size"})],Po.prototype,"headingDisplaySize",void 0),r([wt({attribute:"heading-size"})],Po.prototype,"headingSize",void 0),r([wt({attribute:"eyebrow-display-size"})],Po.prototype,"eyeBrowDisplaySize",void 0),r([wt({attribute:"eyebrow-size"})],Po.prototype,"eyeBrowSize",void 0),r([wt({attribute:"eyebrow-margin-bottom"})],Po.prototype,"eyebrowMarginBottom",void 0),r([wt({attribute:"desktop-video-url"})],Po.prototype,"desktopVideoUrl",void 0),r([wt({attribute:"desktop-image-url"})],Po.prototype,"desktopImageUrl",void 0),r([wt({attribute:"desktop-image-alt-text"})],Po.prototype,"desktopImageAltText",void 0),r([wt({attribute:"desktop-image-transparent"})],Po.prototype,"desktopImageTransparent",void 0),r([wt({attribute:"tablet-video-url"})],Po.prototype,"tabletVideoUrl",void 0),r([wt({attribute:"tablet-image-url"})],Po.prototype,"tabletImageUrl",void 0),r([wt({attribute:"tablet-image-alt-text"})],Po.prototype,"tabletImageAltText",void 0),r([wt({attribute:"tablet-image-transparent"})],Po.prototype,"tabletImageTransparent",void 0),r([wt({attribute:"mobile-video-url"})],Po.prototype,"mobileVideoUrl",void 0),r([wt({attribute:"mobile-image-url"})],Po.prototype,"mobileImageUrl",void 0),r([wt({attribute:"mobile-image-alt-text"})],Po.prototype,"mobileImageAltText",void 0),r([wt({attribute:"mobile-image-transparent"})],Po.prototype,"mobileImageTransparent",void 0),r([wt({attribute:"hide-video-controls",type:Boolean})],Po.prototype,"hideVideoControls",void 0),r([wt({attribute:"theme"})],Po.prototype,"theme",void 0),r([wt({attribute:"linear-gradient"})],Po.prototype,"linearGradient",void 0),r([wt({attribute:"bg-colorCode"})],Po.prototype,"bgColorCode",void 0),r([wt({attribute:"description-margin-bottom"})],Po.prototype,"descriptionMarginBottom",void 0),r([wt({attribute:"wordmark-image-url"})],Po.prototype,"wordmarkImageUrl",void 0),r([wt({attribute:"wordmark-image-alt"})],Po.prototype,"wordmarkImageAlt",void 0),r([wt({attribute:"display-assets-below-text",type:Boolean})],Po.prototype,"assetsBelowText",void 0),r([wt({attribute:"--ds-plp-inner-background-color"})],Po.prototype,"textBackgroundColor",void 0),r([wt({attribute:"play-video-in-media-player",type:Boolean})],Po.prototype,"playVideoOnMediaPlayer",void 0),r([At()],Po.prototype,"isMobileView",void 0),r([At()],Po.prototype,"isTabletView",void 0),r([St("#media-video")],Po.prototype,"videoElement",void 0),r([St("#play-pause-button")],Po.prototype,"playPauseContainer",void 0),r([St(".play-button")],Po.prototype,"playButton",void 0),r([St(".pause-button")],Po.prototype,"pauseButton",void 0),r([St(".heading-content")],Po.prototype,"headingContent",void 0),r([St(".plp-hero-container")],Po.prototype,"plpHeroContainer",void 0),r([St("#videoDivElement")],Po.prototype,"videoDivElement",void 0),r([St(".img-container-section")],Po.prototype,"imageDivElement",void 0),r([St("#animation-toggle")],Po.prototype,"animationToggle",void 0),r([St("#plp-hero-heading")],Po.prototype,"plpHeroHeading",void 0),r([St("#plp-hero-description")],Po.prototype,"plpHeroDescription",void 0),r([St("#plp-hero-link-text")],Po.prototype,"plpHeroLinkText",void 0),r([St("#plp-hero-buttons")],Po.prototype,"plpHeroButtons",void 0),Po=r([(t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)})("cascade-plp-hero")],Po),e})(),t.exports=e()}},e={};function i(n){var o=e[n];if(void 0!==o)return o.exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";i(3351)})()})(); (function () { "use strict"; if ((window.matchMedia('(prefers-reduced-motion: reduce)').matches)) { $("cascade-plp-hero").attr("no-animation", ""); } var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.attributeName === "class") { var classList = $("body").attr("class").split(/\s+/); if (!classList.includes("animation-toggle")) { $("cascade-plp-hero").attr("no-animation", ""); } else { $("cascade-plp-hero").removeAttr("no-animation"); } } }); }); observer.observe(document.body, { attributes: true }); }());