.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}
}
.tariff-component .row{margin-left:-12px;margin-right:-12px}
.tariff-component-box{border-radius:16px;padding:32px;border:1px solid var(--rds-color-border-low)}
.tariff-component-box .icon{background:var(--rds-color-content-highlightedIconOnly-AltGradientOrange);-webkit-background-clip:text;background-clip:none;color:transparent;float:left;width:24px;height:24px;font-size:24px}
.tariff-component-box .icon.icon-rp-gas:before{content:"\e92e"}
.tariff-component-box .icon.icon-rp-light:before{content:"\e90c"}
.tariff-component-box .title-section{margin-left:0;margin-right:0;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--rds-color-border-low)}
.tariff-component-box .title-section .rds-title-01{display:flex;align-items:flex-end;padding-left:0;padding-right:0}
.tariff-component-box .title-section .rds-title-01 .word-gas,.tariff-component-box .title-section .rds-title-01 .word-light{margin-left:8px;line-height:1}
.tariff-component-box .tariff-component-form .rp-input-repsol .cmp-form-text__text::placeholder{color:var(--rds-color-content-medium) !important}
.tariff-component-box .tariff-component-form .selector.row{margin-bottom:24px}
.tariff-component-box .tariff-component-form .selector.row>.rds-title-01{margin-bottom:16px}
.tariff-component-box .tariff-component-form .selector.row .selector-element{pointer-events:auto}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio{position:relative;border-radius:17px;margin-bottom:16px;min-height:76px;padding:1px;cursor:pointer}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper{display:flex;align-items:center;position:relative;background-color:var(--rds-color-background-default);border:1px solid var(--rds-color-border-low);border-radius:var(--rds-radius-m);z-index:1;flex-direction:column}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input{width:24px;height:24px;order:1;z-index:2;position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper label{z-index:0;display:flex;width:100%;min-height:24px;margin:0;align-items:center;overflow:hidden;color:var(--rds-color-content-medium);text-align:left;position:relative;cursor:pointer;padding:24px 32px;border-radius:var(--rds-radius-l)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper label:after{width:20px;height:20px;content:"";border:1px solid var(--rds-color-interactive-border-default);background-color:var(--rds-color-interactive-surface-default);border-radius:var(--rds-radius-round);z-index:2;position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper label .illustration{margin-right:16px}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:checked ~ label{color:var(--rds-color-content-high-inverse)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:checked ~ label::after{background-color:var(--rds-color-interactive-surface-active)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:checked ~ label::before{content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:var(--rds-radius-round);background-color:var(--rds-color-background-default);opacity:1;z-index:3}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:disabled ~ label:after{background-color:var(--rds-color-interactive-surface-alternative);cursor:default;opacity:.32}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:disabled ~ label .rp-description *,.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper input:disabled ~ label .illustration *{color:var(--rds-color-content-state-disabled)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper .discount{background-color:var(--rds-color-semantic-background-information);min-height:28px;padding:6px 8px;margin-bottom:16px;border-radius:var(--rds-radius-s);align-self:self-start;margin-left:16px}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper .discount .rp-description{font:var(--rds-caption-tag);margin-right:0;letter-spacing:.5px}
@media(min-width:1024px){.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper .discount{align-self:unset;margin-left:0}
}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper .rp-description{align-self:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;margin-right:16px}
@media(min-width:1024px){.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio .rp-input-radio-wrapper .rp-description{-webkit-line-clamp:4;line-clamp:4}
}
@media(min-width:1024px){.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio{margin-bottom:0}
}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.selected{background:var(--rds-color-border-highlighted-active)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.selected .rp-input-radio-wrapper{border:1px solid transparent;background-color:var(--rds-color-surface-sand)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.selected .rp-input-radio-wrapper label{background-color:var(--rds-color-surface-sand)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio:not(.selected):hover .rp-input-radio-wrapper,.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio:not(.selected):focus .rp-input-radio-wrapper{border-color:var(--rds-color-border-high)}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled{cursor:default;pointer-events:none}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled:hover,.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled:focus{background-color:currentColor;border-color:currentColor}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled input ~ label:after{background-color:var(--rds-color-interactive-surface-alternative);cursor:default;opacity:.32}
.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled input ~ label .rp-description *,.tariff-component-box .tariff-component-form [class*="selector-element"].rp-input-radio.disabled input ~ label .illustration *{color:var(--rds-color-content-state-disabled)}
.tariff-component-box .tariff-component-form .selector-element.rp-input-radio.selector-tariff .rp-input-radio-wrapper label{padding:24px 32px 8px 24px}
.tariff-component-box .tariff-component-form .selector-element.rp-input-radio.selector-tariff .rp-input-radio-wrapper>.rp-description{padding:0 24px 24px 24px;align-self:flex-start}
.tariff-component-box .tariff-component-form .selector-element.rp-input-radio.selector-tariff .rp-input-radio-wrapper>.rp-description .rp-description p{color:var(--rds-color-content-medium)}
.tariff-component-box .tariff-component-output{margin-top:24px}
.tariff-component-box .tariff-component-output .card-output{padding:24px 24px 15px 24px;background-color:var(--rds-color-surface-grey);border-radius:var(--rds-radius-m)}
.tariff-component-box .tariff-component-output .card-output .title-card{margin-bottom:16px}
.tariff-component-box .tariff-component-output .card-output .card__light{padding:16px 0}
.tariff-component-box .tariff-component-output .card-output .card__gas{margin-top:20px}
.tariff-component-box .tariff-component-output .card-output .label-prices{margin-left:16px;margin-right:16px;border-bottom:1px solid var(--rds-color-border-low);display:flex;flex-direction:column;padding-bottom:16px}
.tariff-component-box .tariff-component-output .card-output .label-prices .rds-title-01{display:flex;align-items:end;margin-bottom:8px}
.tariff-component-box .tariff-component-output .card-output .label-prices .rds-title-01 span:last-child{margin-left:8px}
.tariff-component-box .tariff-component-output .card-output .label-prices .power-value,.tariff-component-box .tariff-component-output .card-output .label-prices .scale-selection-value{font:var(--rds-body-02-bold)}
.tariff-component-box .tariff-component-output .card-output .content-prices{display:flex;flex-direction:column;gap:24px;margin:16px 16px 24px 16px}
@media(min-width:1024px){.tariff-component-box .tariff-component-output .card-output .content-prices{flex-direction:row;gap:90px}
}
.tariff-component-box .tariff-component-output .card-output .content-prices:last-child{margin-bottom:0}
.tariff-component-box .tariff-download{display:flex;flex-direction:row;gap:8px;color:var(--rds-color-link-content-default);margin:24px 0;display:inline-flex;align-items:center;padding:0;cursor:pointer;font:var(--rds-button-01)}
.tariff-component-box .tariff-download .rds-icon-right{font-size:20px;margin-left:6px}
.tariff-component-box .tariff-download .rds-icon-left{font-size:20px;margin-right:6px}
.tariff-component-box .tariff-download .rds-icon-left.none{display:none}
.tariff-component-box .tariff-download .rp-arrow{margin-left:6px;font-size:20px}
.tariff-component-box .tariff-download.rp-link-no-arrow .rp-arrow{display:none}
.tariff-component-box .tariff-download .text{position:relative;font:var(--rds-button-01)}
.tariff-component-box .tariff-download .text:before{content:"";width:0;display:inline-block;height:1px;transition:all .2s ease-in-out;position:absolute;bottom:0}
.tariff-component-box .tariff-download:hover .text:before{width:100%}
.tariff-component-box .tariff-download.rds-link__disabled,.tariff-component-box .tariff-download:disabled{opacity:20%}
.tariff-component-box .tariff-download.rds-link__disabled .text::before,.tariff-component-box .tariff-download:disabled .text::before{display:none}
.tariff-component-box .tariff-download:focus-visible{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus);border-color:transparent;outline:0;border-radius:6px}
.tariff-component-box .tariff-download .rp-description p{color:var(--rds-color-link-content-default)}
.tariff-component-box .legal-section p{color:var(--rds-color-content-medium)}