@randstad-uca/design-system 1.0.20-alpha.0 → 1.0.21

package/dist/index.js

@@ -1,31 +1,31 @@
-import{css as t,LitElement as e,html as i,nothing as o,isServer as s}from"lit";function r(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n}function n(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}"function"==typeof SuppressedError&&SuppressedError;
+import{LitElement as t,css as e,html as i,nothing as o,isServer as s}from"lit";function r(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n}function n(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const a=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,d=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),p=new WeakMap;
+const a=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,d=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),h=new WeakMap;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let h=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)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(d&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=p.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&p.set(e,t))}return t}toString(){return this.cssText}};const u=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new h("string"==typeof t?t:t+"",void 0,c))(e)})(t):t,{is:b,defineProperty:y,getOwnPropertyDescriptor:m,getOwnPropertyNames:g,getOwnPropertySymbols:f,getPrototypeOf:v}=Object,x=globalThis,w=x.trustedTypes,$=w?w.emptyScript:"",k=x.reactiveElementPolyfillSupport,S=(t,e)=>t,C={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}},A=(t,e)=>!b(t,e),E={attribute:!0,type:String,converter:C,reflect:!1,useDefault:!1,hasChanged:A};
+ */let p=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)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(d&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const u=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new p("string"==typeof t?t:t+"",void 0,c))(e)})(t):t,{is:b,defineProperty:f,getOwnPropertyDescriptor:m,getOwnPropertyNames:g,getOwnPropertySymbols:y,getPrototypeOf:v}=Object,x=globalThis,w=x.trustedTypes,$=w?w.emptyScript:"",k=x.reactiveElementPolyfillSupport,S=(t,e)=>t,C={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}},E=(t,e)=>!b(t,e),A={attribute:!0,type:String,converter:C,reflect:!1,useDefault:!1,hasChanged:E};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),x.litPropertyMetadata??=new WeakMap;class _ 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=E){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&y(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:s}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const r=o?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??E}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,e=[...g(t),...f(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((t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(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)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:C).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:C;this._$Em=o,this[o]=s.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,s=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??A)(s,e)||i.useDefault&&i.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){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){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}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._$EM()}catch(e){throw t=!1,this._$EM(),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)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[S("elementProperties")]=new Map,_[S("finalized")]=new Map,k?.({ReactiveElement:_}),(x.reactiveElementVersions??=[]).push("2.1.0");
+ */Symbol.metadata??=Symbol("metadata"),x.litPropertyMetadata??=new WeakMap;class _ 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=A){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&f(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:s}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const r=o?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??A}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,e=[...g(t),...y(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((t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(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)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:C).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:C;this._$Em=o,this[o]=s.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,s=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??E)(s,e)||i.useDefault&&i.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){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){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}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._$EM()}catch(e){throw t=!1,this._$EM(),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)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[S("elementProperties")]=new Map,_[S("finalized")]=new Map,k?.({ReactiveElement:_}),(x.reactiveElementVersions??=[]).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:A},T=(t=O,e,i)=>{const{kind:o,metadata:s}=i;let r=globalThis.litPropertyMetadata.get(s);if(void 0===r&&globalThis.litPropertyMetadata.set(s,r=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),r.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const s=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,s,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const s=this[o];e.call(this,i),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function P(t){return(e,i)=>"object"==typeof i?T(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
+const O={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:E},z=(t=O,e,i)=>{const{kind:o,metadata:s}=i;let r=globalThis.litPropertyMetadata.get(s);if(void 0===r&&globalThis.litPropertyMetadata.set(s,r=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),r.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const s=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,s,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const s=this[o];e.call(this,i),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function T(t){return(e,i)=>"object"==typeof i?z(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function z(t){return P({...t,state:!0,attribute:!1})}
+ */function P(t){return T({...t,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,61 +36,7 @@ const O={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:A},T=(t=O,e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 15px;
-  letter-spacing: 0%;
-`;const j=t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 25px;
-  letter-spacing: 0%;
-`,M=t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 25px;
-  letter-spacing: 0%;
-`,R=t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 18px;
-  line-height: 30px;
-  letter-spacing: 0%;
-`,L=t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 20px;
-  line-height: 30px;
-  letter-spacing: -1%;
-  vertical-align: middle;
-`,U=t`
-  font-family: 'Graphik', sans-serif;
-  font-weight: 400;
-  font-size: 26px;
-  line-height: 30px;
-  letter-spacing: -1%;
-  vertical-align: middle;
-`
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */,N=globalThis,B=N.trustedTypes,V=B?B.createPolicy("lit-html",{createHTML:t=>t}):void 0,F="$lit$",H=`lit$${Math.random().toFixed(9).slice(2)}$`,q="?"+H,D=`<${q}>`,G=document,W=()=>G.createComment(""),Y=t=>null===t||"object"!=typeof t&&"function"!=typeof t,K=Array.isArray,X="[ \t\n\f\r]",J=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Z=/-->/g,Q=/>/g,tt=RegExp(`>|${X}(?:([^\\s"'>=/]+)(${X}*=${X}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),et=/'/g,it=/"/g,ot=/^(?:script|style|textarea|title)$/i,st=Symbol.for("lit-noChange"),rt=Symbol.for("lit-nothing"),nt=new WeakMap,at=G.createTreeWalker(G,129);function lt(t,e){if(!K(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==V?V.createHTML(e):e}const dt=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":3===e?"<math>":"",n=J;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===J?"!--"===l[1]?n=Z:void 0!==l[1]?n=Q:void 0!==l[2]?(ot.test(l[2])&&(s=RegExp("</"+l[2],"g")),n=tt):void 0!==l[3]&&(n=tt):n===tt?">"===l[0]?(n=s??J,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?tt:'"'===l[3]?it:et):n===it||n===et?n=tt:n===Z||n===Q?n=J:(n=tt,s=void 0);const p=n===tt&&t[e+1].startsWith("/>")?" ":"";r+=n===J?i+D:d>=0?(o.push(a),i.slice(0,d)+F+i.slice(d)+H+p):i+H+(-2===d?e:p)}return[lt(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class ct{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,a=this.parts,[l,d]=dt(t,e);if(this.el=ct.createElement(l,i),at.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=at.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(F)){const e=d[r++],i=o.getAttribute(t).split(H),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:n[2],strings:i,ctor:"."===n[1]?yt:"?"===n[1]?mt:"@"===n[1]?gt:bt}),o.removeAttribute(t)}else t.startsWith(H)&&(a.push({type:6,index:s}),o.removeAttribute(t));if(ot.test(o.tagName)){const t=o.textContent.split(H),e=t.length-1;if(e>0){o.textContent=B?B.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],W()),at.nextNode(),a.push({type:2,index:++s});o.append(t[e],W())}}}else if(8===o.nodeType)if(o.data===q)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(H,t+1));)a.push({type:7,index:s}),t+=H.length-1}s++}}static createElement(t,e){const i=G.createElement("template");return i.innerHTML=t,i}}function pt(t,e,i=t,o){if(e===st)return e;let s=void 0!==o?i._$Co?.[o]:i._$Cl;const r=Y(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=s:i._$Cl=s),void 0!==s&&(e=pt(t,s._$AS(t,e.values),s,o)),e}class ht{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??G).importNode(e,!0);at.currentNode=o;let s=at.nextNode(),r=0,n=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new ut(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new ft(s,this,t)),this._$AV.push(e),a=i[++n]}r!==a?.index&&(s=at.nextNode(),r++)}return at.currentNode=G,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class ut{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=rt,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=pt(this,t,e),Y(t)?t===rt||null==t||""===t?(this._$AH!==rt&&this._$AR(),this._$AH=rt):t!==this._$AH&&t!==st&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>K(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==rt&&Y(this._$AH)?this._$AA.nextSibling.data=t:this.T(G.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=ct.createElement(lt(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new ht(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=nt.get(t.strings);return void 0===e&&nt.set(t.strings,e=new ct(t)),e}k(t){K(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new ut(this.O(W()),this.O(W()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class bt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,s){this.type=1,this._$AH=rt,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=rt}_$AI(t,e=this,i,o){const s=this.strings;let r=!1;if(void 0===s)t=pt(this,t,e,0),r=!Y(t)||t!==this._$AH&&t!==st,r&&(this._$AH=t);else{const o=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=pt(this,o[i+n],e,n),a===st&&(a=this._$AH[n]),r||=!Y(a)||a!==this._$AH[n],a===rt?t=rt:t!==rt&&(t+=(a??"")+s[n+1]),this._$AH[n]=a}r&&!o&&this.j(t)}j(t){t===rt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class yt extends bt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===rt?void 0:t}}class mt extends bt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==rt)}}class gt extends bt{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){if((t=pt(this,t,e,0)??rt)===st)return;const i=this._$AH,o=t===rt&&i!==rt||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,s=t!==rt&&(i===rt||o);o&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ft{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){pt(this,t)}}const vt=N.litHtmlPolyfillSupport;vt?.(ct,ut),(N.litHtmlVersions??=[]).push("3.3.0");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const xt=1;class wt{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)}}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const $t=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends wt{constructor(t){if(super(t),t.type!==xt||"class"!==t.name||t.strings?.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]){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]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const i=t.element.classList;for(const t of this.st)t in e||(i.remove(t),this.st.delete(t));for(const t in e){const o=!!e[t];o===this.st.has(t)||this.nt?.has(t)||(o?(i.add(t),this.st.add(t)):(i.remove(t),this.st.delete(t)))}return st}});let kt=class extends e{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null,this.type="button"}static{this.styles=t`
+function I(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let F=class extends t{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null,this.type="button"}static{this.styles=e`
     :host {
       display: inline-block;
     }
@@ -99,6 +45,7 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       display: flex;
       align-items: center;
       justify-content: center;
+      font-family: "Graphik", sans-serif;
       border-radius: 4px;
       cursor: pointer;
       font-weight: 400;
@@ -110,12 +57,14 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .button-lg {
-      ${R}
+      font-size: 18px;
+      line-height: 30px;
       min-height: 62px;
     }
 
     .button-md {
-      ${M}
+      font-size: 14px;
+      line-height: 25px;
       min-height: 57px;
     }
 
@@ -152,8 +101,8 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .button-secondary:not([disabled]):hover {
-      color: var(--primary-button-hover);
-      border-color: var(--primary-button-hover);
+      color: #175197;
+      border-color: #175197;
     }
 
     .button-secondary:not([disabled]):active {
@@ -180,11 +129,11 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .button-tertiary:not([disabled]):hover {
-      background: var(--primary-color-5);
+      background: #2175D90D;
     }
 
     .button-tertiary:not([disabled]):active {
-      background-color: var(--primary-color-10);
+      background-color: #2175D91A;
     }
 
     .button-tertiary:not([disabled]):focus-visible {
@@ -193,7 +142,7 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .button-tertiary[disabled] {
-      color: var(--secondary-color-60);
+      color: #6F758D;
       cursor: not-allowed;
     }
 
@@ -208,11 +157,11 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .button-round:not([disabled]):hover {
-      background-color: var(--randstad-blue-10);
+      background-color: #E8F1FB;
     }
 
     .button-round:not([disabled]):active {
-      background-color: var(--randstad-blue-40);
+      background-color: #A6C8F0;
     }
 
     .button-round:not([disabled]):focus-visible {
@@ -278,13 +227,11 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       border: none;
       color: var(--white);
     }
-  `}handleClick(t){if(!this.disabled)if("submit"===this.type){const t=this.closest("form");t&&t.requestSubmit()}else this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0}))}render(){const t={button:!0,[`button-${this.size}`]:"button-round"!==this.variant,[this.variant]:!0,loader:this.loader},e="button-tertiary"===this.variant?"var(--primary-color)":"white";return i`
+  `}handleClick(t){if(!this.disabled)if("submit"===this.type){const t=this.closest("form");t&&t.requestSubmit()}else this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0}))}render(){const t=`button ${"button-round"===this.variant?"":`button-${this.size}`} ${this.variant} ${this.loader?"loader":""}`,e="button-tertiary"===this.variant?"#2175D9":"white";return i`
       <button
-        part="button"
         type=${this.type}
-        class=${$t(t)}
+        class=${t}
         ?disabled=${this.disabled}
-        ?aria-busy=${this.loader}
         @click=${this.handleClick}
       >
         ${this.loader?i`
@@ -294,24 +241,26 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
                 <span class="dot" style="background-color: ${e};"></span>
               </div>
             `:i`
-              ${this.iconSrc&&"button-round"===this.variant?i`<img src=${this.iconSrc} alt="icon" class="button-icon" part="button-icon"/>`:""}
+              ${this.iconSrc&&"button-round"===this.variant?i`<img src=${this.iconSrc} alt="icon" class="button-icon" />`:""}
               ${this.iconName&&"button-round"!==this.variant&&"left"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
               ${this.label?i`<span>${this.label}</span>`:i`<slot></slot>`}
               ${this.iconName&&"button-round"!==this.variant&&"right"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
             `}
       </button>
-    `}};r([P({type:String}),n("design:type",String)],kt.prototype,"variant",void 0),r([P({type:String}),n("design:type",String)],kt.prototype,"size",void 0),r([P({type:String}),n("design:type",Object)],kt.prototype,"label",void 0),r([P({type:Boolean}),n("design:type",Object)],kt.prototype,"loader",void 0),r([P({type:String,attribute:"icon-src"}),n("design:type",String)],kt.prototype,"iconSrc",void 0),r([P({type:String}),n("design:type",String)],kt.prototype,"iconPosition",void 0),r([P({type:Boolean,reflect:!0}),n("design:type",Boolean)],kt.prototype,"disabled",void 0),r([P({type:String}),n("design:type",Object)],kt.prototype,"iconName",void 0),r([P({type:String}),n("design:type",String)],kt.prototype,"type",void 0),kt=r([a("randstad-button")],kt);let St=class extends e{constructor(){super(...arguments),this.prefix="Acepto los",this.clause1Text="términos y condiciones",this.connector="y los",this.clause2Text="avisos de privacidad del sitio",this.checked=!1}static{this.styles=t`
+    `}};r([T({type:String}),n("design:type",String)],F.prototype,"variant",void 0),r([T({type:String}),n("design:type",String)],F.prototype,"size",void 0),r([T({type:String}),n("design:type",Object)],F.prototype,"label",void 0),r([T({type:Boolean}),n("design:type",Object)],F.prototype,"loader",void 0),r([T({type:String}),n("design:type",String)],F.prototype,"iconSrc",void 0),r([T({type:String}),n("design:type",String)],F.prototype,"iconPosition",void 0),r([T({type:Boolean,reflect:!0}),n("design:type",Boolean)],F.prototype,"disabled",void 0),r([T({type:String}),n("design:type",Object)],F.prototype,"iconName",void 0),r([T({type:String}),n("design:type",String)],F.prototype,"type",void 0),F=r([a("randstad-button")],F);let j=class extends t{constructor(){super(...arguments),this.prefix="Acepto los",this.clause1Text="términos y condiciones",this.connector="y los",this.clause2Text="avisos de privacidad del sitio",this.checked=!1}static{this.styles=e`
     :host {
       display: block;
       max-width: 100%;
     }
 
     label {
-      ${j}
       display: flex;
       align-items: center;
       gap: 8px;
-      color: var(--secondary-color);
+      font-family: Graphik, sans-serif;
+      font-size: 14px;
+      line-height: 25px;
+      color: #0F1941;
     }
 
     input[type="checkbox"] {
@@ -319,14 +268,14 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       min-height: 24px;
       cursor: pointer;
       border-radius: 4px;
-      border: 1px solid var(--secondary-color-20);
+      border: 1px solid #CFD1D9;
       appearance: none;
       position: relative;
     }
 
     input[type="checkbox"]:checked {
-      background-color: var(--primary-color);
-      border: 1px solid var(--primary-color);
+      background-color: #2175D9;
+      border: 1px solid #2175D9;
     }
 
     input[type="checkbox"]:checked::after {
@@ -350,16 +299,14 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .terms-link {
-      color: var(--primary-color);
+      color: #2175D9;
       text-decoration: none;
       cursor: pointer;
     }
-  `}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}renderClause(t,e){return e?i`<a class="terms-link" href="${e}" target="_blank" rel="noopener" @click=${this.stopPropagation}>${t}</a>`:i`${t}`}stopPropagation(t){t.stopPropagation()}render(){return i`
+  `}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}renderClause(t,e){return e?i`<a class="terms-link" href="${e}" target="_blank" rel="noopener" @click=${this.stopPropagation}>${t}</a>`:i`${t}`}stopPropagation(t){t.stopPropagation()}render(){return i`
       <label>
         <input
           type="checkbox"
-          role="checkbox"
-          aria-checked=${this.checked?"true":"false"}
           .checked=${this.checked}
           @change=${this.toggleCheck}
         />
@@ -370,7 +317,7 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
           ${this.renderClause(this.clause2Text,this.clause2Url)}.
         </span>
       </label>
-    `}};r([P({type:String}),n("design:type",Object)],St.prototype,"prefix",void 0),r([P({type:String}),n("design:type",Object)],St.prototype,"clause1Text",void 0),r([P({type:String}),n("design:type",String)],St.prototype,"clause1Url",void 0),r([P({type:String}),n("design:type",Object)],St.prototype,"connector",void 0),r([P({type:String}),n("design:type",Object)],St.prototype,"clause2Text",void 0),r([P({type:String}),n("design:type",String)],St.prototype,"clause2Url",void 0),r([P({type:Boolean,reflect:!0}),n("design:type",Object)],St.prototype,"checked",void 0),St=r([a("randstad-checkbox")],St);let Ct=class extends e{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=t`
+    `}};r([T({type:String}),n("design:type",Object)],j.prototype,"prefix",void 0),r([T({type:String}),n("design:type",Object)],j.prototype,"clause1Text",void 0),r([T({type:String}),n("design:type",String)],j.prototype,"clause1Url",void 0),r([T({type:String}),n("design:type",Object)],j.prototype,"connector",void 0),r([T({type:String}),n("design:type",Object)],j.prototype,"clause2Text",void 0),r([T({type:String}),n("design:type",String)],j.prototype,"clause2Url",void 0),r([T({type:Boolean,reflect:!0}),n("design:type",Object)],j.prototype,"checked",void 0),j=r([a("randstad-checkbox")],j);let M=class extends t{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.success=!1,this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=e`
     :host {
       display: block;
       font-family: 'Graphik', sans-serif;
@@ -392,10 +339,55 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .form-label {
-      ${M}
+      font-size: 16px;
+      line-height: 25px;
+      font-weight: 400;
       color: var(--label-color, var(--secondary-color-80));
     }
 
+    .tooltip-wrapper {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .tooltip {
+      visibility: hidden;
+      position: absolute;
+      top: auto;
+      right: 125%;
+      left: auto;
+      transform: none;
+      background-color: #333;
+      color: #fff;
+      padding: 8px 12px;
+      border-radius: 4px;
+      font-size: 14px;
+      line-height: 20px;
+      white-space: nowrap;
+      z-index: 10;
+      opacity: 0;
+      transition: opacity 0.2s ease;
+    }
+
+    .tooltip::after {
+      content: '';
+      position: absolute;
+      right: -6px;
+      bottom: 50%;
+      transform: translateY(50%);
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 6px 0 6px 6px;
+      border-color: transparent transparent transparent #333;
+    }
+
+    .tooltip-wrapper:hover .tooltip {
+      visibility: visible;
+      opacity: 1;
+    }
+
     .form-container {
       position: relative;
       display: flex;
@@ -404,43 +396,52 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .form-input {
-      ${R}
+      font-size: 18px;
+      line-height: 30px;
       padding: 16px;
       border: 1px solid var(--secondary-color-10);
       border-radius: 4px;
       outline: none;
       transition: border-color 0.3s ease, box-shadow 0.3s ease;
       width: 100%;
-      color: var(--secondary-color);
+      color: #0F1941;
     }
 
     .form.error .form-input {
-      background-color: var(--ui-negative-5);
-      border-color: var(--ui-negative);
+      background-color: #FDF3F3;
+      border-color: #e3342f;
+    }
+
+    .form.success .form-input {
+      border-color: #28a745;
+      background-color: #d4edda;
     }
 
     /* Hover normal (sin error ni foco) */
     .form:not(.error):not(:focus-within) .form-input:hover {
-      box-shadow: 0px 0px 0px 4px var(--form-hover-shadow);
+      box-shadow: 0px 0px 0px 4px #D1D3DB;
     }
 
     /* Hover con error (sin foco) */
     .form.error:not(:focus-within) .form-input:hover {
-      box-shadow: 0px 0px 0px 4px var(--ui-negative-pink-shadow);
+      box-shadow: 0px 0px 0px 4px #E00F0F1A;
     }
 
     .form-input:focus {
-      border: 2px solid var(--primary-color)
+      border: 2px solid #2175D9
     }
 
     .form.disabled .form-input {
-      background-color: var(--secondary-color-10);
+      background-color: #f5f5f5;
       cursor: not-allowed;
     }
 
     input::placeholder {
-      ${R}
+      font-family: 'Graphik', sans-serif;
       color: var(--secondary-color-40);
+      font-size: 18px;
+      line-height: 30px;
+      font-weight: 400;
     }
 
     .input-with-button {
@@ -477,7 +478,11 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     textarea {
-      ${R}
+      font-family: Graphik;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 30px;
+      letter-spacing: 0%;
       resize: none;
     }
 
@@ -487,12 +492,14 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .form.disabled textarea.form-input {
-      background-color: var(--secondary-color-10);
+      background-color: #f5f5f5;
       cursor: not-allowed;
     }
 
     .helper-description {
-      ${M}
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 25px;
       color: var(--secondary-color-40);
       margin: 0px;
     }
@@ -502,15 +509,21 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .error-message {
-      ${M}
+      font-size: 16px;
+      line-height: 25px;
       color: var(--ui-negative);
       margin: 0px;
     }
 
     .link-text {
-      ${M}
-      color: var(--primary-color);
+      font-size: 16px;
+      line-height: 25px;
+      color: #2175D9;
       cursor: pointer;
+      margin: 0px;
+      font-family: Graphik;
+      font-weight: 400;
+      letter-spacing: 0%;
       text-align: end;
       text-decoration: none;
       vertical-align: middle;
@@ -521,11 +534,20 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .link-text:hover {
-      color: var(--secondary-color);
+      color: #0f3b65;
     }
 
-    randstad-icon {
-      color: var(--primary-color);
+    .tooltip-wrapper randstad-icon {
+      color: #2175D9 !important;
+    }
+    .tooltip-wrapper randstad-icon svg {
+      fill: #2175D9 !important;
+    }
+    .toggle-password randstad-icon {
+      color: #2175D9 !important;
+    }
+    .toggle-password randstad-icon svg {
+      fill: #2175D9 !important;
     }
 
     .clean-button {
@@ -542,65 +564,20 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       width: 40px;
       height: 40px;
     }
-
     .clean-button randstad-icon {
       width: 24px;
       height: 24px;
     }
-
-    // TOOLTIP, NO SE ESTÁ USANDO EN FORMS EN ESTE MOMENTO, PERO SE DEJA POR SI SE NECESITA
-    .tooltip-wrapper {
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-    }
-
-    .tooltip {
-      visibility: hidden;
-      position: absolute;
-      top: auto;
-      right: 125%;
-      left: auto;
-      transform: none;
-      background-color: #333;
-      color: #fff;
-      padding: 8px 12px;
-      border-radius: 4px;
-      font-size: 14px;
-      line-height: 20px;
-      white-space: nowrap;
-      z-index: 10;
-      opacity: 0;
-      transition: opacity 0.2s ease;
-    }
-
-    .tooltip::after {
-      content: '';
-      position: absolute;
-      right: -6px;
-      bottom: 50%;
-      transform: translateY(50%);
-      width: 0;
-      height: 0;
-      border-style: solid;
-      border-width: 6px 0 6px 6px;
-      border-color: transparent transparent transparent #333;
-    }
-
-    .tooltip-wrapper:hover .tooltip {
-      visibility: visible;
-      opacity: 1;
-    }
-  `}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
+  `}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}handleKeyDown(t){if("Enter"===t.key){const t=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),e=this.closest("form");e&&e.dispatchEvent(t)}}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
       <div
-        class="form ${this.error?"error":""} ${this.disabled?"disabled":""}"
+        class="form ${this.error?"error":""} ${this.success?"success":""} ${this.disabled?"disabled":""}"
         style=${this.labelColor?`--label-color: ${this.labelColor}`:o}
       >
         ${this.label?i`
           <div class="label-container">
             <label class="form-label">${this.label}</label>
             ${this.tooltipMessage?.trim()?i`<div class="tooltip-wrapper">
-                  <randstad-icon class="help-icon" name="ayuda" size="20px"></randstad-icon>
+                  <randstad-icon class="help-icon" name="ayuda" size="20px" color="#2175D9"></randstad-icon>
                 </div>`:o}
           </div>
         `:o}
@@ -616,6 +593,8 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
                     .value=${this.value}
                     ?disabled=${this.disabled}
                     @input=${this.handleInput}
+                    @keydown=${this.handleKeyDown}
+                    maxlength=${this.maxLength??o}
                   ></textarea>`:i`
                   <input
                     class="form-input"
@@ -624,15 +603,16 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
                     .value=${this.value}
                     ?disabled=${this.disabled}
                     @input=${this.handleInput}
+                    @keydown=${this.handleKeyDown}
                     maxlength=${this.maxLength??o}
                   />
 
                   ${"password"===this.type?i`<button type="button" class="toggle-password" @click=${this.togglePassword}>
-                        ${this.isPasswordVisible?i`<randstad-icon name='eye_crossed' size="24px"></randstad-icon>`:i`<randstad-icon name='eye' size="24px"></randstad-icon>`}
+                        ${this.isPasswordVisible?i`<randstad-icon name='eye_crossed' size="24px" color="#2175D9"></randstad-icon>`:i`<randstad-icon name='eye' size="24px" color="#2175D9"></randstad-icon>`}
                       </button>`:o}
 
                   ${t?i`<button type="button" class="clean-button" @click=${this.handleClear}>
-                        <randstad-icon name="close" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>
+                        <randstad-icon name="close" size="24px" color="#2175D9"></randstad-icon>
                       </button>`:o}
               `}
           </div>
@@ -646,12 +626,12 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
           </p>`:o}
 
         ${this.linkText&&this.linkRoute?i`<div style="text-align: end;">
-              <a class="link-text" @click=${this.handleLinkClick}>${this.linkText}</a>
+              <a class="link-text" href="#" @click=${this.handleLinkClick}>${this.linkText}</a>
             </div>`:o}
 
         ${this.helper?i`<p class="helper-description">${this.helper}</p>`:o}
       </div>
-    `}};r([P({type:String}),n("design:type",String)],Ct.prototype,"placeholder",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"label",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"labelColor",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"value",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"size",void 0),r([P({type:String}),n("design:type",Object)],Ct.prototype,"icon",void 0),r([P({type:String}),n("design:type",Object)],Ct.prototype,"helper",void 0),r([P({type:Boolean}),n("design:type",Boolean)],Ct.prototype,"error",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"errorMessage",void 0),r([P({type:Boolean}),n("design:type",Boolean)],Ct.prototype,"disabled",void 0),r([P({type:Boolean}),n("design:type",Boolean)],Ct.prototype,"typing",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"type",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"tooltipMessage",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"linkText",void 0),r([P({type:String}),n("design:type",String)],Ct.prototype,"linkRoute",void 0),r([P({type:Boolean,reflect:!0}),n("design:type",Object)],Ct.prototype,"isPasswordVisible",void 0),r([P({type:Boolean}),n("design:type",Boolean)],Ct.prototype,"cleanButton",void 0),r([P({type:Number}),n("design:type",Number)],Ct.prototype,"maxLength",void 0),Ct=r([a("randstad-form")],Ct);class At extends e{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=t`
+    `}};r([T({type:String}),n("design:type",String)],M.prototype,"placeholder",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"label",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"labelColor",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"value",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"size",void 0),r([T({type:String}),n("design:type",Object)],M.prototype,"icon",void 0),r([T({type:String}),n("design:type",Object)],M.prototype,"helper",void 0),r([T({type:Boolean}),n("design:type",Boolean)],M.prototype,"error",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"errorMessage",void 0),r([T({type:Boolean}),n("design:type",Boolean)],M.prototype,"success",void 0),r([T({type:Boolean}),n("design:type",Boolean)],M.prototype,"disabled",void 0),r([T({type:Boolean}),n("design:type",Boolean)],M.prototype,"typing",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"type",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"tooltipMessage",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"linkText",void 0),r([T({type:String}),n("design:type",String)],M.prototype,"linkRoute",void 0),r([T({type:Boolean,reflect:!0}),n("design:type",Object)],M.prototype,"isPasswordVisible",void 0),r([T({type:Boolean}),n("design:type",Boolean)],M.prototype,"cleanButton",void 0),r([T({type:Number}),n("design:type",Number)],M.prototype,"maxLength",void 0),M=r([a("randstad-form")],M);class D extends t{static{this.styles=e`
     :host {
       display: inline-flex;
       width: var(--icon-size, 24px);
@@ -659,68 +639,13 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       align-items: center;
       justify-content: center;
     }
-
     svg {
-      width: var(--icon-size, 24px);
-      height: var(--icon-size, 24px);
+      width: var(--icon-size, 24px); /* Tamaño fijo basado en size */
+      height: var(--icon-size, 24px); /* Tamaño fijo basado en size */
       fill: var(--icon-color, currentColor);
     }
-  `}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(t){t.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((t=>t.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}r([P({type:String}),n("design:type",Object)],At.prototype,"name",void 0),r([P({type:String}),n("design:type",Object)],At.prototype,"size",void 0),customElements.define("randstad-icon",At);let Et=class extends e{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=t`
-    :host {
-      display: block;
-      font-family: 'Graphik', sans-serif;
-    }
-
-    .container {
-      ${M}
-      display: flex;
-      align-items: flex-start;
-      gap: 8px;
-      border-radius: 8px;
-      padding: 16px;
-      color: var(--secondary-color);
-    }
-
-    .icon {
-      font-size: 34px;
-      flex-shrink: 0;
-    }
-
-    .hidden {
-      display: none;
-    }
-
-    .success {
-      border: 1px solid var(--ui-positive);
-      background: var(--ui-positive-5);
-      --icon-color: var(--ui-positive);
-    }
-
-    .error {
-      border: 1px solid var(--ui-negative);
-      background: var(--ui-negative-5);
-      --icon-color: var(--ui-negative);
-    }
-
-    .warning {
-      border: 1px solid var(--ui-warning);
-      background: var(--ui-warning-10);
-      --icon-color: var(--ui-warning);
-    }
-      
-    .informative {
-      border: 1px solid var(--ui-informative);
-      background: var(--ui-informative-10);
-      --icon-color: var(--ui-informative);
-    }
-  `}render(){return i`
-      <div class="container ${this.open?"":"hidden"} ${this.type}">
-        <randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
-        <span class="message">${this.message}</span>
-      </div>
-    `}};r([P({type:String}),n("design:type",String)],Et.prototype,"type",void 0),r([P({type:String}),n("design:type",String)],Et.prototype,"icon",void 0),r([P({type:String}),n("design:type",String)],Et.prototype,"message",void 0),r([P({type:Boolean}),n("design:type",Boolean)],Et.prototype,"open",void 0),Et=r([a("randstad-notice")],Et);let _t=class extends e{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.scrollable=!1,this.showNotice=!1,this.noticeType="informative",this.noticeMessage="",this.noticeIcon="info",this.showPrimaryButton=!1,this.primaryButtonLabel="Aceptar",this.showSecondaryButton=!1,this.secondaryButtonLabel="Cancelar"}static{this.styles=t`
+  `}constructor(){super(),this.name="",this.size="24px",this.color=""}connectedCallback(){super.connectedCallback(),this.name&&this.loadIcon()}updated(t){t.has("name")&&this.name&&this.loadIcon(),t.has("size")&&this.style.setProperty("--icon-size",this.size),t.has("color")&&this.style.setProperty("--icon-color",this.color)}async loadIcon(){if(this.name)try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size||"24px"),o.setAttribute("height",this.size||"24px"),this.renderRoot.innerHTML="",this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),this.renderRoot.innerHTML="<span>⚠️</span>"}else this.renderRoot.innerHTML=""}render(){return null}}r([T({type:String}),n("design:type",String)],D.prototype,"name",void 0),r([T({type:String}),n("design:type",String)],D.prototype,"size",void 0),r([T({type:String}),n("design:type",String)],D.prototype,"color",void 0),customElements.define("randstad-icon",D);let R=class extends t{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.scrollable=!1}static{this.styles=e`
     :host {
-      font-family: 'Graphik', sans-serif;
       display: none;
     }
 
@@ -740,84 +665,51 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
     }
 
     .overlay.scroll {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-    }
-
-    .overlay.no-scroll {
-      display: block;
-      height: auto;
-      min-height: 100vh;
-    }
-
-    .modal {
-      background: var(--brand-off-white);
-      width: 100%;
-      max-width: 500px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      display: flex;
-      flex-direction: column;
-      margin: 40px auto;
-      border-radius: 8px;
-    }
-
-    .modal.scrollable {
-      max-height: 90vh;
-    }
-
-    .modal-body.scrollable {
-      overflow-y: auto;
-      flex: 1;
-    }
-
-    .modal-body {
-      display: flex;
-      flex-direction: column;
-      padding: 24px;
-      gap: 16px;
-    }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.overlay.no-scroll {
+  display: block;
+  height: auto;
+  min-height: 100vh;
+}
+
+.modal {
+  background: #f7f5f0;
+  width: 100%;
+  max-width: 500px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  margin: 40px auto;
+}
+
+.modal.scrollable {
+  max-height: 90vh;
+}
+
+.modal-body.scrollable {
+  overflow-y: auto;
+  flex: 1;
+}
 
     .modal-header {
       display: flex;
-      flex-direction: column;
-      gap: 8px;
-      justify-content: space-between;
-      align-items: center;
-      padding: 24px;
-      border-bottom: 1px solid var(--secondary-color-20);
-    }
-
-    .modal-header-content {
-      display: flex;
-      gap: 32px;
-      width: 100%;
       justify-content: space-between;
       align-items: center;
+      padding: 25px;
+      border-bottom: 1px solid #E0E0E0;
     }
 
-    .titles-container {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-      flex-grow: 1;
-    }
-
-    .modal-title {
-      ${U}
-      margin: 0;
-      color: var(--secondary-color);
-    }
-
-    .modal-subtitle {
-      ${M}
+    h3 {
       margin: 0;
-      color: var(--secondary-color-60);
-    }
-
-    .modal-header randstad-notice {
-      width: 100%;
+      font-weight: 400;
+      font-size: 20px;
+      line-height: 30px;
+      color: #0F1941;
     }
 
     .modal-close {
@@ -830,80 +722,89 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       padding: 0;
     }
 
-    .modal-footer {
-      display: flex;
-      justify-content: flex-end;
-      flex-direction: row;
-      padding: 24px;
-      gap: 16px;
-      border-top: 1px solid var(--secondary-color-20);
-    }
-
-    .modal-footer.one-button randstad-button {
-      width: 100%;
+    .modal-body {
+      padding: 20px 25px;
     }
 
-    .modal-footer.two-buttons randstad-button {
-      width: 50%;
+    .modal-body.scrollable {
+      overflow-y: auto;
+      flex: 1;
     }
 
-    @media (max-width: 940px) {
-      .modal-footer.two-buttons {
-        flex-direction: column;
-      }
-
-      .modal-footer.two-buttons randstad-button {
-        width: 100%;
-      }
+    .modal-footer {
+      display: flex;
+      justify-content: flex-end;
+      padding: 20px 25px;
+      border-top: 1px solid #E0E0E0;
     }
   `}closeModal(){this.dispatchEvent(new CustomEvent("modal-close")),this.open=!1}render(){return i`
-    <div class="overlay ${this.scrollable?"scroll":"no-scroll"}" role="dialog" aria-modal="true">
+    <div class="overlay ${this.scrollable?"scroll":"no-scroll"}">
       <div class="modal ${this.scrollable?"scrollable":""}">
         <div class="modal-header">
-          <div class="modal-header-content">
-            <div class="titles-container">
-              <div class="modal-title">${this.title}</div>
-              ${this.subtitle?i`<div class="modal-subtitle">${this.subtitle}</div>`:o}
-            </div>
-            <button class="modal-close" @click=${this.closeModal} aria-label="Cerrar modal">
-              <randstad-icon name="close" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>
-            </button>
-          </div>
-          ${this.showNotice?i`
-              <randstad-notice
-                .open=${!0}
-                .type=${this.noticeType}
-                .icon=${this.noticeIcon}
-                .message=${this.noticeMessage}
-              ></randstad-notice>
-            `:o}
+          <h3>${this.title}</h3>
+          <button class="modal-close" @click=${this.closeModal} aria-label="Cerrar modal">
+            <randstad-icon name="close" size="24px"></randstad-icon>
+          </button>
         </div>
         <div class="modal-body ${this.scrollable?"scrollable":""}">
           <slot name="content"></slot>
         </div>
-        <div class="modal-footer ${this.showPrimaryButton&&this.showSecondaryButton?"two-buttons":"one-button"}">
-          ${this.showPrimaryButton?i`
-                <randstad-button
-                  variant="button-primary"
-                  size="md"
-                  @click=${()=>this.dispatchEvent(new CustomEvent("primary-click"))}
-                  label=${this.primaryButtonLabel}
-                >
-                </randstad-button>
-              `:o}
-          ${this.showSecondaryButton?i`
-                <randstad-button
-                  variant="button-secondary"
-                  size="md"
-                  @click=${()=>this.dispatchEvent(new CustomEvent("secondary-click"))}
-                  label=${this.secondaryButtonLabel}
-                >
-                </randstad-button>
-              `:o}
+        <div class="modal-footer">
+          <slot name="confirm-button"></slot>
         </div>
       </div>
     </div>
-  `}};r([P({type:Boolean,reflect:!0}),n("design:type",Object)],_t.prototype,"open",void 0),r([P({type:String}),n("design:type",Object)],_t.prototype,"title",void 0),r([P({type:String}),n("design:type",String)],_t.prototype,"subtitle",void 0),r([P({type:Boolean}),n("design:type",Object)],_t.prototype,"scrollable",void 0),r([P({type:Boolean}),n("design:type",Object)],_t.prototype,"showNotice",void 0),r([P({type:String}),n("design:type",String)],_t.prototype,"noticeType",void 0),r([P({type:String}),n("design:type",Object)],_t.prototype,"noticeMessage",void 0),r([P({type:String}),n("design:type",Object)],_t.prototype,"noticeIcon",void 0),r([P({type:Boolean}),n("design:type",Object)],_t.prototype,"showPrimaryButton",void 0),r([P({type:String}),n("design:type",Object)],_t.prototype,"primaryButtonLabel",void 0),r([P({type:Boolean}),n("design:type",Object)],_t.prototype,"showSecondaryButton",void 0),r([P({type:String}),n("design:type",Object)],_t.prototype,"secondaryButtonLabel",void 0),_t=r([a("custom-modal")],_t);let Ot=class extends e{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No"}static{this.styles=t`
+  `}};r([T({type:Boolean,reflect:!0}),n("design:type",Object)],R.prototype,"open",void 0),r([T({type:String}),n("design:type",Object)],R.prototype,"title",void 0),r([T({type:Boolean}),n("design:type",Object)],R.prototype,"scrollable",void 0),R=r([a("custom-modal")],R);class U extends t{static{this.styles=e`
+    :host {
+      display: block;
+      border-radius: 4px;
+      font-size: 16px;
+      line-height: 25px;
+      font-weight: 400;
+      color: white;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+      font-family: 'Graphik', sans-serif;
+    }
+    .container {
+      display: flex;
+      color: #0F1941;
+      align-items: flex-start;
+      gap: 8px;
+      border-radius: 8px;
+      padding: 16px;
+    }
+    .icon {
+      font-size: 34px;
+    }
+    .hidden {
+      display: none;
+    }
+    .success {
+      border: 1px solid #257156;
+      background: #F4F8F6;
+      --icon-color: #257156;
+    }
+    .error {
+      border: 1px solid #E00F0F;
+      background: #FDF3F3;
+      --icon-color: #E00F0F;
+    }
+    .warning {
+      border: 1px solid #E9A204;
+      background: #FCF5E5;
+      --icon-color: #E9A204;
+    }
+    .informative {
+      border: 1px solid #4E90E1;
+      background: #E8F1FB;
+      --icon-color: #4E90E1;
+    }
+  `}constructor(){super(),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static get properties(){return{type:{type:String},icon:{type:String},message:{type:String},open:{type:Boolean}}}render(){return console.log("Notice rendering with icon:",this.icon),i`
+      <div class="container ${this.open?"":"hidden"} ${this.type}">
+        <randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
+        <span class="message">${this.message}</span>
+      </div>
+    `}}customElements.define("randstad-notice",U);let L=class extends t{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No"}static{this.styles=e`
     :host {
       display: none;
       position: fixed;
@@ -916,122 +817,95 @@ const xt=1;class wt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
       align-items: center;
       font-family: "Graphik", sans-serif;
     }
-
     :host([open]) {
       display: flex;
     }
-
     .popup {
-      background: var(--white);
-      padding: 24px;
-      border-radius: 16px;
+      background: white;
+      padding: 20px;
+      border-radius: 8px;
+      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
       text-align: center;
       animation: fadeIn 0.2s ease-in-out;
       width: var(--popup-width, 400px);
-      display: flex;
-      flex-direction: column;
-      gap: 24px;
-      align-items: center;
     }
-
     @keyframes fadeIn {
       from { opacity: 0; transform: scale(0.9); }
       to { opacity: 1; transform: scale(1); }
     }
-
-    .popup-content {
-      display: flex;
-      flex-direction: column;
-      gap: 24px;
-    }
-
-    .titles-container {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-      align-items: center;  
-    }
-
-    .popup-title {
-      ${L}
-      margin: 0;
-      color: var(--secondary-color-80);
+    h2 {
+      font-family: Graphik;
+      font-weight: 400;
+      font-size: 20px;
+      line-height: 22px;
+      letter-spacing: 0%;
+      text-align: center;
+      color: #404767;
     }
-
-    .popup-description {
-      ${M}
-      margin: 0;
-      color: var(--secondary-color-60);
+    p {
+      font-family: Graphik;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 17.6px;
+      letter-spacing: 0%;
+      text-align: center;
+      color: #6F758D;
     }
-
-    .buttons-container {
+    .buttons {
       margin-top: 12px;
       display: flex;
+      justify-content: space-around;
       gap: 10px;
     }
-
-    .buttons-container ::slotted(randstad-button),
-    .buttons-container randstad-button {
-      flex: 1 1 50%;
-    }
-  `}firstUpdated(){if(this.open){const t=this.renderRoot.querySelector("randstad-button");t&&t.focus()}}closePopup(t){this.dispatchEvent(new CustomEvent("popup-close",{detail:t})),this.open=!1}render(){return i`
-        <div
-          class="popup"
-          role="dialog"
-          aria-modal="true"
-          style="width: ${this.width};"
-          ${"default"!==this.type?i`aria-labelledby="popup-title"`:o}
-          aria-describedby="popup-description"
-        >
-        ${this.icon?i`<img src="/assets/icons/${this.icon}" alt="" width="56" height="56" />`:o}
-
-        <div class="popup-content">
-          ${"default"===this.type?i`
-                <div class="titles-container">
-                  <p id="popup-description" class="popup-description">${this.description}</p>
-                </div>
-                <div class="buttons-container">
-                  <randstad-button
-                    variant="button-primary"
-                    size="md"
-                    @click=${()=>this.closePopup(!0)}
-                    label=${this.buttonText}
-                  ></randstad-button>
-                </div>
-              `:i`
-                <div class="titles-container">
-                  <h2 id="popup-title" class="popup-title">${this.title}</h2>
-                  <p id="popup-description" class="popup-description">${this.description}</p>
-                </div>
-                <div class="buttons-container">
-                  <randstad-button
-                    variant="button-secondary"
-                    size="md"
-                    @click=${()=>this.closePopup(!1)}
-                    label=${this.cancelText}
-                  ></randstad-button>
-                  <randstad-button
-                    variant="button-primary"
-                    size="md"
-                    @click=${()=>this.closePopup(!0)}
-                    label=${this.confirmText}
-                  ></randstad-button>
-                </div>
-              `}
-        </div>
+    button {
+      border: none;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 400;
+      width: 100%;
+      width: 212;
+      height: 57;
+      border-radius: 4px;
+      padding: 16px;
+      font-family: Graphik;
+    }
+    .accept { background-color: #2175D9; color: white; }
+    .cancel { background-color: #FFFFFF; border: 1px solid #2175D9; color: #2175D9 }
+    .primary { background-color: #2175D9; color: white; }
+  `}closePopup(t){this.dispatchEvent(new CustomEvent("popup-close",{detail:t})),this.open=!1}render(){return i`
+      <div class="popup" style="width: ${this.width};">
+        ${"default"===this.type?i`
+          <div>
+            <randstad-icon name="${this.icon}" size="56px"></randstad-icon>
+          </div>
+          <p>${this.description}</p>
+          <div class="buttons">
+            <button class="primary" @click=${()=>this.closePopup(!0)}>${this.buttonText}</button>
+          </div>
+        `:i`
+          <div>
+            <randstad-icon name="${this.icon}" size="56px"></randstad-icon>
+          </div>
+          <h2>${this.title}</h2>
+          <p>${this.description}</p>
+          <div class="buttons">
+            <button class="cancel" @click=${()=>this.closePopup(!1)}>${this.cancelText}</button>
+            <button class="accept" @click=${()=>this.closePopup(!0)}>${this.confirmText}</button>
+          </div>
+        `}
       </div>
-    `}};r([P({type:Boolean,reflect:!0}),n("design:type",Object)],Ot.prototype,"open",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"type",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"icon",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"title",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"description",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"width",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"buttonText",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"confirmText",void 0),r([P({type:String}),n("design:type",Object)],Ot.prototype,"cancelText",void 0),Ot=r([a("custom-popup")],Ot);
+    `}};r([T({type:Boolean,reflect:!0}),n("design:type",Object)],L.prototype,"open",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"type",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"icon",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"title",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"description",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"width",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"buttonText",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"confirmText",void 0),r([T({type:String}),n("design:type",Object)],L.prototype,"cancelText",void 0),L=r([a("custom-popup")],L);
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Tt=Symbol("attachableController");let Pt;s||(Pt=new MutationObserver((t=>{for(const e of t)e.target[Tt]?.hostConnected()})));class zt{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(t){null===t?this.host.removeAttribute("for"):this.host.setAttribute("for",t)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(t){t?this.attach(t):this.detach()}constructor(t,e){this.host=t,this.onControlChange=e,this.currentControl=null,t.addController(this),t[Tt]=this,Pt?.observe(t,{attributeFilter:["for"]})}attach(t){t!==this.currentControl&&(this.setCurrentControl(t),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(t){this.onControlChange(this.currentControl,t),this.currentControl=t}}
+const V=Symbol("attachableController");let N;s||(N=new MutationObserver((t=>{for(const e of t)e.target[V]?.hostConnected()})));class B{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(t){null===t?this.host.removeAttribute("for"):this.host.setAttribute("for",t)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(t){t?this.attach(t):this.detach()}constructor(t,e){this.host=t,this.onControlChange=e,this.currentControl=null,t.addController(this),t[V]=this,N?.observe(t,{attributeFilter:["for"]})}attach(t){t!==this.currentControl&&(this.setCurrentControl(t),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(t){this.onControlChange(this.currentControl,t),this.currentControl=t}}
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const It=["focusin","focusout","pointerdown"];class jt extends e{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new zt(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){if(!t[Mt]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[Mt]=!0}}onControlChange(t,e){if(!s)for(const i of It)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}r([P({type:Boolean,reflect:!0})],jt.prototype,"visible",void 0),r([P({type:Boolean,reflect:!0})],jt.prototype,"inward",void 0);const Mt=Symbol("handledByFocusRing"),Rt=t`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+ */const H=["focusin","focusout","pointerdown"];class q extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new B(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){if(!t[G]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[G]=!0}}onControlChange(t,e){if(!s)for(const i of H)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}r([T({type:Boolean,reflect:!0})],q.prototype,"visible",void 0),r([T({type:Boolean,reflect:!0})],q.prototype,"inward",void 0);const G=Symbol("handledByFocusRing"),K=e`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
 `
 /**
  * @license
@@ -1042,81 +916,92 @@ const Tt=Symbol("attachableController");let Pt;s||(Pt=new MutationObserver((t=>{
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */let Lt=class extends jt{};Lt.styles=[Rt],Lt=r([a("md-focus-ring")],Lt);
+ */let W=class extends q{};W.styles=[K],W=r([a("md-focus-ring")],W);
 /**
  * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ut="cubic-bezier(0.2, 0, 0, 1)";
+const Y=globalThis,X=Y.trustedTypes,J=X?X.createPolicy("lit-html",{createHTML:t=>t}):void 0,Z="$lit$",Q=`lit$${Math.random().toFixed(9).slice(2)}$`,tt="?"+Q,et=`<${tt}>`,it=document,ot=()=>it.createComment(""),st=t=>null===t||"object"!=typeof t&&"function"!=typeof t,rt=Array.isArray,nt="[ \t\n\f\r]",at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,dt=/>/g,ct=RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ht=/'/g,pt=/"/g,ut=/^(?:script|style|textarea|title)$/i,bt=Symbol.for("lit-noChange"),ft=Symbol.for("lit-nothing"),mt=new WeakMap,gt=it.createTreeWalker(it,129);function yt(t,e){if(!rt(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==J?J.createHTML(e):e}const vt=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":3===e?"<math>":"",n=at;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===at?"!--"===l[1]?n=lt:void 0!==l[1]?n=dt:void 0!==l[2]?(ut.test(l[2])&&(s=RegExp("</"+l[2],"g")),n=ct):void 0!==l[3]&&(n=ct):n===ct?">"===l[0]?(n=s??at,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?ct:'"'===l[3]?pt:ht):n===pt||n===ht?n=ct:n===lt||n===dt?n=at:(n=ct,s=void 0);const h=n===ct&&t[e+1].startsWith("/>")?" ":"";r+=n===at?i+et:d>=0?(o.push(a),i.slice(0,d)+Z+i.slice(d)+Q+h):i+Q+(-2===d?e:h)}return[yt(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class xt{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,a=this.parts,[l,d]=vt(t,e);if(this.el=xt.createElement(l,i),gt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=gt.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(Z)){const e=d[r++],i=o.getAttribute(t).split(Q),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:n[2],strings:i,ctor:"."===n[1]?Ct:"?"===n[1]?Et:"@"===n[1]?At:St}),o.removeAttribute(t)}else t.startsWith(Q)&&(a.push({type:6,index:s}),o.removeAttribute(t));if(ut.test(o.tagName)){const t=o.textContent.split(Q),e=t.length-1;if(e>0){o.textContent=X?X.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],ot()),gt.nextNode(),a.push({type:2,index:++s});o.append(t[e],ot())}}}else if(8===o.nodeType)if(o.data===tt)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(Q,t+1));)a.push({type:7,index:s}),t+=Q.length-1}s++}}static createElement(t,e){const i=it.createElement("template");return i.innerHTML=t,i}}function wt(t,e,i=t,o){if(e===bt)return e;let s=void 0!==o?i._$Co?.[o]:i._$Cl;const r=st(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=s:i._$Cl=s),void 0!==s&&(e=wt(t,s._$AS(t,e.values),s,o)),e}class $t{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??it).importNode(e,!0);gt.currentNode=o;let s=gt.nextNode(),r=0,n=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new kt(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new _t(s,this,t)),this._$AV.push(e),a=i[++n]}r!==a?.index&&(s=gt.nextNode(),r++)}return gt.currentNode=it,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class kt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=ft,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=wt(this,t,e),st(t)?t===ft||null==t||""===t?(this._$AH!==ft&&this._$AR(),this._$AH=ft):t!==this._$AH&&t!==bt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>rt(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==ft&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(it.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=xt.createElement(yt(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new $t(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=mt.get(t.strings);return void 0===e&&mt.set(t.strings,e=new xt(t)),e}k(t){rt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new kt(this.O(ot()),this.O(ot()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class St{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,s){this.type=1,this._$AH=ft,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ft}_$AI(t,e=this,i,o){const s=this.strings;let r=!1;if(void 0===s)t=wt(this,t,e,0),r=!st(t)||t!==this._$AH&&t!==bt,r&&(this._$AH=t);else{const o=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=wt(this,o[i+n],e,n),a===bt&&(a=this._$AH[n]),r||=!st(a)||a!==this._$AH[n],a===ft?t=ft:t!==ft&&(t+=(a??"")+s[n+1]),this._$AH[n]=a}r&&!o&&this.j(t)}j(t){t===ft?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ct extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ft?void 0:t}}class Et extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ft)}}class At extends St{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){if((t=wt(this,t,e,0)??ft)===bt)return;const i=this._$AH,o=t===ft&&i!==ft||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,s=t!==ft&&(i===ft||o);o&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class _t{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){wt(this,t)}}const Ot=Y.litHtmlPolyfillSupport;Ot?.(xt,kt),(Y.litHtmlVersions??=[]).push("3.3.0");
 /**
  * @license
- * Copyright 2022 Google LLC
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const zt=1;class Tt{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)}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Pt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends Tt{constructor(t){if(super(t),t.type!==zt||"class"!==t.name||t.strings?.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]){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]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const i=t.element.classList;for(const t of this.st)t in e||(i.remove(t),this.st.delete(t));for(const t in e){const o=!!e[t];o===this.st.has(t)||this.nt?.has(t)||(o?(i.add(t),this.st.add(t)):(i.remove(t),this.st.delete(t)))}return bt}}),It="cubic-bezier(0.2, 0, 0, 1)";
+/**
+ * @license
+ * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var Nt;!function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(Nt||(Nt={}));const Bt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Vt=s?null:window.matchMedia("(forced-colors: active)");class Ft extends e{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=Nt.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new zt(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${$t(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==Nt.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==Nt.HOLDING)return this.state===Nt.TOUCH_DELAY?(this.state=Nt.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=Nt.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=Nt.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=Nt.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===Nt.TOUCH_DELAY&&(this.state=Nt.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==Nt.WAITING_FOR_CLICK?this.state===Nt.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),o=Math.max(.35*i,75),s=Math.floor(.2*i),r=Math.sqrt(e**2+t**2)+10;this.initialSize=s,this.rippleScale=""+(r+o)/s,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:s}=this.getBoundingClientRect(),r=e+o,n=i+s,{pageX:a,pageY:l}=t;return{x:a-r,y:l-n}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let s;return s=t instanceof PointerEvent?this.getNormalizedPointerEventCoords(t):{x:i/2,y:e/2},s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:o}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),o=`${e.x}px, ${e.y}px`,s=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${s}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:Ut,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=Nt.INACTIVE;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=225?this.pressed=!1:(await new Promise((t=>{setTimeout(t,225-e)})),this.growAnimation===t&&(this.pressed=!1))}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:o,bottom:s,right:r}=this.getBoundingClientRect();return t>=o&&t<=r&&e>=i&&e<=s}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!Vt?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}onControlChange(t,e){if(!s)for(const i of Bt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}r([P({type:Boolean,reflect:!0})],Ft.prototype,"disabled",void 0),r([z()],Ft.prototype,"hovered",void 0),r([z()],Ft.prototype,"pressed",void 0),r([I(".surface")],Ft.prototype,"mdRoot",void 0);
+ */var Ft;!function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(Ft||(Ft={}));const jt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Mt=s?null:window.matchMedia("(forced-colors: active)");class Dt extends t{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=Ft.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new B(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${Pt(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==Ft.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==Ft.HOLDING)return this.state===Ft.TOUCH_DELAY?(this.state=Ft.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=Ft.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=Ft.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=Ft.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===Ft.TOUCH_DELAY&&(this.state=Ft.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==Ft.WAITING_FOR_CLICK?this.state===Ft.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),o=Math.max(.35*i,75),s=Math.floor(.2*i),r=Math.sqrt(e**2+t**2)+10;this.initialSize=s,this.rippleScale=""+(r+o)/s,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:s}=this.getBoundingClientRect(),r=e+o,n=i+s,{pageX:a,pageY:l}=t;return{x:a-r,y:l-n}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let s;return s=t instanceof PointerEvent?this.getNormalizedPointerEventCoords(t):{x:i/2,y:e/2},s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:o}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),o=`${e.x}px, ${e.y}px`,s=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${s}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:It,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=Ft.INACTIVE;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=225?this.pressed=!1:(await new Promise((t=>{setTimeout(t,225-e)})),this.growAnimation===t&&(this.pressed=!1))}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:o,bottom:s,right:r}=this.getBoundingClientRect();return t>=o&&t<=r&&e>=i&&e<=s}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!Mt?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}onControlChange(t,e){if(!s)for(const i of jt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}r([T({type:Boolean,reflect:!0})],Dt.prototype,"disabled",void 0),r([P()],Dt.prototype,"hovered",void 0),r([P()],Dt.prototype,"pressed",void 0),r([I(".surface")],Dt.prototype,"mdRoot",void 0);
 /**
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Ht=t`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+const Rt=e`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
 `
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let qt=class extends Ft{};
+ */;let Ut=class extends Dt{};
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-function Dt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.target&&(!t.target.disabled&&!function(t){const e=Gt;e&&(t.preventDefault(),t.stopImmediatePropagation());return async function(){Gt=!0,await null,Gt=!1}
+function Lt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.target&&(!t.target.disabled&&!function(t){const e=Vt;e&&(t.preventDefault(),t.stopImmediatePropagation());return async function(){Vt=!0,await null,Vt=!1}
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */(),e}(t)))}qt.styles=[Ht],qt=r([a("md-ripple")],qt);let Gt=!1;const Wt=Symbol("internals"),Yt=Symbol("privateInternals");
+ */(),e}(t)))}Ut.styles=[Rt],Ut=r([a("md-ripple")],Ut);let Vt=!1;const Nt=Symbol("internals"),Bt=Symbol("privateInternals");
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Kt=Symbol("createValidator"),Xt=Symbol("getValidityAnchor"),Jt=Symbol("privateValidator"),Zt=Symbol("privateSyncValidity"),Qt=Symbol("privateCustomValidationMessage");
+const Ht=Symbol("createValidator"),qt=Symbol("getValidityAnchor"),Gt=Symbol("privateValidator"),Kt=Symbol("privateSyncValidity"),Wt=Symbol("privateCustomValidationMessage");
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const te=Symbol("isFocusable"),ee=Symbol("privateIsFocusable"),ie=Symbol("externalTabIndex"),oe=Symbol("isUpdatingTabIndex"),se=Symbol("updateTabIndex");
+const Yt=Symbol("isFocusable"),Xt=Symbol("privateIsFocusable"),Jt=Symbol("externalTabIndex"),Zt=Symbol("isUpdatingTabIndex"),Qt=Symbol("updateTabIndex");
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const re=Symbol("getFormValue"),ne=Symbol("getFormState");
+const te=Symbol("getFormValue"),ee=Symbol("getFormState");
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class ae{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const t=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,t)))return this.currentValidity;const{validity:e,validationMessage:i}=this.computeValidity(t);return this.prevState=this.copy(t),this.currentValidity={validationMessage:i,validity:{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing}},this.currentValidity}}
+class ie{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const t=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,t)))return this.currentValidity;const{validity:e,validationMessage:i}=this.computeValidity(t);return this.prevState=this.copy(t),this.currentValidity={validationMessage:i,validity:{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing}},this.currentValidity}}
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */class le extends ae{computeValidity(t){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let e=!1,i=!1;for(const{checked:o,required:s}of t)s&&(e=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=e,{validity:{valueMissing:e&&!i},validationMessage:this.radioElement.validationMessage}}equals(t,e){if(t.length!==e.length)return!1;for(let i=0;i<t.length;i++){const o=t[i],s=e[i];if(o.checked!==s.checked||o.required!==s.required)return!1}return!0}copy(t){return t.map((({checked:t,required:e})=>({checked:t,required:e})))}}
+ */class oe extends ie{computeValidity(t){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let e=!1,i=!1;for(const{checked:o,required:s}of t)s&&(e=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=e,{validity:{valueMissing:e&&!i},validationMessage:this.radioElement.validationMessage}}equals(t,e){if(t.length!==e.length)return!1;for(let i=0;i<t.length;i++){const o=t[i],s=e[i];if(o.checked!==s.checked||o.required!==s.required)return!1}return!0}copy(t){return t.map((({checked:t,required:e})=>({checked:t,required:e})))}}
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */class de{get controls(){const t=this.host.getAttribute("name");return t&&this.root&&this.host.isConnected?Array.from(this.root.querySelectorAll(`[name="${t}"]`)):[this.host]}constructor(t){this.host=t,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const e="ArrowDown"===t.key,i="ArrowUp"===t.key,o="ArrowLeft"===t.key,s="ArrowRight"===t.key;if(!(o||s||e||i))return;const r=this.controls;if(!r.length)return;t.preventDefault();const n="rtl"===getComputedStyle(this.host).direction?o||e:s||e,a=r.indexOf(this.host);let l=n?a+1:a-1;for(;l!==a;){l>=r.length?l=0:l<0&&(l=r.length-1);const t=r[l];if(!t.hasAttribute("disabled")){for(const e of r)e!==t&&(e.checked=!1,e.tabIndex=-1,e.blur());t.checked=!0,t.tabIndex=0,t.focus(),t.dispatchEvent(new Event("change",{bubbles:!0}));break}n?l++:l--}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const t of this.controls)t!==this.host&&(t.checked=!1)}updateTabIndices(){const t=this.controls,e=t.find((t=>t.checked));if(e||this.focused){const i=e||this.host;i.tabIndex=0;for(const e of t)e!==i&&(e.tabIndex=-1)}else for(const e of t)e.tabIndex=0}}
+ */class se{get controls(){const t=this.host.getAttribute("name");return t&&this.root&&this.host.isConnected?Array.from(this.root.querySelectorAll(`[name="${t}"]`)):[this.host]}constructor(t){this.host=t,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const e="ArrowDown"===t.key,i="ArrowUp"===t.key,o="ArrowLeft"===t.key,s="ArrowRight"===t.key;if(!(o||s||e||i))return;const r=this.controls;if(!r.length)return;t.preventDefault();const n="rtl"===getComputedStyle(this.host).direction?o||e:s||e,a=r.indexOf(this.host);let l=n?a+1:a-1;for(;l!==a;){l>=r.length?l=0:l<0&&(l=r.length-1);const t=r[l];if(!t.hasAttribute("disabled")){for(const e of r)e!==t&&(e.checked=!1,e.tabIndex=-1,e.blur());t.checked=!0,t.tabIndex=0,t.focus(),t.dispatchEvent(new Event("change",{bubbles:!0}));break}n?l++:l--}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const t of this.controls)t!==this.host&&(t.checked=!1)}updateTabIndices(){const t=this.controls,e=t.find((t=>t.checked));if(e||this.focused){const i=e||this.host;i.tabIndex=0;for(const e of t)e!==i&&(e.tabIndex=-1)}else for(const e of t)e.tabIndex=0}}
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var ce;const pe=Symbol("checked");let he=0;const ue=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[Zt](),this[Wt].validity}get validationMessage(){return this[Zt](),this[Wt].validationMessage}get willValidate(){return this[Zt](),this[Wt].willValidate}checkValidity(){return this[Zt](),this[Wt].checkValidity()}reportValidity(){return this[Zt](),this[Wt].reportValidity()}setCustomValidity(t){this[Qt]=t,this[Zt]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Zt]()}firstUpdated(t){super.firstUpdated(t),this[Zt]()}[(e=Qt,Zt)](){if(s)return;this[Jt]||(this[Jt]=this[Kt]());const{validity:t,validationMessage:e}=this[Jt].getValidity(),i=!!this[Qt],o=this[Qt]||e;this[Wt].setValidity({...t,customError:i},o,this[Xt]()??void 0)}[Kt](){throw new Error("Implement [createValidator]")}[Xt](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[Wt].form}get labels(){return this[Wt].labels}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",t)}attributeChangedCallback(t,e,i){if("name"!==t&&"disabled"!==t)super.attributeChangedCallback(t,e,i);else{const i="disabled"===t?null!==e:e;this.requestUpdate(t,i)}}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Wt].setFormValue(this[re](),this[ne]())}[re](){throw new Error("Implement [getFormValue]")}[ne](){return this[re]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,r([P({noAccessor:!0})],e.prototype,"name",null),r([P({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((be=function(t){var e,i,o;class s extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[te](){return this[ee]}set[te](t){this[te]!==t&&(this[ee]=t,this[se]())}connectedCallback(){super.connectedCallback(),this[se]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[oe])return this.hasAttribute("tabindex")?void(this[ie]=this.tabIndex):(this[ie]=null,void this[se]())}else super.attributeChangedCallback(t,e,i)}[(e=ee,i=ie,o=oe,se)](){const t=this[te]?0:-1,e=this[ie]??t;this[oe]=!0,this.tabIndex=e,this[oe]=!1}}return r([P({noAccessor:!0})],s.prototype,"tabIndex",void 0),s}(e),class extends be{get[Wt](){return this[Yt]||(this[Yt]=this.attachInternals()),this[Yt]}})));var be;class ye extends ue{get checked(){return this[pe]}set checked(t){const e=this.checked;e!==t&&(this[pe]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++he,this[ce]=!1,this.required=!1,this.value="on",this.selectionController=new de(this),this.addController(this.selectionController),s||(this[Wt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return i`
-      <div class="container ${$t(t)}" aria-hidden="true">
+ */var re;const ne=Symbol("checked");let ae=0;const le=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[Kt](),this[Nt].validity}get validationMessage(){return this[Kt](),this[Nt].validationMessage}get willValidate(){return this[Kt](),this[Nt].willValidate}checkValidity(){return this[Kt](),this[Nt].checkValidity()}reportValidity(){return this[Kt](),this[Nt].reportValidity()}setCustomValidity(t){this[Wt]=t,this[Kt]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Kt]()}firstUpdated(t){super.firstUpdated(t),this[Kt]()}[(e=Wt,Kt)](){if(s)return;this[Gt]||(this[Gt]=this[Ht]());const{validity:t,validationMessage:e}=this[Gt].getValidity(),i=!!this[Wt],o=this[Wt]||e;this[Nt].setValidity({...t,customError:i},o,this[qt]()??void 0)}[Ht](){throw new Error("Implement [createValidator]")}[qt](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[Nt].form}get labels(){return this[Nt].labels}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",t)}attributeChangedCallback(t,e,i){if("name"!==t&&"disabled"!==t)super.attributeChangedCallback(t,e,i);else{const i="disabled"===t?null!==e:e;this.requestUpdate(t,i)}}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Nt].setFormValue(this[te](),this[ee]())}[te](){throw new Error("Implement [getFormValue]")}[ee](){return this[te]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,r([T({noAccessor:!0})],e.prototype,"name",null),r([T({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((de=function(t){var e,i,o;class s extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[Yt](){return this[Xt]}set[Yt](t){this[Yt]!==t&&(this[Xt]=t,this[Qt]())}connectedCallback(){super.connectedCallback(),this[Qt]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[Zt])return this.hasAttribute("tabindex")?void(this[Jt]=this.tabIndex):(this[Jt]=null,void this[Qt]())}else super.attributeChangedCallback(t,e,i)}[(e=Xt,i=Jt,o=Zt,Qt)](){const t=this[Yt]?0:-1,e=this[Jt]??t;this[Zt]=!0,this.tabIndex=e,this[Zt]=!1}}return r([T({noAccessor:!0})],s.prototype,"tabIndex",void 0),s}(t),class extends de{get[Nt](){return this[Bt]||(this[Bt]=this.attachInternals()),this[Bt]}})));var de;class ce extends le{get checked(){return this[ne]}set checked(t){const e=this.checked;e!==t&&(this[ne]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++ae,this[re]=!1,this.required=!1,this.value="on",this.selectionController=new se(this),this.addController(this.selectionController),s||(this[Nt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return i`
+      <div class="container ${Pt(t)}" aria-hidden="true">
         <md-ripple
           part="ripple"
           .control=${this}
@@ -1138,19 +1023,19 @@ class ae{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
 
         <div class="touch-target"></div>
       </div>
-    `}updated(){this[Wt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(Dt(t)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(t){await 0," "!==t.key||t.defaultPrevented||this.click()}[(ce=pe,re)](){return this.checked?this.value:null}[ne](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[Kt](){return new le((()=>this.selectionController?this.selectionController.controls:[this]))}[Xt](){return this.container}}r([P({type:Boolean})],ye.prototype,"checked",null),r([P({type:Boolean})],ye.prototype,"required",void 0),r([P()],ye.prototype,"value",void 0),r([I(".container")],ye.prototype,"container",void 0);
+    `}updated(){this[Nt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(Lt(t)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(t){await 0," "!==t.key||t.defaultPrevented||this.click()}[(re=ne,te)](){return this.checked?this.value:null}[ee](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[Ht](){return new oe((()=>this.selectionController?this.selectionController.controls:[this]))}[qt](){return this.container}}r([T({type:Boolean})],ce.prototype,"checked",null),r([T({type:Boolean})],ce.prototype,"required",void 0),r([T()],ce.prototype,"value",void 0),r([I(".container")],ce.prototype,"container",void 0);
 /**
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
+const he=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
 `
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let ge=class extends ye{};ge.styles=[me],ge=r([a("md-radio")],ge);let fe=class extends e{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=t`
+ */;let pe=class extends ce{};pe.styles=[he],pe=r([a("md-radio")],pe);let ue=class extends t{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=e`
     :host {
       font-family: "Graphik", sans-serif;
     }
@@ -1166,38 +1051,44 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       width: 24px;
       height: 24px;
       border-radius: 50%;
-      background: var(--white);
-      border: 1px solid var(--secondary-color-20);
+      background: #FFFFFF;
+      border: 1px solid #CFD1D9;
     }
 
+    /* Hover solo en el círculo */
     md-radio::part(container):hover {
       box-shadow: 0px 0px 0px 4px #0F19411A;
-      border: 1px solid var(--secondary-color-20);
+      border: 1px solid #CFD1D9;
       border-radius: 50%;
     }
 
+    /* Focus solo en el círculo */
     md-radio:focus-visible::part(container) {
-      border: 1px solid var(--primary-color);
+      border: 1px solid #2175D9;
     }
 
+    /* Estilos cuando está seleccionado (On) */
     md-radio.checked {
-      background: var(--primary-color);
-      border: 1px solid var(--primary-color);
+      background: #2175D9;
+      border: 1px solid #2175D9;
     }
 
+    /* Estilos cuando está seleccionado y hay error (Error On) */
     md-radio.checked.error {
-      background: var(--ui-negative);
-      border: 1px solid var(--ui-negative);
+      background: #E00F0F;
+      border: 1px solid #E00F0F;
     }
 
+    /* Estilos cuando está en Error Off */
     md-radio.error {
-      border: 1px solid var(--ui-negative);
+      border: 1px solid #E00F0F;
     }
 
+    /* Estilos cuando está deshabilitado */
     md-radio.disabled {
       cursor: not-allowed;
-      background: var(--secondary-color-20);
-      border: 1px solid var(--secondary-color-20);
+      background: #CFD1D9;
+      border: 1px solid #CFD1D9;
     }
   `}render(){const t=[this.checked?"checked":"",this.error?"error":"",this.disabled?"disabled":""].join(" ");return i`
       <label class="radio-container">
@@ -1209,7 +1100,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         ></md-radio>
         <span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
       </label>
-    `}};r([P({type:String}),n("design:type",Object)],fe.prototype,"name",void 0),r([P({type:Boolean}),n("design:type",Object)],fe.prototype,"checked",void 0),r([P({type:Boolean}),n("design:type",Object)],fe.prototype,"disabled",void 0),r([P({type:Boolean}),n("design:type",Object)],fe.prototype,"error",void 0),fe=r([a("custom-radio")],fe);let ve=class extends e{static{this.styles=t`
+    `}};r([T({type:String}),n("design:type",Object)],ue.prototype,"name",void 0),r([T({type:Boolean}),n("design:type",Object)],ue.prototype,"checked",void 0),r([T({type:Boolean}),n("design:type",Object)],ue.prototype,"disabled",void 0),r([T({type:Boolean}),n("design:type",Object)],ue.prototype,"error",void 0),ue=r([a("custom-radio")],ue);let be=class extends t{static{this.styles=e`
     :host {
       display: block;
       font-family: 'Graphik', sans-serif;
@@ -1252,7 +1143,9 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .form-label {
-      ${M};
+      font-size: 16px;
+      line-height: 25px;
+      font-weight: 400;
       color: var(--label-color, var(--secondary-color-80));
     }
 
@@ -1300,7 +1193,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       left: 20px;
       right: 20px;
       height: 1px;
-      background-color: var(--gray-20);
+      background-color: #d7d7d7;
       z-index: 10;
     }
 
@@ -1319,13 +1212,16 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .filter-input {
-      ${R};
+      font-size: 18px;
+      line-height: 30px;
       padding: 16px;
       padding-right: 40px;
       border: none;
       outline: none;
       width: 100%;
       box-sizing: border-box;
+      font-family: 'Graphik', sans-serif;
+      font-weight: 400;
       background: white;
       cursor: pointer;
       color: var(--secondary-color);
@@ -1339,8 +1235,10 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .filter-input::placeholder {
-      ${R};
       color: var(--secondary-color-40);
+      font-size: 18px;
+      line-height: 30px;
+      font-weight: 400;
     }
 
     .icon-button {
@@ -1362,7 +1260,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     randstad-icon {
       width: 24px;
       height: 24px;
-      color: var(--primary-color);
+      color: #2175D9;
     }
 
     .options-list {
@@ -1384,9 +1282,11 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .options-list li {
-      ${R};
       padding: 8px 16px 8px 16px;
       cursor: pointer;
+      font-size: 18px;
+      line-height: 30px;
+      font-weight: 400;
       color: var(--secondary-color-80);
     }
 
@@ -1449,12 +1349,15 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .filter-fake {
-      ${R};
+      font-size: 18px;
+      line-height: 30px;
       padding: 15px;
       padding-right: 40px;
       width: 100%;
       background: white;
       box-sizing: border-box;
+      font-family: 'Graphik', sans-serif;
+      font-weight: 400;
       cursor: pointer;
       color: var(--secondary-color-80);
       white-space: nowrap;
@@ -1480,14 +1383,14 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .options-list::-webkit-scrollbar-thumb {
-      background-color: var(--secondary-color-30);
+      background-color: var(--secondary-color-30, #ccc);
       border-radius: 4px;
     }
 
     .options-list::-webkit-scrollbar-button {
       display: none;
     }
-  `}constructor(){if(super(),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.label="",this.value="",this.labelColor="",this.filterable=!0,this.error=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.defaultValue){const t=this.options.find((t=>"string"==typeof t?t===this.defaultValue:t.value===this.defaultValue));t&&(this.filterValue="string"==typeof t?t:t.label)}}willUpdate(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")){const t=this.options.find((t=>"string"==typeof t?t===this.defaultValue:t.value===this.defaultValue));t&&(this.filterValue="string"==typeof t?t:t.label)}if(t.has("value")){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));t&&(this.filterValue="string"==typeof t?t:t.label)}}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this.value="string"==typeof t?t:t.value;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this.filterValue="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()))}render(){const t=this.isMobile;return i`
+  `}constructor(){if(super(),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.label="",this.value="",this.labelColor="",this.filterable=!0,this.isMobile=!1,this.error=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.defaultValue){const t=this.options.find((t=>"string"==typeof t?t===this.defaultValue:t.value===this.defaultValue));t&&(this.filterValue="string"==typeof t?t:t.label)}}willUpdate(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")){const t=this.options.find((t=>"string"==typeof t?t===this.defaultValue:t.value===this.defaultValue));t&&(this.filterValue="string"==typeof t?t:t.label)}if(t.has("value")){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));t&&(this.filterValue="string"==typeof t?t:t.label)}}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this.value="string"==typeof t?t:t.value;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this.filterValue="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(t){this.contains(t.target)||(this.isOpen=!1,this.requestUpdate())}render(){const t=this.isMobile;return i`
       <div class="select-container" style="${this.labelColor?` --label-color: ${this.labelColor}`:""}">
         ${this.label?i`
           <div class="label-container">
@@ -1519,7 +1422,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
               @click="${this.handleIconClick}"
               ?disabled="${this.disabled}"
             >
-              ${this.filterable&&this.filterValue?i`<randstad-icon name="close" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>`:this.isOpen&&this.filteredOptions.length>0?i`<randstad-icon name="arrow_up" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>`:i`<randstad-icon name="arrow_down" size="24px" style="--icon-color: var(--primary-color);"></randstad-icon>`}
+              ${this.filterable&&this.filterValue?i`<randstad-icon name="close" size="24px" color="#2175D9"></randstad-icon>`:this.isOpen&&this.filteredOptions.length>0?i`<randstad-icon name="arrow_up" size="24px" color="#2175D9"></randstad-icon>`:i`<randstad-icon name="arrow_down" size="24px" color="#2175D9"></randstad-icon>`}
             </button>
           </div>
 
@@ -1564,77 +1467,72 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
           `:""}
         </div>
       </div>
-    `}};r([P({type:Array}),n("design:type",Array)],ve.prototype,"options",void 0),r([P({type:String}),n("design:type",Object)],ve.prototype,"placeholder",void 0),r([P({type:String,attribute:"default-value"}),n("design:type",Object)],ve.prototype,"defaultValue",void 0),r([P({type:Boolean}),n("design:type",Object)],ve.prototype,"disabled",void 0),r([P({type:String}),n("design:type",Object)],ve.prototype,"label",void 0),r([P({type:String}),n("design:type",String)],ve.prototype,"value",void 0),r([P({type:String}),n("design:type",Object)],ve.prototype,"labelColor",void 0),r([P({type:Boolean}),n("design:type",Object)],ve.prototype,"filterable",void 0),r([P({type:Number}),n("design:type",Number)],ve.prototype,"maxLength",void 0),r([P({type:Boolean,reflect:!0}),n("design:type",Boolean)],ve.prototype,"error",void 0),r([z(),n("design:type",Boolean)],ve.prototype,"isMobile",void 0),r([z(),n("design:type",Array)],ve.prototype,"filteredOptions",void 0),r([z(),n("design:type",Object)],ve.prototype,"filterValue",void 0),r([z(),n("design:type",Object)],ve.prototype,"isOpen",void 0),r([z(),n("design:type",Object)],ve.prototype,"mobileFilterValue",void 0),ve=r([a("filterable-select"),n("design:paramtypes",[])],ve);let xe=class extends e{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=t`
+    `}};r([T({type:Array}),n("design:type",Array)],be.prototype,"options",void 0),r([T({type:String}),n("design:type",Object)],be.prototype,"placeholder",void 0),r([T({type:String,attribute:"default-value"}),n("design:type",Object)],be.prototype,"defaultValue",void 0),r([T({type:Boolean}),n("design:type",Object)],be.prototype,"disabled",void 0),r([T({type:String}),n("design:type",Object)],be.prototype,"label",void 0),r([T({type:String}),n("design:type",String)],be.prototype,"value",void 0),r([T({type:String}),n("design:type",Object)],be.prototype,"labelColor",void 0),r([T({type:Boolean}),n("design:type",Object)],be.prototype,"filterable",void 0),r([T({type:Number}),n("design:type",Number)],be.prototype,"maxLength",void 0),r([P(),n("design:type",Boolean)],be.prototype,"isMobile",void 0),r([T({type:Boolean,reflect:!0}),n("design:type",Boolean)],be.prototype,"error",void 0),r([P(),n("design:type",Object)],be.prototype,"filteredOptions",void 0),r([P(),n("design:type",Object)],be.prototype,"filterValue",void 0),r([P(),n("design:type",Object)],be.prototype,"isOpen",void 0),r([P(),n("design:type",Object)],be.prototype,"mobileFilterValue",void 0),be=r([a("filterable-select"),n("design:paramtypes",[])],be);let fe=class extends t{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=e`
     .stepper {
       display: flex;
       gap: 20px;
       align-items: center;
     }
-
     .step {
       width: 20px;
       height: 20px;
       border-radius: 50%;
-      background-color: var(--white);
-      border: 1px solid var(--secondary-color-20);
+      background-color: #ffffff;
+      border: 1px solid #CFD1D9;
       position: relative;
       box-sizing: content-box;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 12px;
-      color: var(--secondary-color-20);
+      color: #CFD1D9;
     }
-
     .step .inner-circle {
       width: 4px;
       height: 4px;
       border-radius: 50%;
-      background-color: var(--white);
+      background-color: #ffffff;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
+      /* Improve sharpness */
       image-rendering: -webkit-optimize-contrast;
       image-rendering: crisp-edges;
       backface-visibility: hidden;
       transform-style: preserve-3d;
     }
-
     .step.completed {
-      background-color: var(--primary-color);
-      border: 1px solid var(--primary-color);
+      background-color: #2175d9;
+      border: 1px solid #2175d9;
     }
-
     .step.completed randstad-icon {
       color: white;
     }
-
     .step.active {
-      background-color: var(--white);
-      border: 1px solid var(--primary-color);
+      background-color: #ffffff;
+      border: 1px solid #2175d9;
     }
-
     .step.active .inner-circle {
-      background-color: var(--primary-color);
+      background-color: #2175d9;
     }
-
+    /* Animation for the active step's pulsing circle */
     .step.active .pulse-circle {
       width: 12px;
       height: 12px;
       border-radius: 50%;
-      background-color: var(--primary-color);
+      background-color: #2175d9;
       opacity: 0.25;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%) scale(0.6);
       animation: pulse 2000ms ease-in-out infinite;
+      /* Improve sharpness */
       image-rendering: -webkit-optimize-contrast;
       image-rendering: crisp-edges;
       backface-visibility: hidden;
     }
-
     @keyframes pulse {
       0% {
         transform: translate(-50%, -50%) scale(0.6);
@@ -1643,7 +1541,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         transform: translate(-50%, -50%) scale(1.2);
       }
     }
-
+    /* Improve rendering */
     .step,
     .inner-circle,
     .pulse-circle {
@@ -1664,7 +1562,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
           </div>
         `))}
       </div>
-    `}};r([P({type:Number}),n("design:type",Object)],xe.prototype,"totalSteps",void 0),r([P({type:Number}),n("design:type",Object)],xe.prototype,"currentStep",void 0),xe=r([a("custom-stepper")],xe);const we=new CSSStyleSheet;we.replaceSync("\n  @font-face {\n    font-family: 'Graphik';\n    src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n         url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n         url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  .body-s {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 100%;\n    letter-spacing: 0%;\n    color: green;\n  }\n");class $e extends e{static{this.styles=[we,t`
+    `}};r([T({type:Number}),n("design:type",Object)],fe.prototype,"totalSteps",void 0),r([T({type:Number}),n("design:type",Object)],fe.prototype,"currentStep",void 0),fe=r([a("custom-stepper")],fe);const me=new CSSStyleSheet;me.replaceSync("\n  @font-face {\n    font-family: 'Graphik';\n    src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n         url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n         url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  .body-s {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 100%;\n    letter-spacing: 0%;\n    color: green;\n  }\n");class ge extends t{static{this.styles=[me,e`
       :host {
         display: flex;
         position: fixed;
@@ -1674,6 +1572,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         z-index: 9999;
       }
 
+      /* Posiciones por defecto */
       :host([position="top-left"]) {
         top: 16px;
         left: 16px;
@@ -1720,6 +1619,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         justify-content: flex-end;
       }
 
+      /* Estilos para mobile forzados */
       :host(.mobile) {
         bottom: 16px !important;
         top: auto !important;
@@ -1734,7 +1634,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       }
 
       .container {
-        ${j};
+        font-family: 'Graphik', sans-serif;
         display: flex;
         align-items: center;
         box-sizing: border-box;
@@ -1744,6 +1644,9 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         border-radius: 4px;
         padding: 8px;
         gap: 8px;
+        font-size: 14px;
+        line-height: 25px;
+        font-weight: 400;
         white-space: nowrap;
         color: var(--white);
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
@@ -1800,7 +1703,21 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         <randstad-icon name=${this.icon} size="24px" color="white"></randstad-icon>
         <span class="message">${this.message}</span>
       </div>
-    `}}customElements.define("randstad-snackbar",$e);let ke=class extends e{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected=""}static{this.styles=t`
+    `}}customElements.define("randstad-snackbar",ge);class ye extends t{static{this.styles=e`
+    div {
+      color: red;
+      font-size: 20px;
+    }
+  `}render(){return i`<div>Hola desde el Design System</div>`}}customElements.define("test-component",ye);let ve=class extends t{constructor(){super(...arguments),this.label="Test Button"}static{this.styles=e`
+    button {
+      padding: 10px 20px;
+      font-size: 16px;
+      background: blue;
+      color: white;
+      border: none;
+      cursor: pointer;
+    }
+  `}render(){return i`<button>${this.label}</button>`}};r([T({type:String}),n("design:type",Object)],ve.prototype,"label",void 0),ve=r([a("test-button")],ve);let xe=class extends t{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected=""}static{this.styles=e`
     :host {
       display: flex;
       justify-content: space-around;
@@ -1825,7 +1742,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       cursor: pointer;
       text-decoration: none;
       position: relative;
-      flex: 1;
+      flex: 1; /* ✅ para que cada tab ocupe el mismo espacio si lo deseas */
     }
 
     .tab.active {
@@ -1838,7 +1755,7 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       bottom: -8px;
       left: 0;
       height: 2px;
-      width: 100%;
+      width: 100%; /* ✅ ocupará todo el ancho del .tab */
       background-color: #0060df;
       border-radius: 1px;
     }
@@ -1855,5 +1772,5 @@ const me=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
           <span>${t.label}</span>
         </div>
       `))}
-    `}};r([P({type:Array}),n("design:type",Array)],ke.prototype,"tabs",void 0),r([P({type:String}),n("design:type",String)],ke.prototype,"selected",void 0),r([z(),n("design:type",String)],ke.prototype,"internalSelected",void 0),ke=r([a("tabs-bar")],ke);export{St as Checkbox,_t as CustomModal,Ot as CustomPopup,fe as CustomRadio,xe as CustomStepper,ve as FilterableSelect,At as IconComponent,kt as RandstadButton,Ct as RandstadForm,Et as RandstadNotice,ke as TabsBar};
+    `}};r([T({type:Array}),n("design:type",Array)],xe.prototype,"tabs",void 0),r([T({type:String}),n("design:type",String)],xe.prototype,"selected",void 0),r([P(),n("design:type",String)],xe.prototype,"internalSelected",void 0),xe=r([a("tabs-bar")],xe);export{j as Checkbox,R as CustomModal,L as CustomPopup,ue as CustomRadio,fe as CustomStepper,be as FilterableSelect,D as IconComponent,F as RandstadButton,M as RandstadForm,xe as TabsBar,ve as TestButton,ye as TestComponent};
 //# sourceMappingURL=index.js.map