.mixin-rp-caption{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px}
.mixin-rp-caption-1{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:16px}
.mixin-rp-caption-01{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-01{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:16px}
}
.mixin-rp-caption-02-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:12px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-02{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:12px;line-height:16px}
}
.mixin-rp-caption-1-bold{font-family:RepsolSoleDisplayBold;font-weight:700;font-size:14px;line-height:16px}
.mixin-rp-body-1{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-1-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-1-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-1{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-body-1{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
}
.mixin-rp-body-2-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-body-2-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-body-2{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
@media(min-width:1024px){.mixin-rp-body-2{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
}
.mixin-rp-highlighted-body-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:18px;line-height:24px}
.mixin-rp-highlighted-body-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-highlighted-body{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-highlighted-body{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-title-1-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
.mixin-rp-title-1-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:20px;line-height:32px}
.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:20px;line-height:32px}
}
.mixin-rp-title-2-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-title-2-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
}
.mixin-rp-subheadline-mobile{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
.mixin-rp-subheadline-desktop{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
@media(min-width:1024px){.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
}
.mixin-rp-headline-mobile{font-family:'RepsolSoleTextRegular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-desktop{font-family:'RepsolSoleTextRegular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline{font-family:'RepsolSoleTextRegular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline{font-family:'RepsolSoleTextRegular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
}
.mixin-rp-headline-00-mobile{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:40px;line-height:46px;letter-spacing:-1px}
.mixin-rp-headline-00-desktop{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:64px;line-height:72px;letter-spacing:-1px}
.mixin-rp-headline-00{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:40px;line-height:46px;letter-spacing:-1px}
@media(min-width:720px){.mixin-rp-headline-00{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:64px;line-height:72px;letter-spacing:-1px}
}
.mixin-rp-headline-01-mobile{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:34px;line-height:40px}
.mixin-rp-headline-01-desktop{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:56px;line-height:64px}
.mixin-rp-headline-01{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:34px;line-height:40px}
@media(min-width:1024px){.mixin-rp-headline-01{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:56px;line-height:64px}
}
.mixin-rp-headline-02-mobile{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:28px;line-height:32px}
.mixin-rp-headline-02-desktop{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:40px;line-height:48px}
.mixin-rp-headline-02{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:28px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-02{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:40px;line-height:48px}
}
.mixin-rp-headline-03-mobile{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:24px;line-height:32px}
.mixin-rp-headline-03-desktop{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:32px;line-height:40px}
.mixin-rp-headline-03{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:24px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-03{font-family:'RepsolSoleTextRegular';font-weight:400;font-size:32px;line-height:40px}
}
.mixin-rp-headline-bold-01-mobile{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:34px;line-height:40px}
.mixin-rp-headline-bold-01-desktop{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:56px;line-height:64px}
.mixin-rp-headline-bold-01{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:34px;line-height:40px}
@media(min-width:1024px){.mixin-rp-headline-bold-01{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:56px;line-height:64px}
}
.mixin-rp-headline-bold-02-mobile{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:28px;line-height:32px}
.mixin-rp-headline-bold-02-desktop{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:40px;line-height:48px}
.mixin-rp-headline-bold-02{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:28px;line-height:32px}
@media(min-width:1024px){.mixin-rp-headline-bold-02{font-family:'RepsolSoleTextRegular';font-weight:600;font-size:40px;line-height:48px}
}
.mixin-rp-number-01-mobile{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:48px;line-height:56px}
.mixin-rp-number-01-desktop{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:48px;line-height:56px}
.mixin-rp-number-01{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:48px;line-height:56px}
@media(min-width:1024px){.mixin-rp-number-01{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:48px;line-height:56px}
}
.mixin-rp-number-02-mobile{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:40px;line-height:48px}
.mixin-rp-number-02-desktop{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:40px;line-height:48px}
.mixin-rp-number-02{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:40px;line-height:48px}
@media(min-width:1024px){.mixin-rp-number-02{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:40px;line-height:48px}
}
.mixin-rp-number-03-mobile{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:28px;line-height:36px}
.mixin-rp-number-03-desktop{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:28px;line-height:36px}
.mixin-rp-number-03{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:28px;line-height:36px}
@media(min-width:1024px){.mixin-rp-number-03{font-family:RepsolSoleDisplayRegular;font-weight:300;font-size:28px;line-height:36px}
}
.mixin-rp-number-04-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-number-04-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-number-04{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
@media(min-width:1024px){.mixin-rp-number-04{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-body-1-underline-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-1-underline-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-1-underline{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
@media(min-width:1024px){.mixin-rp-body-1-underline{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px;text-decoration-line:underline}
}
.mixin-rp-body-2-underline-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-2-underline-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
.mixin-rp-body-2-underline{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
@media(min-width:1024px){.mixin-rp-body-2-underline{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px;text-decoration-line:underline}
}
.mixin-rds-caption-01{font:var(--rds-caption-01)}
.mixin-rds-caption-01-bold{font:var(--rds-caption-01-bold)}
.mixin-rds-caption-01-underline{font:var(--rds-caption-01-underline);text-decoration:underline}
.mixin-rds-caption-02{font:var(--rds-caption-02)}
.mixin-rds-caption-02-bold{font:var(--rds-caption-02-bold)}
.mixin-rds-caption-02-underline{font:var(--rds-caption-02-underline);text-decoration:underline}
.mixin-rds-caption-tag{font:var(--rds-caption-tag)}
.mixin-rds-body-01{font:var(--rds-body-01)}
.mixin-rds-body-01-bold{font:var(--rds-body-01-bold)}
.mixin-rds-body-01-underline{font:var(--rds-body-01-underline)}
.mixin-rds-body-02{font:var(--rds-body-02)}
.mixin-rds-body-02-bold{font:var(--rds-body-02-bold)}
.mixin-rds-body-02-underline{font:var(--rds-body-02-underline)}
.mixin-rds-button-01{font:var(--rds-button-01)}
.mixin-rds-button-02{font:var(--rds-button-02)}
.mixin-rds-title-01{font:var(--rds-title-01)}
.mixin-rds-title-02{font:var(--rds-title-02)}
.mixin-rds-headline-00{font:var(--rds-headline-00-sd)}
@media(min-width:720px){.mixin-rds-headline-00{font:var(--rds-headline-00-md)}
}
@media(min-width:1280px){.mixin-rds-headline-00{font:var(--rds-headline-00-ld)}
}
.mixin-rds-headline-01{font:var(--rds-headline-01-sd)}
@media(min-width:720px){.mixin-rds-headline-01{font:var(--rds-headline-01-md)}
}
@media(min-width:1280px){.mixin-rds-headline-01{font:var(--rds-headline-01-ld)}
}
.mixin-rds-headline-02{font:var(--rds-headline-02-sd)}
@media(min-width:720px){.mixin-rds-headline-02{font:var(--rds-headline-02-md)}
}
@media(min-width:1280px){.mixin-rds-headline-02{font:var(--rds-headline-02-ld)}
}
.mixin-rds-headline-03{font:var(--rds-headline-03-sd)}
@media(min-width:720px){.mixin-rds-headline-03{font:var(--rds-headline-03-md)}
}
@media(min-width:1280px){.mixin-rds-headline-03{font:var(--rds-headline-03-ld)}
}
.mixin-rds-headline-04{font:var(--rds-headline-04-sd)}
@media(min-width:720px){.mixin-rds-headline-04{font:var(--rds-headline-04-md)}
}
@media(min-width:1280px){.mixin-rds-headline-04{font:var(--rds-headline-04-ld)}
}
.mixin-rds-numbers-00{font:var(--rds-numbers-00-sd);font-variant-numeric:tabular-nums}
@media(min-width:720px){.mixin-rds-numbers-00{font:var(--rds-numbers-00-md);font-variant-numeric:tabular-nums}
}
@media(min-width:1280px){.mixin-rds-numbers-00{font:var(--rds-numbers-00-ld);font-variant-numeric:tabular-nums}
}
.mixin-rds-numbers-01{font:var(--rds-numbers-01-sd);font-variant-numeric:tabular-nums}
@media(min-width:720px){.mixin-rds-numbers-01{font:var(--rds-numbers-01-md);font-variant-numeric:tabular-nums}
}
@media(min-width:1280px){.mixin-rds-numbers-01{font:var(--rds-numbers-01-ld);font-variant-numeric:tabular-nums}
}
.mixin-rds-numbers-02{font:var(--rds-numbers-02-sd);font-variant-numeric:tabular-nums}
@media(min-width:720px){.mixin-rds-numbers-02{font:var(--rds-numbers-02-md);font-variant-numeric:tabular-nums}
}
@media(min-width:1280px){.mixin-rds-numbers-02{font:var(--rds-numbers-02-ld);font-variant-numeric:tabular-nums}
}
.mixin-rds-numbers-03{font:var(--rds-numbers-03-sd);font-variant-numeric:tabular-nums}
@media(min-width:720px){.mixin-rds-numbers-03{font:var(--rds-numbers-03-md);font-variant-numeric:tabular-nums}
}
@media(min-width:1280px){.mixin-rds-numbers-03{font:var(--rds-numbers-03-ld);font-variant-numeric:tabular-nums}
}
.mixin-rds-button--primary{background-color:var(--rds-color-button-primary-surface-default);position:relative;overflow:hidden;color:var(--rds-color-content-high-inverse)}
.mixin-rds-button--primary *{color:var(--rds-color-content-high-inverse)}
.mixin-rds-button--primary::after{background-color:var(--rds-color-content-hover);content:"";width:200%;min-height:300px;position:absolute;left:-50%;top:100%;border-radius:50%;transition:all .25s ease-in-out}
.mixin-rds-button--primary:hover::after{top:-50%}
.mixin-rds-button--primary:active,.mixin-rds-button--primary.active{background-color:var(--rds-color-content-active)}
.mixin-rds-button--primary:disabled,.mixin-rds-button--primary.disabled{background-color:var(--rds-color-button-primary-surface-default);cursor:default}
.mixin-rds-button--primary:disabled:hover:after,.mixin-rds-button--primary.disabled:hover:after{top:-50%}
.mixin-rds-button--primary__inverse{color:var(--rds-color-content-high);background-color:var(--rds-color-surface-white)}
.mixin-rds-button--primary__inverse:after{background-color:#e6e6e6 !important}
.mixin-rds-button--primary__inverse *{color:var(--rds-color-content-high)}
.mixin-rds-button--primary__inverse:active,.mixin-rds-button--primary__inverse.active{background-color:var(--rds-color-surface-white)}
.mixin-rds-button--primary__inverse:active::after,.mixin-rds-button--primary__inverse.active::after{background-color:var(--rds-color-surface-white) !important}
.mixin-rds-button--primary__inverse:disabled:after,.mixin-rds-button--primary__inverse.disabled:after{background-color:#e6e6e6 !important}
.mixin-rds-button--primary__inverse:disabled:hover:after,.mixin-rds-button--primary__inverse.disabled:hover:after{top:0}
.mixin-rds-button--secondary{border:1px solid var(--rds-color-button-secondary-border-default);background-color:var(--rds-color-surface-white);overflow:hidden}
.mixin-rds-button--secondary *{color:var(--rds-color-content-high)}
.mixin-rds-button--secondary:after{background-color:var(--rds-color-interactive-surface-state-hover)}
.mixin-rds-button--secondary:hover{border-color:var(--rds-color-button-secondary-border-hover)}
.mixin-rds-button--secondary:hover:after{background-color:var(--rds-color-interactive-surface-state-hover)}
.mixin-rds-button--secondary:hover *{color:var(--rds-color-content-hover)}
.mixin-rds-button--secondary:active,.mixin-rds-button--secondary.active{border-color:var(--rds-color-button-secondary-border-active)}
.mixin-rds-button--secondary:active:after,.mixin-rds-button--secondary.active:after{background-color:var(--rds-color-interactive-surface-state-hover)}
.mixin-rds-button--secondary:active *,.mixin-rds-button--secondary.active *{color:var(--rds-color-content-active)}
.mixin-rds-button--secondary:active:focus-visible,.mixin-rds-button--secondary.active:focus-visible{border-color:transparent}
.mixin-rds-button--secondary:disabled,.mixin-rds-button--secondary.disabled{color:var(--rds-color-content-high);border:1px solid var(--rds-color-border-high);cursor:default}
.mixin-rds-button--secondary:focus-visible{outline:auto}
.mixin-rds-button--secondary__inverse{color:var(--rds-color-surface-white);border-color:var(--rds-color-button-secondary-border-default-inverse)}
.mixin-rds-button--secondary__inverse *{color:var(--rds-color-surface-white)}
.mixin-rds-button--secondary__inverse::after{background-color:var(--rds-color-surface-white);opacity:10%}
.mixin-rds-button--secondary__inverse:hover{border-color:#ccc}
.mixin-rds-button--secondary__inverse:hover *{color:var(--rds-color-surface-white)}
.mixin-rds-button--secondary__inverse:active,.mixin-rds-button--secondary__inverse.active{background:transparent;border-color:#ccc}
.mixin-rds-button--secondary__inverse:active::after,.mixin-rds-button--secondary__inverse.active::after{top:-50%;background-color:var(--rds-color-surface-white);opacity:25%}
.mixin-rds-button--secondary__inverse:active *,.mixin-rds-button--secondary__inverse.active *{color:var(--rds-color-surface-white)}
.mixin-rds-button--secondary__inverse:focus-visible{border-color:transparent}
.mixin-rds-button--gradient{background:var(--rds-color-gradient-orange-stop100);color:var(--rds-color-content-high-inverse);position:relative;overflow:hidden}
.mixin-rds-button--gradient:before{background-color:var(--rds-color-orange-70);content:"";width:200%;min-height:300px;position:absolute;left:-50%;top:100%;border-radius:50%;transition:all .25s ease-in-out}
.mixin-rds-button--gradient:hover::after{top:-50%}
.mixin-rds-button--gradient:active,.mixin-rds-button--gradient.active{background-color:var(--rds-color-orange-50)}
.mixin-rds-button--gradient:active::after,.mixin-rds-button--gradient.active::after{background-color:var(--rds-color-orange-50);top:-50%;transition:none}
.mixin-rds-button--gradient a:focus-visible{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0}
.mixin-rds-button--gradient:disabled,.mixin-rds-button--gradient.btn-disabled,.mixin-rds-button--gradient.disabled{opacity:.32;pointer-events:none}
.mixin-rds-button--gradient:disabled:hover::after,.mixin-rds-button--gradient.btn-disabled:hover::after,.mixin-rds-button--gradient.disabled:hover::after{top:-50%}
.mixin-rds-button--ghost{background-color:transparent;color:var(--rds-color-content-high);position:relative;overflow:hidden}
.mixin-rds-button--ghost::after{content:"";width:200%;min-height:300px;position:absolute;left:-50%;top:100%;border-radius:50%;transition:all .25s ease-in-out;background-color:var(--rds-color-interactive-surface-hover)}
.mixin-rds-button--ghost:hover{color:var(--rds-color-content-hover)}
.mixin-rds-button--ghost:hover::after{top:-50%}
.mixin-rds-button--ghost span:last-child{position:relative;z-index:1}
.mixin-rds-button--ghost.active,.mixin-rds-button--ghost:active{color:var(--rds-color-content-active)}
.mixin-rds-button--ghost.active::after,.mixin-rds-button--ghost:active::after{top:-50%}
.mixin-rds-button--ghost.rds-link{padding:12px 22px;border-radius:var(--rds-radius-round)}
.mixin-rds-button--ghost.rds-link:focus-visible{padding:12px 22px}
.mixin-rds-button--ghost__inverse{color:var(--rds-color-surface-white)}
.mixin-rds-button--ghost__inverse::after{background-color:var(--rds-color-surface-white);opacity:10%}
.mixin-rds-button--ghost__inverse:hover{color:var(--rds-color-surface-white)}
.mixin-rds-button--ghost__inverse.active,.mixin-rds-button--ghost__inverse:active{color:var(--rds-color-surface-white)}
.mixin-rds-button--ghost__inverse.active::after,.mixin-rds-button--ghost__inverse:active::after{background-color:var(--rds-color-surface-white);opacity:25%}
.mixin-rds-link--withoutSpan:before{content:"";width:0;display:inline-block;height:1px;transition:all .2s ease-in-out;position:absolute;bottom:0;background-color:var(--rds-color-link-content-default)}
.mixin-rds-link--withoutSpan:hover:before{width:100%;background-color:var(--rds-color-link-content-state-hover)}
.mixin-rds-button__small{padding:6px 12px;font:var(--rds-button-02)}
.mixin-rds-button__small .rds-icon{font-size:16px}
.mixin-rds-outline{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0}
.mixin-rds-outline--inverter{border:0;box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0;outline:0}
.mixin-rds-link{display:inline-flex;align-items:center;padding:0;cursor:pointer;font:var(--rds-button-01)}
.mixin-rds-link .rds-icon-right{font-size:20px;margin-left:6px}
.mixin-rds-link .rds-icon-left{font-size:20px;margin-right:6px}
.mixin-rds-link .rds-icon-left.none{display:none}
.mixin-rds-link .rp-arrow{margin-left:6px;font-size:20px}
.mixin-rds-link.rp-link-no-arrow .rp-arrow{display:none}
.mixin-rds-link .text{position:relative;font:var(--rds-button-01)}
.mixin-rds-link .text:before{content:"";width:0;display:inline-block;height:1px;transition:all .2s ease-in-out;position:absolute;bottom:0}
.mixin-rds-link:hover .text:before{width:100%}
.mixin-rds-link.rds-link__disabled,.mixin-rds-link:disabled{opacity:20%}
.mixin-rds-link.rds-link__disabled .text::before,.mixin-rds-link:disabled .text::before{display:none}
.mixin-rds-link:focus-visible{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0;border-radius:6px}
.mixin-rds-link--primary{color:var(--rds-color-link-content-default)}
.mixin-rds-link--primary .text{position:relative}
.mixin-rds-link--primary .text:before{background-color:var(--rds-color-link-content-default)}
.mixin-rds-link--primary:hover{color:var(--rds-color-link-content-state-hover)}
.mixin-rds-link--primary:hover .text:before{width:100%;background-color:var(--rds-color-link-content-state-hover)}
.mixin-rds-link--primary.rds-link__active,.mixin-rds-link--primary:active,.mixin-rds-link--primary.active{color:var(--rds-color-link-content-state-active)}
.mixin-rds-link--primary.rds-link__active .text::before,.mixin-rds-link--primary:active .text::before,.mixin-rds-link--primary.active .text::before{background-color:var(--rds-color-link-content-state-active)}
.mixin-rds-link--inverse{color:var(--rds-color-background-default) !important}
.mixin-rds-link--inverse .text{position:relative}
.mixin-rds-link--inverse .text:before{background-color:var(--rds-color-background-default) !important}
.mixin-rds-link--inverse:hover{color:var(--rds-color-link-content-state-hover-inverse) !important}
.mixin-rds-link--inverse:hover span{color:var(--rds-color-link-content-state-hover-inverse) !important}
.mixin-rds-link--inverse:hover .text:before{background-color:var(--rds-color-link-content-state-hover-inverse) !important}
.mixin-rds-link--inverse.rds-link__active,.mixin-rds-link--inverse:active,.mixin-rds-link--inverse.active{color:var(--rds-color-link-content-state-active-inverse)}
.mixin-rds-link--inverse.rds-link__active .text::before,.mixin-rds-link--inverse:active .text::before,.mixin-rds-link--inverse.active .text::before{background-color:var(--rds-color-link-content-state-active-inverse)}
.mixin-rds-input-repsol input,.mixin-rds-input-repsol textarea{border-radius:var(--rds-radius-inputs);border:1px solid var(--rds-color-interactive-border-default);padding:16px 12px;background:transparent;color:var(--rds-color-content-medium);font:var(--rds-body-02)}
.mixin-rds-input-repsol input::placeholder,.mixin-rds-input-repsol textarea::placeholder{font:var(--rds-body-02)}
@media(min-width:1024px){.mixin-rds-input-repsol input,.mixin-rds-input-repsol textarea{padding:11px 16px}
}
.mixin-rds-input-repsol input:hover,.mixin-rds-input-repsol textarea:hover{border-color:var(--rds-color-interactive-border-hover)}
.mixin-rds-input-repsol input:hover::placeholder,.mixin-rds-input-repsol textarea:hover::placeholder{color:var(--rds-color-content-medium)}
.mixin-rds-input-repsol input:disabled,.mixin-rds-input-repsol textarea:disabled{border-color:var(--rds-color-content-state-disabled);color:var(--rds-color-content-state-disabled)}
.mixin-rds-input-repsol input:disabled::placeholder,.mixin-rds-input-repsol textarea:disabled::placeholder{color:var(--rds-color-content-state-disabled)}
.mixin-rds-input-repsol input:active,.mixin-rds-input-repsol textarea:active,.mixin-rds-input-repsol input.active,.mixin-rds-input-repsol textarea.active{border-color:var(--rds-color-interactive-border-hover)}
.mixin-rds-input-repsol input:active::placeholder,.mixin-rds-input-repsol textarea:active::placeholder,.mixin-rds-input-repsol input.active::placeholder,.mixin-rds-input-repsol textarea.active::placeholder{color:var(--rds-color-content-medium)}
.mixin-rds-input-repsol input.error,.mixin-rds-input-repsol textarea.error{border-color:var(--rds-color-semantic-content-error);color:var(--rds-color-semantic-content-error)}
.mixin-rds-input-repsol input.error::placeholder,.mixin-rds-input-repsol textarea.error::placeholder{color:var(--rds-color-semantic-content-error)}
.mixin-rds-input-repsol:focus-visible{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0}
.mixin-rds-input-repsol:focus-visible::placeholder{color:var(--rds-color-content-medium)}
.mixin-rds-input-repsol .rp-error{color:var(--rds-color-semantic-content-error)}
.mixin-rp-button-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:18px;line-height:32px}
.mixin-rp-button-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-button{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:18px;line-height:32px}
@media(min-width:1024px){.mixin-rp-button{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
}
.mixin-rp-button-small-mobile{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-button-small-desktop{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-button-small{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:16px;line-height:24px}
@media(min-width:1024px){.mixin-rp-button-small{font-family:RepsolSoleDisplayRegular;font-weight:400;font-size:14px;line-height:24px}
}
.mixin-button-small{font-size:14px;letter-spacing:.0025em}
.mixin-button-action{font-family:RepsolSoleDisplayRegular;font-size:16px;line-height:24px}
.mixin-header-separator{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:var(--rds-color-border-low)}
.item-active{transition:.2s cubic-bezier(0.43,0.39,0.23,1.01);background:#0082ba}
.item-active .icon{width:px2rem(22)}
.item-active .icon>svg *{fill:var(--rds-color-surface-white);stroke:var(--rds-color-surface-white)}
.mixin-scroll-gradients.is-scrollable{position:relative}
.mixin-scroll-gradients.is-scrollable:before,.mixin-scroll-gradients.is-scrollable:after{content:"";position:absolute;z-index:1;left:0;opacity:0;width:100%;height:48px;pointer-events:none}
.mixin-scroll-gradients.is-scrollable:before{top:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable:after{bottom:0;background:linear-gradient(0,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scroll-on-top:before,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before,.mixin-scroll-gradients.is-scrollable.scrolling:after,.mixin-scroll-gradients.is-scrollable.scroll-on-top:after,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{transition:opacity .2s cubic-bezier(0.25,0.1,0.25,1)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scrolling:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:before{opacity:0}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{opacity:0}
.mixin-aspect-radio-16-9{aspect-ratio:16/9}
@supports not(aspect-ratio:auto){padding-top:56.3%}
.mixin-aspect-radio-4-3{aspect-ratio:4/3}
@supports not(aspect-ratio:auto){padding-top:75%}
@media(min-width:1600px){.rds-headline-00{font:var(--rds-headline-00-ld)}
}
@media(min-width:1600px){.rds-headline-01{font:var(--rds-headline-01-ld) !important}
}
@media(min-width:1600px){.rds-headline-02{font:var(--rds-headline-02-ld) !important}
}
@media(min-width:1600px){.rds-headline-03{font:var(--rds-headline-03-ld) !important}
}
@media(min-width:1600px){.rds-headline-04{font:var(--rds-headline-04-ld) !important}
}
@media(min-width:1024px){.rp-warning-danger .warning-component:not(.author-mode),.rp-warning-success .warning-component:not(.author-mode){top:72px}
}
.rp-warning-danger .warning-content,.rp-warning-success .warning-content{border-radius:var(--rds-radius-s);box-shadow:var(--rds-style-shadow-m);align-items:center;margin:0 16px;padding:12px 16px !important}
@media(min-width:1024px){.rp-warning-danger .warning-content,.rp-warning-success .warning-content{margin:0 32px}
}
.rp-warning-danger .warning-content .rp-body-2,.rp-warning-success .warning-content .rp-body-2,.rp-warning-danger .warning-content .rds-body-02,.rp-warning-success .warning-content .rds-body-02{font:var(--rds-body-02);color:var(--rds-color-content-high)}
.error-msg{margin-top:8px;color:var(--rds-color-semantic-content-error)}
.alert-info{display:flex;gap:16px;padding:16px;background-color:var(--rds-color-semantic-background-information);border-radius:var(--rds-radius-s);margin:8px 0 24px 0}
.alert-info .alert-text{font:var(--rds-body-02)}
.alert-info.absolute{position:fixed;align-items:center;padding:16px 40px;z-index:899;top:72px;right:0;left:0}
.alert-info span{font-weight:500}
.alert-warning,.alert-warning-online{display:flex;gap:16px;padding:12px;background-color:var(--rds-color-semantic-background-warning);border-radius:var(--rds-radius-s);margin-bottom:8px}
.alert-warning .alert-text .rp-description,.alert-warning-online .alert-text .rp-description{font:var(--rds-body-02)}
.alert-debt{display:flex;gap:16px;padding:12px;background-color:#fce5e9;border-radius:var(--rds-radius-s);border:1px solid #e4002b;margin-bottom:8px}
.alert-debt .alert-text .rp-description{font-size:14px}
.top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
@media(min-width:1024px){.top-section{flex-direction:column;align-items:flex-start}
}
.top-section .flex-item:first-child{order:2}
@media(min-width:1024px){.top-section .flex-item:first-child{order:inherit}
}
.goBack{display:flex;align-items:center;width:fit-content}
@media(min-width:1024px){.goBack{margin-bottom:32px}
}
.goBack .rds-icon-left{margin-right:2px}
@media(min-width:1024px){.goBack .rds-icon-left{margin-right:6px}
}
.goBack .text-back *{color:inherit}
.goBack:focus{border:0;padding:0;box-shadow:initial}
.gas-cylinder-detail-container{padding:0 8px}
.usage-type-list{display:flex;gap:4px 24px;flex-wrap:wrap}
.usage-type-item{display:flex;align-items:baseline;margin-bottom:0 !important}
.usage-type-item-icon{font-size:18px;margin-right:8px}
.usage-type-item-icon [class^="icon-rp-"]{position:relative;top:3px}
.slides-cards,.cards.slider{padding:0}
@media(min-width:1024px){.slides-cards,.cards.slider{padding:0 32px}
}
@media(min-width:1350px){.slides-cards,.cards.slider{padding:0 64px}
}
.slides-cards .slick-arrow:before,.cards.slider .slick-arrow:before{content:none}
.slides-cards .slick-arrow.slick-prev .rp-icon,.cards.slider .slick-arrow.slick-prev .rp-icon,.slides-cards .slick-arrow.slick-next .rp-icon,.cards.slider .slick-arrow.slick-next .rp-icon{background-color:var(--rds-color-surface-navy);color:var(--rds-color-content-high-inverse);border-radius:var(--rds-radius-round) !important;display:flex;width:48px;height:48px;z-index:888}
.slides-cards .slick-arrow.slick-prev .rp-icon [class^="icon-rp-"],.cards.slider .slick-arrow.slick-prev .rp-icon [class^="icon-rp-"],.slides-cards .slick-arrow.slick-next .rp-icon [class^="icon-rp-"],.cards.slider .slick-arrow.slick-next .rp-icon [class^="icon-rp-"]{width:100%;height:100;display:flex;align-items:center;justify-content:center}
.slides-cards .slick-arrow.slick-prev .rp-icon [class^="icon-rp-"]:before,.cards.slider .slick-arrow.slick-prev .rp-icon [class^="icon-rp-"]:before,.slides-cards .slick-arrow.slick-next .rp-icon [class^="icon-rp-"]:before,.cards.slider .slick-arrow.slick-next .rp-icon [class^="icon-rp-"]:before{font-size:24px;color:var(--rds-color-content-high-inverse)}
.slides-cards .slick-arrow.slick-prev:hover .rp-icon,.cards.slider .slick-arrow.slick-prev:hover .rp-icon,.slides-cards .slick-arrow.slick-next:hover .rp-icon,.cards.slider .slick-arrow.slick-next:hover .rp-icon{background-color:var(--rds-color-content-medium)}
.slides-cards .slick-arrow.slick-prev:focus .rp-icon,.cards.slider .slick-arrow.slick-prev:focus .rp-icon,.slides-cards .slick-arrow.slick-next:focus .rp-icon,.cards.slider .slick-arrow.slick-next:focus .rp-icon{box-shadow:0 0 0 4px var(--rds-color-interactive-border-focus)}
.slides-cards .slick-arrow.slick-prev,.cards.slider .slick-arrow.slick-prev,.slides-cards .slick-arrow.slick-next,.cards.slider .slick-arrow.slick-next{z-index:1;display:none !important}
@media(min-width:1024px){.slides-cards .slick-arrow.slick-prev,.cards.slider .slick-arrow.slick-prev,.slides-cards .slick-arrow.slick-next,.cards.slider .slick-arrow.slick-next{display:inline-block !important}
}
.slides-cards .slick-arrow.slick-prev,.cards.slider .slick-arrow.slick-prev{left:-12px}
.slides-cards .slick-arrow.slick-next,.cards.slider .slick-arrow.slick-next{right:12px}
.slides-cards .slick-arrow.slick-disabled,.cards.slider .slick-arrow.slick-disabled{pointer-events:none}
.slides-cards .slick-arrow.slick-disabled .rp-icon,.cards.slider .slick-arrow.slick-disabled .rp-icon{background-color:var(--rds-color-content-state-disabled);color:var(--rds-color-content-state-disabled-inverse)}
.slides-cards .slick-dots,.cards.slider .slick-dots{right:0;bottom:-40px !important}
@media(min-width:1024px){.slides-cards .slick-dots,.cards.slider .slick-dots{display:none !important}
}
.slides-cards .slick-dots li button:before,.cards.slider .slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:26px;text-align:center;color:var(--rds-color-border-low);opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slides-cards .slick-dots li button:hover:before,.cards.slider .slick-dots li button:hover:before{color:var(--rds-color-content-high);opacity:1}
.slides-cards .slick-dots .slick-active button:before,.cards.slider .slick-dots .slick-active button:before{color:var(--rds-color-content-medium);opacity:1}
.rp-input-repsol .cmp-form-options--dropdown .rp-dropdown.mode-select .dropdown-toggle{padding:16px}
@media(min-width:1024px){.rp-input-repsol .cmp-form-options--dropdown .rp-dropdown.mode-select .dropdown-toggle{padding:12px 16px}
}
@media(min-width:1024px){.carousel-card .slides-cards .card-es-basic.card-l{justify-content:flex-start}
}
@media(min-width:1024px){.carousel-card .slides-cards .slick-list.draggable{padding:0}
}
@media(min-width:1024px){.carousel-card .slides-cards .slick-list .slick-track{width:100% !important}
}
@media(min-width:1024px){.carousel-card .slides-cards .slick-list .slick-track .card-gas-cylinder-pt{height:fit-content !important;min-height:81vh !important;padding:0}
}
@media(min-width:1350px){.carousel-card .slides-cards .slick-list .slick-track .card-gas-cylinder-pt{min-height:75vh !important}
}
.col-resume{width:100%;background-color:var(--rds-color-background-default);border-top:1px solid var(--rds-color-border-low);padding:16px 20px;position:fixed;z-index:3;bottom:0;left:0;max-height:90vh;overflow:auto}
@media(min-width:1024px){.col-resume{width:auto;position:relative;padding:initial;padding-right:16px;padding-left:16px;max-height:none;background-color:initial;border-top:0}
}
.col-resume .content-resume{padding:0;border-radius:var(--rds-radius-s);background:var(--rds-color-background-default)}
@media(min-width:1024px){.col-resume .content-resume{border-radius:var(--rds-radius-m);border:1px solid var(--rds-color-border-low)}
}
.col-resume .content-resume p{margin:0}
.col-resume .content-resume hr{border-color:var(--rds-color-border-low)}
.col-resume .content-resume .hide-mobile-resume{max-height:0;opacity:0;overflow:hidden;transition:max-height 1s ease,opacity 1s ease}
.col-resume .content-resume .hide-mobile-resume.show{opacity:1;max-height:2000px}
@media(min-width:1024px){.col-resume .content-resume .hide-mobile-resume{opacity:1;max-height:initial;display:flex;flex-direction:column}
}
.col-resume .content-resume .total-mobile{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}
.col-resume .content-resume .total-mobile .total-mobile-data{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
.col-resume .content-resume .total-mobile .icon-rds{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;font-weight:bold}
.col-resume .content-resume .total-mobile .icon-rds:before{font-size:20px}
@media(min-width:1024px){.col-resume .content-resume .total-mobile{display:none}
}
.col-resume .content-resume .subtotal{display:flex;gap:16px;justify-content:space-between}
.col-resume .content-resume .subtotal p:last-child,.col-resume .content-resume .subtotal span:last-child{white-space:nowrap}
.col-resume .content-resume .total,.col-resume .content-resume .resume-data .total{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.col-resume .content-resume .total .data,.col-resume .content-resume .resume-data .total .data{display:flex;align-items:center;justify-content:space-between}
.col-resume .content-resume .total .data p:last-child,.col-resume .content-resume .resume-data .total .data p:last-child,.col-resume .content-resume .total .data span:last-child,.col-resume .content-resume .resume-data .total .data span:last-child{white-space:nowrap}
.col-resume .content-resume .saldo,.col-resume .content-resume .resume-data .saldo{display:flex;align-items:center;gap:16px;background-color:var(--rds-color-surface-grey);border-radius:var(--rds-radius-m);border:1px solid var(--rds-color-border-low);padding:16px;margin-bottom:clamp(16px,2vw,24px)}
.col-resume .content-resume .saldo img,.col-resume .content-resume .resume-data .saldo img{height:56px;width:56px;object-fit:contain;object-position:center}
.col-resume .content-resume .buttons .rds-button{width:100%}
.col-resume .content-resume .buttons .rds-button a{min-width:100%}
.col-resume .content-resume .buttons .rds-button:first-child{margin-bottom:16px}
@media(min-width:1024px){.col-resume .content-resume{padding:24px}
}
.calendar-component{max-width:335px}
.calendar-component .ui-datepicker{border:1px solid var(--rds-color-border-low) !important;border-radius:var(--rds-radius-m) !important}
.calendar-component .ui-datepicker-title{font:var(--rds-title-02)}
.calendar-component .ui-corner-all.ui-datepicker-next,.calendar-component .ui-corner-all.ui-datepicker-prev{border:1px solid transparent !important;background-color:transparent !important}
.calendar-component .ui-corner-all.ui-datepicker-next:hover,.calendar-component .ui-corner-all.ui-datepicker-prev:hover{border-color:var(--rds-color-button-secondary-border-hover) !important}
.calendar-component .ui-corner-all.ui-datepicker-next:active,.calendar-component .ui-corner-all.ui-datepicker-prev:active,.calendar-component .ui-corner-all.ui-datepicker-next:focus,.calendar-component .ui-corner-all.ui-datepicker-prev:focus{box-shadow:0 0 0 4px var(--rds-color-interactive-border-focus);border-color:transparent}
.calendar-component .ui-datepicker-calendar th *{color:var(--rds-color-content-medium)}
.calendar-component .ui-datepicker-calendar tbody td .ui-state-default{color:var(--rds-color-content-high);border-radius:var(--rds-radius-round)}
.calendar-component .ui-datepicker-calendar tbody td .ui-state-default:hover{background-color:var(--rds-color-interactive-surface-hover)}
.calendar-component .ui-datepicker-calendar tbody td .ui-state-highlight{border-radius:var(--rds-radius-round);color:var(--rds-color-content-high)}
.calendar-component *:not(.ui-datepicker-today)>.ui-state-default.ui-state-active{background-color:var(--rds-color-surface-navy) !important;-webkit-background-clip:initial !important;background-clip:initial !important;border-radius:var(--rds-radius-round) !important}
.mask-container.show{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;pointer-events:none;background:var(--rds-color-styles-elevation-overlay);-webkit-backdrop-filter:var(--rds-overlay-backdrop-filter);backdrop-filter:var(--rds-overlay-backdrop-filter);opacity:.8;transition:visibility 10s,opacity .3s cubic-bezier(0.22,0.3,0.71,0.83);z-index:2}
.modal-backdrop.show{background-color:var(--rds-color-styles-elevation-overlay)}