energy-components 1.5.0 → 1.6.0-beta.0

package/dist/components/pagination.es.js

@@ -1,19 +1,12 @@
-import { defineComponent as L, ref as v, computed as o, watchEffect as V, openBlock as t, createElementBlock as c, createElementVNode as u, createBlock as k, createCommentVNode as g, createVNode as C, Fragment as j, renderList as E, normalizeClass as T, toDisplayString as y } from "vue";
-import m from "./actionButton.es.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const A = { class: "rds-e-pagination" }, S = ["disabled", "aria-label", "onClick"], $ = {
+import { defineComponent as L, toRefs as S, ref as k, computed as s, watchEffect as j, onMounted as w, openBlock as o, createElementBlock as m, createElementVNode as d, createBlock as h, createCommentVNode as f, createVNode as P, Fragment as D, renderList as F, toDisplayString as b, unref as R } from "vue";
+import g from "./actionButton.es.js";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const V = { class: "rds-e-pagination-container rds-flex" }, q = { class: "rds-e-pagination" }, A = {
   key: 0,
-  class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
-}, z = /* @__PURE__ */ L({
+  class: "rds-e-pagination-leyend"
+}, O = /* @__PURE__ */ L({
   __name: "pagination",
   props: {
-    /**
-     * El número total de páginas en la paginación.
-     */
-    totalPages: {
-      type: Number,
-      required: !0
-    },
     /**
      * La página actual que se está visualizando.
      */
@@ -34,105 +27,134 @@ import './style/pagination.css';const A = { class: "rds-e-pagination" }, S = ["d
     selected: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Ocultar la leyenda de paginación
+     */
+    hideLeyend: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * El número total de items
+     */
+    totalItems: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Items por página
+     */
+    itemsPerPage: {
+      type: Number,
+      default: 10
     }
   },
   emits: ["pageChanged"],
-  setup(l, { emit: h }) {
-    const e = l, i = h, s = v(!0), p = v(3), P = o(() => e.currentPage === 1 ? 1 : e.currentPage === e.totalPages ? e.totalPages - p.value + 1 : e.currentPage - 1), B = o(() => Math.min(
-      P.value + p.value - 1,
-      e.totalPages
-    )), N = o(() => {
-      const a = [];
-      for (let r = P.value; r <= B.value; r += 1)
-        a.push({
-          name: r,
-          isDisabled: r === e.currentPage
-        });
+  setup(u, { expose: _, emit: x }) {
+    const n = u, B = x, {
+      itemsPerPage: p,
+      totalItems: C
+    } = S(n), I = k(!0), l = k(n.currentPage), N = s(() => (n.currentPage - 1) * n.itemsPerPage + 1), $ = s(() => {
+      const a = n.currentPage * n.itemsPerPage;
+      return a > n.totalItems ? n.totalItems : a;
+    }), r = s(() => Math.ceil(n.totalItems / n.itemsPerPage)), v = s(() => n.currentPage === 1), c = s(() => n.currentPage === r.value), M = s(() => {
+      const a = [], t = n.currentPage;
+      if (t === 1)
+        for (let e = 1; e <= Math.min(3, r.value); e++)
+          a.push(e);
+      else if (t === r.value)
+        for (let e = Math.max(1, r.value - 2); e <= r.value; e++)
+          a.push(e);
+      else
+        a.push(t - 1, t, t + 1);
       return a;
-    }), d = (a) => {
-      a === e.totalPages - 1 ? s.value = !1 : s.value = !0;
-    }, _ = o(() => e.currentPage === 1), b = o(() => e.currentPage === e.totalPages), x = () => {
-      d(e.currentPage), i("pageChanged", 1);
-    }, w = () => {
-      d(e.currentPage - 1), e.currentPage > 1 && i("pageChanged", e.currentPage - 1);
-    }, D = (a) => {
-      d(a), i("pageChanged", a);
-    }, F = () => {
-      d(e.currentPage + 1), i("pageChanged", e.currentPage + 1);
-    }, f = () => {
-      i("pageChanged", e.totalPages);
-    }, I = (a) => e.currentPage === a;
-    return V(() => {
-      e.currentPage === e.totalPages && (s.value = !1);
-    }), (a, r) => (t(), c("ul", A, [
-      u("li", null, [
-        l.jumpTo ? (t(), k(m, {
-          key: 0,
-          class: "rds-e-pagination__actionBtn",
-          type: "secondary",
-          small: "",
-          icon: "back",
-          "aria-label": "First Page",
-          disabled: _.value,
-          onClick: x
-        }, null, 8, ["disabled"])) : g("", !0)
-      ]),
-      u("li", null, [
-        C(m, {
-          class: "rds-e-pagination__actionBtn",
-          type: "secondary",
-          small: "",
-          icon: "arrow_left",
-          "aria-label": "Prev page",
-          disabled: _.value,
-          onClick: w
-        }, null, 8, ["disabled"])
-      ]),
-      (t(!0), c(j, null, E(N.value, (n) => (t(), c("li", {
-        key: n.name
-      }, [
-        u("button", {
-          class: T(["rds-e-pagination__item", {
-            "rds-e-pagination__item--active": I(n.name) && l.selected
-          }]),
-          type: "button",
-          disabled: n.isDisabled,
-          "aria-label": `page number ${n.name}`,
-          onClick: (M) => D(n.name)
-        }, y(n.name), 11, S)
-      ]))), 128)),
-      s.value ? (t(), c("li", $, " ... ")) : g("", !0),
-      s.value ? (t(), c("li", {
-        key: 1,
-        class: "rds-e-pagination__item rds-e-pagination__item-elipsis",
-        onClick: f
-      }, y(l.totalPages), 1)) : g("", !0),
-      u("li", null, [
-        C(m, {
-          class: "rds-e-pagination__actionBtn",
-          type: "secondary",
-          icon: "arrow_right",
-          small: "",
-          "aria-label": "next page",
-          disabled: b.value,
-          onClick: F
-        }, null, 8, ["disabled"])
+    }), E = (a) => {
+      "navigator" in a && (a.navigator === "next" && !c.value && (l.value = l.value + 1), a.navigator === "prev" && !v.value && (l.value = l.value - 1), a.navigator === "first" && !v.value && (l.value = 1), a.navigator === "last" && !c.value && (l.value = r.value)), "page" in a && a.page !== void 0 && (l.value = a.page);
+    }, i = (a = {}, t = !1) => {
+      E(a);
+      let e = 0;
+      l.value > 1 && (e = (l.value - 1) * p.value);
+      const y = e + p.value;
+      B("pageChanged", {
+        ...a,
+        page: l.value,
+        offset: e,
+        end: y,
+        limit: p,
+        reset: t
+      });
+    };
+    return _({
+      resetPagination: () => i({ page: 1 }, !0)
+    }), j(() => {
+      n.currentPage === r.value && (I.value = !1);
+    }), w(() => {
+      i();
+    }), (a, t) => (o(), m("div", V, [
+      d("ul", q, [
+        d("li", null, [
+          u.jumpTo ? (o(), h(g, {
+            key: 0,
+            class: "rds-e-pagination__actionBtn",
+            variant: "ghost",
+            small: "",
+            icon: "back",
+            "aria-label": "First Page",
+            disabled: v.value,
+            onClick: t[0] || (t[0] = (e) => i({ navigator: "first" }))
+          }, null, 8, ["disabled"])) : f("", !0)
+        ]),
+        d("li", null, [
+          P(g, {
+            class: "rds-e-pagination__actionBtn",
+            variant: "ghost",
+            small: "",
+            icon: "arrow_left",
+            "aria-label": "Prev page",
+            disabled: v.value,
+            onClick: t[1] || (t[1] = (e) => i({ navigator: "prev" }))
+          }, null, 8, ["disabled"])
+        ]),
+        (o(!0), m(D, null, F(M.value, (e) => (o(), m("li", { key: e }, [
+          P(g, {
+            class: "rds-e-pagination__item",
+            variant: e === u.currentPage ? "primary" : "ghost",
+            small: "",
+            text: String(e),
+            icon: "",
+            "aria-label": `page number ${e}`,
+            onClick: (y) => i({ page: e })
+          }, null, 8, ["variant", "text", "aria-label", "onClick"])
+        ]))), 128)),
+        d("li", null, [
+          P(g, {
+            class: "rds-e-pagination__actionBtn",
+            variant: "ghost",
+            icon: "arrow_right",
+            small: "",
+            "aria-label": "next page",
+            disabled: c.value,
+            onClick: t[2] || (t[2] = (e) => i({ navigator: "next" }))
+          }, null, 8, ["disabled"])
+        ]),
+        d("li", null, [
+          u.jumpTo ? (o(), h(g, {
+            key: 0,
+            class: "rds-e-pagination__actionBtn",
+            variant: "ghost",
+            small: "",
+            icon: "last",
+            "aria-label": "last page",
+            disabled: c.value,
+            onClick: t[3] || (t[3] = (e) => i({ navigator: "last" }))
+          }, null, 8, ["disabled"])) : f("", !0)
+        ])
       ]),
-      u("li", null, [
-        l.jumpTo ? (t(), k(m, {
-          key: 0,
-          class: "rds-e-pagination__actionBtn",
-          type: "secondary",
-          small: "",
-          icon: "last",
-          "aria-label": "last page",
-          disabled: b.value,
-          onClick: f
-        }, null, 8, ["disabled"])) : g("", !0)
-      ])
+      u.hideLeyend ? f("", !0) : (o(), m("p", A, " Mostrando resultados " + b(N.value) + "-" + b($.value) + " de " + b(R(C)), 1))
     ]));
   }
-}), J = /* @__PURE__ */ q(z, [["__scopeId", "data-v-35362a0d"]]);
+}), J = /* @__PURE__ */ T(O, [["__scopeId", "data-v-d95e9a0a"]]);
 export {
   J as default
 };

package/dist/components/persistentToast.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as f, toRefs as v, computed as y, openBlock as t, createElementBlock as s, normalizeClass as g, createElementVNode as n, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as h } from "vue";
-import { R as l } from "./icon-svg-u9BWBbvW.js";
+import { I as l } from "./icon-svg-CeKfjk3j.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/persistentToast.css';const S = { class: "alert" }, C = {
+import './style/persistentToast.css';const C = { class: "alert" }, S = {
   key: 0,
   class: "rds-e-persistent-toast__custom-icon-block"
 }, $ = { class: "rds-e-persistent-toast__wrapper" }, b = { class: "rds-e-persistent-toast__title__wrapper" }, q = {
@@ -89,12 +89,12 @@ import './style/persistentToast.css';const S = { class: "alert" }, C = {
     ), p = () => {
       m("onCloseToastAction");
     };
-    return (i, N) => (t(), s("div", {
+    return (i, I) => (t(), s("div", {
       class: g(["rds-e-persistent-toast", _.value]),
       role: "alert"
     }, [
-      n("div", S, [
-        e.icon ? (t(), s("div", C, [
+      n("div", C, [
+        e.icon ? (t(), s("div", S, [
           a(l, {
             name: e.icon,
             class: "rds-e-persistent-toast__custom-icon",

package/dist/components/quantitySelector.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as V, mergeModels as c, useModel as w, ref as i, openBlock as B, createElementBlock as I, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
-import { R as y } from "./icon-svg-u9BWBbvW.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], R = /* @__PURE__ */ V({
+import { defineComponent as I, mergeModels as c, useModel as V, ref as i, openBlock as w, createElementBlock as B, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
+import { I as y } from "./icon-svg-CeKfjk3j.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], z = /* @__PURE__ */ I({
   __name: "quantity-selector",
   props: /* @__PURE__ */ c({
     /**
@@ -52,7 +52,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
   }),
   emits: /* @__PURE__ */ c(["onClickPlus", "onClickMinus", "onChange", "onDelete"], ["update:modelValue"]),
   setup(l, { emit: p }) {
-    const h = l, n = p, e = w(l, "modelValue"), s = i(!1), u = i(null), k = i(null), C = () => {
+    const h = l, n = p, e = V(l, "modelValue"), s = i(!1), u = i(null), k = i(null), C = () => {
       e.value < 99 && (e.value++, n("onChange", e.value)), n("onClickPlus");
     }, q = () => {
       h.deleteButton && e.value !== 0 ? (n("onDelete"), e.value = 0, n("onChange", e.value)) : e.value > 0 && (e.value--, n("onChange", e.value)), n("onClickMinus");
@@ -66,7 +66,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
       }
       s.value = !1;
     };
-    return (t, a) => (B(), I("div", {
+    return (t, a) => (w(), B("div", {
       class: r(["rds-e-quantity-selector", {
         "rds-e-quantity-selector--disabled": l.disabled,
         "rds-e-quantity-selector--small": l.size === "small",
@@ -84,7 +84,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
         m(y, {
           name: l.deleteButton && e.value !== 0 ? "delete" : "minus"
         }, null, 8, ["name"])
-      ], 10, _),
+      ], 10, D),
       f(o("input", {
         ref_key: "mainInput",
         ref: k,
@@ -137,7 +137,7 @@ import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"],
       ], 10, x)
     ], 2));
   }
-}), A = /* @__PURE__ */ D(R, [["__scopeId", "data-v-e9c62df7"]]);
+}), P = /* @__PURE__ */ _(z, [["__scopeId", "data-v-e9c62df7"]]);
 export {
-  A as default
+  P as default
 };

package/dist/components/radioButton.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
-import { R as C } from "./icon-svg-u9BWBbvW.js";
-import { g as G } from "./getInstance-GhoEcxLF.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({
+import { defineComponent as R, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
+import { I as C } from "./icon-svg-CeKfjk3j.js";
+import { g as I } from "./getInstance-GhoEcxLF.js";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ R({
   __name: "radio-button",
   props: {
     /**
@@ -50,17 +50,17 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
     }
   },
   setup(e) {
-    const o = e, d = f(!1), t = f(!1), y = G(), l = m(() => o.id || `input-${y}`), a = i("radioGroupValue"), p = i("radioGroupName");
+    const o = e, d = f(!1), t = f(!1), y = I(), l = m(() => o.id || `input-${y}`), a = i("radioGroupValue"), p = i("radioGroupName");
     a || console.warn("RDSRadioButton debe estar dentro de un RDSRadioGroup");
-    const S = i("validateId");
-    o.id && !S(o.id) && console.warn(
+    const k = i("validateId");
+    o.id && !k(o.id) && console.warn(
       `RDSRadioButton con id ${o.id} tiene un id duplicado. Se generará un id único.`
     );
-    const k = m(() => (a == null ? void 0 : a.value) === o.option), R = () => {
+    const S = m(() => (a == null ? void 0 : a.value) === o.option), g = () => {
       !o.disabled && a && (a.value = o.option);
-    }, g = () => {
+    }, h = () => {
       t.value && (d.value = !0);
-    }, h = () => d.value = !1, s = (u) => {
+    }, B = () => d.value = !1, s = (u) => {
       u.key === "Tab" && (t.value = !0);
     }, c = () => {
       t.value = !1;
@@ -79,10 +79,10 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
         class: n(`rds-e-radio ${e.error ? " rds-e-radio--error" : ""}`),
         name: E(p),
         disabled: e.disabled,
-        checked: k.value,
-        onChange: R,
-        onFocus: g,
-        onBlur: h
+        checked: S.value,
+        onChange: g,
+        onFocus: h,
+        onBlur: B
       }, null, 42, L),
       v("label", {
         for: l.value,
@@ -101,7 +101,7 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
       ], 10, $)
     ], 2));
   }
-}), V = /* @__PURE__ */ I(j, [["__scopeId", "data-v-c8280e86"]]);
+}), V = /* @__PURE__ */ G(j, [["__scopeId", "data-v-c8280e86"]]);
 export {
   V as default
 };

package/dist/components/selectionChip.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, ref as h, computed as s, openBlock as p, createElementBlock as u, normalizeClass as f, createVNode as g, createElementVNode as m, toDisplayString as _ } from "vue";
-import { R as b } from "./icon-svg-u9BWBbvW.js";
+import { I as b } from "./icon-svg-CeKfjk3j.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ r({
+import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, x = /* @__PURE__ */ r({
   __name: "selection-chip",
   props: {
     /**
@@ -65,7 +65,7 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
     }), d = () => {
       e.disabled || c("onClickChip", e.filterValue);
     };
-    return (t, x) => (p(), u("button", {
+    return (t, B) => (p(), u("button", {
       ref_key: "chipRef",
       ref: o,
       class: f(a.value),
@@ -81,7 +81,7 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
       m("span", k, _(i.text), 1)
     ], 10, C));
   }
-}), V = /* @__PURE__ */ y(S, [["__scopeId", "data-v-9b7aba98"]]);
+}), I = /* @__PURE__ */ y(x, [["__scopeId", "data-v-9b7aba98"]]);
 export {
-  V as default
+  I as default
 };

package/dist/components/sidedrawer.es.js

@@ -1,10 +1,10 @@
 import { defineComponent as g, ref as i, computed as l, watch as y, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as d, normalizeStyle as k, toDisplayString as b, createCommentVNode as w, createBlock as B, renderSlot as _ } from "vue";
-import { R as $ } from "./icon-svg-u9BWBbvW.js";
+import { I as $ } from "./icon-svg-CeKfjk3j.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/sidedrawer.css';const z = { class: "rds-e-sidedrawer__header rds-mb-24" }, D = {
+import './style/sidedrawer.css';const I = { class: "rds-e-sidedrawer__header rds-mb-24" }, z = {
   key: 0,
   class: "rds-headline-04 rds-content-high"
-}, E = { class: "rds-e-sidedrawer__content-inner" }, H = { class: "rds-e-sidedrawer__footer rds-pt-12" }, I = /* @__PURE__ */ g({
+}, E = { class: "rds-e-sidedrawer__content-inner" }, H = { class: "rds-e-sidedrawer__footer rds-pt-12" }, N = /* @__PURE__ */ g({
   __name: "sidedrawer",
   props: {
     /**
@@ -74,13 +74,13 @@ import './style/sidedrawer.css';const z = { class: "rds-e-sidedrawer__header rds
         class: u(["rds-e-sidedrawer__content rds-pa-24", C.value]),
         style: k({ "--container-width": `${t.containerWidth}px` })
       }, [
-        d("div", z, [
-          t.title ? (n(), c("h2", D, b(t.title), 1)) : w("", !0),
+        d("div", I, [
+          t.title ? (n(), c("h2", z, b(t.title), 1)) : w("", !0),
           t.iconClose ? (n(), B($, {
             key: 1,
             name: "close",
             class: "rds-e-sidedrawer__icon",
-            onClick: o[0] || (o[0] = (N) => s(!0))
+            onClick: o[0] || (o[0] = (V) => s(!0))
           })) : w("", !0)
         ]),
         d("div", E, [
@@ -92,7 +92,7 @@ import './style/sidedrawer.css';const z = { class: "rds-e-sidedrawer__header rds
       ], 6)
     ], 2));
   }
-}), T = /* @__PURE__ */ x(I, [["__scopeId", "data-v-18f02b05"]]);
+}), j = /* @__PURE__ */ x(N, [["__scopeId", "data-v-18f02b05"]]);
 export {
-  T as default
+  j as default
 };

package/dist/components/style/actionButton.css

@@ -1 +1 @@
-[data-v-261a503b]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn--action[data-v-261a503b]{aspect-ratio:1/1;border-radius:999px;flex-grow:0;height:3rem;width:3rem}.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{border-radius:999px;height:2.5rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{height:2rem;width:2rem}}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]{background-color:#fff;border:1px solid #43637d;color:#001e37}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:focus{border:1px solid #00badb}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]{background-color:#fff;border:none;color:#001e37}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]:hover{background-color:#ccc}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover{color:#007899}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b],.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover:before{background-color:#e6e6e6;opacity:.3}
+[data-v-261a503b]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn--action[data-v-261a503b]{aspect-ratio:1/1;border-radius:999px;flex-grow:0;height:3rem;width:3rem}.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{border-radius:999px;height:2.5rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{height:2rem;width:2rem}}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]{background-color:#fff;border:1px solid #43637d;color:#001e37}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:focus{border:1px solid #00badb}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]{background-color:#fff;border:none;color:#001e37}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]:hover{background-color:#ccc}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover{color:#007899}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-261a503b]{background-color:transparent;color:#001e37;color:#fff}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-261a503b]:hover{color:#007899}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-261a503b]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-261a503b]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b],.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover:before{background-color:#e6e6e6;opacity:.3}

package/dist/components/style/button.css

@@ -1 +1 @@
-[data-v-a17b5b56]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn[data-v-a17b5b56]{font:1rem/1.5rem RepsolSoleTextRegular;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.5rem 1.5rem;overflow:hidden;position:relative}@media (min-width: 1280px){.rds-e-btn[data-v-a17b5b56]{height:3rem;min-width:12.5rem;padding:.75rem 2rem;width:auto}}.rds-e-btn[data-v-a17b5b56]:disabled{pointer-events:none}.rds-e-btn span.icon[data-v-a17b5b56]{color:inherit}.rds-e-btn[data-v-a17b5b56]:before{border-radius:50%;content:"";left:-50%;min-height:300px;position:absolute;top:100%;transition:all .25s ease-in-out;width:200%;z-index:0}.rds-e-btn[data-v-a17b5b56]:focus-visible{box-shadow:inset 0 0 0 2px #00badb}.rds-e-btn[data-v-a17b5b56]:hover:before{top:-50%}.rds-e-btn__icon[data-v-a17b5b56]{text-indent:0;z-index:10}.rds-e-btn__icon--small[data-v-a17b5b56],.rds-e-btn__icon--noSize[data-v-a17b5b56]{font-size:1rem}.rds-e-btn__icon--primary[data-v-a17b5b56],.rds-e-btn__icon--secondary-inverse[data-v-a17b5b56],.rds-e-btn__icon--tertiary-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__icon--disabled[data-v-a17b5b56]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-a17b5b56]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__text[data-v-a17b5b56]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:10}.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:100%}@media (min-width: 720px){.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:unset}}.rds-e-btn--revert[data-v-a17b5b56]{flex-direction:row-reverse}.rds-e-btn--revert .icon[data-v-a17b5b56]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-a17b5b56]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-a17b5b56]{pointer-events:none}.rds-e-btn--loading .icon[data-v-a17b5b56]{align-content:center;align-items:center;animation:spin-a17b5b56 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .icon[data-v-a17b5b56]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-a17b5b56]{width:auto}@media (min-width: 1280px){.rds-e-btn--fluid[data-v-a17b5b56]{min-width:0}}.rds-e-btn--small[data-v-a17b5b56]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media (min-width: 1280px){.rds-e-btn--small[data-v-a17b5b56]{min-width:0}}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-a17b5b56]{margin-right:.75rem}.rds-e-btn--icon[data-v-a17b5b56]{width:auto;padding:.75rem;width:3.5rem}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{min-width:0}}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{width:2rem}}.rds-e-btn--primary[data-v-a17b5b56]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-a17b5b56]:hover:before{background-color:#007899}.rds-e-btn--primary[data-v-a17b5b56]:active{background-color:#00badb;box-shadow:none}.rds-e-btn--primary-inverse[data-v-a17b5b56]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-a17b5b56]:active{background-color:#fff;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]{background-color:transparent;border:1px solid #001e37;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--secondary[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-a17b5b56]:active{background-color:#f4f8fa;border:1px solid #00badb;color:#00badb}.rds-e-btn--secondary[data-v-a17b5b56]:focus{border-color:#00badb}.rds-e-btn--secondary-inverse[data-v-a17b5b56],.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-a17b5b56]{background-color:transparent;color:#001e37}.rds-e-btn--ghost[data-v-a17b5b56]:hover{color:#007899}.rds-e-btn--ghost[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--ghost[data-v-a17b5b56]:active{background-color:#f4f8fa;color:#00badb}.rds-e-btn--ghost[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]{margin-left:8px;margin-right:8px}.rds-e-btn[data-v-a17b5b56]:first-of-type:has(+.rds-e-btn){margin-left:unset;margin-right:8px}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]:last-of-type{margin-left:8px;margin-right:unset}@keyframes spin-a17b5b56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+[data-v-a17b5b56]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn[data-v-a17b5b56]{font:1rem/1.5rem RepsolSoleTextRegular;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.5rem 1.5rem;overflow:hidden;position:relative}@media (min-width: 1280px){.rds-e-btn[data-v-a17b5b56]{height:3rem;min-width:12.5rem;padding:.75rem 2rem;width:auto}}.rds-e-btn[data-v-a17b5b56]:disabled{pointer-events:none}.rds-e-btn span.icon[data-v-a17b5b56]{color:inherit}.rds-e-btn[data-v-a17b5b56]:before{border-radius:50%;content:"";left:-50%;min-height:300px;position:absolute;top:100%;transition:all .25s ease-in-out;width:200%;z-index:0}.rds-e-btn[data-v-a17b5b56]:focus-visible{box-shadow:inset 0 0 0 2px #00badb}.rds-e-btn[data-v-a17b5b56]:hover:before{top:-50%}.rds-e-btn__icon[data-v-a17b5b56]{text-indent:0;z-index:0}.rds-e-btn__icon--small[data-v-a17b5b56],.rds-e-btn__icon--noSize[data-v-a17b5b56]{font-size:1rem}.rds-e-btn__icon--primary[data-v-a17b5b56],.rds-e-btn__icon--secondary-inverse[data-v-a17b5b56],.rds-e-btn__icon--tertiary-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__icon--disabled[data-v-a17b5b56]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-a17b5b56]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__text[data-v-a17b5b56]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:100%}@media (min-width: 720px){.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:unset}}.rds-e-btn--revert[data-v-a17b5b56]{flex-direction:row-reverse}.rds-e-btn--revert .icon[data-v-a17b5b56]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-a17b5b56]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-a17b5b56]{pointer-events:none}.rds-e-btn--loading .icon[data-v-a17b5b56]{align-content:center;align-items:center;animation:spin-a17b5b56 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .icon[data-v-a17b5b56]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-a17b5b56]{width:auto}@media (min-width: 1280px){.rds-e-btn--fluid[data-v-a17b5b56]{min-width:0}}.rds-e-btn--small[data-v-a17b5b56]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media (min-width: 1280px){.rds-e-btn--small[data-v-a17b5b56]{min-width:0}}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-a17b5b56]{margin-right:.75rem}.rds-e-btn--icon[data-v-a17b5b56]{width:auto;padding:.75rem;width:3.5rem}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{min-width:0}}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{width:2rem}}.rds-e-btn--primary[data-v-a17b5b56]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-a17b5b56]:hover:before{background-color:#007899}.rds-e-btn--primary[data-v-a17b5b56]:active{background-color:#00badb;box-shadow:none}.rds-e-btn--primary-inverse[data-v-a17b5b56]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-a17b5b56]:active{background-color:#fff;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]{background-color:transparent;border:1px solid #001e37;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--secondary[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-a17b5b56]:active{background-color:#f4f8fa;border:1px solid #00badb;color:#00badb}.rds-e-btn--secondary[data-v-a17b5b56]:focus{border-color:#00badb}.rds-e-btn--secondary-inverse[data-v-a17b5b56],.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-a17b5b56]{background-color:transparent;color:#001e37}.rds-e-btn--ghost[data-v-a17b5b56]:hover{color:#007899}.rds-e-btn--ghost[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--ghost[data-v-a17b5b56]:active{background-color:#f4f8fa;color:#00badb}.rds-e-btn--ghost[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]{margin-left:8px;margin-right:8px}.rds-e-btn[data-v-a17b5b56]:first-of-type:has(+.rds-e-btn){margin-left:unset;margin-right:8px}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]:last-of-type{margin-left:8px;margin-right:unset}@keyframes spin-a17b5b56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}