.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{position:relative}
.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:.5em}
.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}
.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}
.dropzone .dz-preview .dz-error-message{color:red;display:none}
.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}
.dropzone .dz-preview.dz-success .dz-success-mark{display:block}
.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}
@-webkit-keyframes passing-through{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@-moz-keyframes passing-through{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@keyframes passing-through{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@-webkit-keyframes slide-in{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes slide-in{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes slide-in{0{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes pulse{0{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes pulse{0{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}
.dropzone.dz-clickable{cursor:pointer}
.dropzone.dz-clickable *{cursor:default}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}
.dropzone.dz-started .dz-message{display:none}
.dropzone.dz-drag-hover{border-style:solid}
.dropzone.dz-drag-hover .dz-message{opacity:.5}
.dropzone .dz-message{text-align:center;margin:2em 0}
.dropzone .dz-message .dz-button{background:0;color:inherit;border:0;padding:0;font:inherit;cursor:pointer;outline:inherit}
.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}
.dropzone .dz-preview:hover{z-index:1000}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}
.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}
.dropzone .dz-preview.dz-image-preview{background:white}
.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}
.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:0}
.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}
.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}
.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}
.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 .4em;border-radius:3px}
.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)}
.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}
.dropzone .dz-preview .dz-image img{display:block}
.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-o-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);animation:passing-through 3s cubic-bezier(0.77,0,0.175,1)}
.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-o-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);animation:slide-in 3s cubic-bezier(0.77,0,0.175,1)}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}
.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}
.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}
.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}
.dropzone .dz-preview.dz-error .dz-error-message{display:block}
.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}
.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:white}
.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}
.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}
}
.my-dropzone{position:relative;border-radius:var(--rds-radius-s);outline:solid 2px var(--rds-color-content-high);background-color:var(--rds-color-surface-white);text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:0;padding:0 16px;width:100%;min-height:144px;cursor:pointer}
@media(min-width:1024px){.my-dropzone{min-height:124px;outline:dashed 2px var(--rds-color-content-high)}
}
.my-dropzone[disabled],.my-dropzone.disabled{pointer-events:none}
.my-dropzone[disabled] .dragdrop-box--info,.my-dropzone.disabled .dragdrop-box--info{color:var(--rds-color-content-medium)}
.my-dropzone[disabled] .dragdrop-box-title,.my-dropzone.disabled .dragdrop-box-title,.my-dropzone[disabled] .dragdrop-box-subtitle,.my-dropzone.disabled .dragdrop-box-subtitle,.my-dropzone[disabled] .dragdrop-box-caption,.my-dropzone.disabled .dragdrop-box-caption{color:currentColor}
.my-dropzone input{z-index:-1;opacity:0;width:.1px;height:.1px;overflow:hidden}
.my-dropzone.dz-clickable{transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:ease-in-out}
.my-dropzone.dz-clickable.removeHover:hover{background-color:transparent}
.my-dropzone.dz-clickable.dz-drag-hover{border-color:var(--rds-color-content-high);background-color:#c0ebf2;cursor:grabbing}
.my-dropzone.dz-clickable.dz-drag-hover .dragdrop-box--info{display:none}
.my-dropzone.dz-clickable.dz-drag-hover .dragdrop-box--list{position:absolute;opacity:0}
.my-dropzone.dz-clickable.dz-drag-hover .dragdrop-box--hover{display:block}
.my-dropzone.dz-clickable.dz-drag-hover.hasFiles .dragdrop-box--hover{display:none}
.my-dropzone.dz-clickable.dz-drag-hover.hasFiles .dragdrop-box--list{position:relative;opacity:1}
.my-dropzone .dragdrop-box{padding:5px 0;height:100%;width:100%;pointer-events:none}
.my-dropzone .dragdrop-box-title{margin-bottom:8px;color:var(--rds-color-content-high)}
.my-dropzone .dragdrop-box-subtitle{color:var(--rds-color-content-medium)}
.my-dropzone .dragdrop-box-caption{color:var(--rds-color-content-medium)}
.my-dropzone .dragdrop-box--info{display:block;padding:20px 0}
.my-dropzone .dragdrop-box--hover{display:none}
.my-dropzone .dragdrop-box--hover .dragdrop-box-title{margin-bottom:0;color:var(--rds-color-content-high)}
.my-dropzone .dragdrop-box--list{position:absolute;top:0;left:0;opacity:0;padding-top:16px;width:100%;min-height:142px;align-self:flex-start}
@media(min-width:1024px){.my-dropzone .dragdrop-box--list{min-height:125px}
}
.my-dropzone .dragdrop-box--error{display:none;padding:32px 0 15px;color:#e4002b}
@media(min-width:1024px){.my-dropzone .dragdrop-box--error{padding-top:25px}
}
.my-dropzone .dragdrop-box--error .icon,.my-dropzone .dragdrop-box--error .dragdrop-box-title,.my-dropzone .dragdrop-box--error .dragdrop-box-caption{color:currentColor}
.my-dropzone [class*="dragdrop-box--list-content-"]{padding-bottom:20px}
.my-dropzone .icon{display:inline-block;margin-bottom:10px;font-size:26px;color:var(--rds-color-content-high)}
.my-dropzone .dz-preview{width:100%;pointer-events:none}
.my-dropzone .dz-preview:not(:last-child){margin-bottom:10px}
.my-dropzone .dz-preview.dz-processing{opacity:.4}
.my-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear;transition-delay:.2s}
.my-dropzone .dz-preview.dz-complete{opacity:1}
.my-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in;transition-delay:.8s}
.my-dropzone .dz-preview .btn-toggle-remove,.my-dropzone .dz-preview .btn-remove{pointer-events:all}
.my-dropzone .dz-preview .btn-toggle-remove{border:0;padding:0 5px;background:transparent;font-family:"icomoon";font-size:19px;color:#016a7f}
.my-dropzone .dz-preview .btn-toggle-remove:focus{outline:0}
.my-dropzone .dz-preview .btn-toggle-remove:after{border:0;background:transparent;vertical-align:0}
.my-dropzone .dz-preview .btn-toggle-remove[aria-expanded='false']:after{content:"\e904"}
.my-dropzone .dz-preview .btn-toggle-remove[aria-expanded='true']:after{content:"\e909"}
.my-dropzone .dz-preview .dropdown-menu{border-radius:var(--rds-radius-s);border:0;padding:0;box-shadow:0 4px 6px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.1)}
.my-dropzone .dz-preview .btn-remove{border-radius:var(--rds-radius-s);border:0;padding:16px 20px 17px 20px;background-color:transparent;color:#e4002b;white-space:nowrap;transition:background-color .6s ease-in}
@media(min-width:1024px){.my-dropzone .dz-preview .btn-remove{padding:16px 24px 17px 24px;line-height:16px}
}
.my-dropzone .dz-details{position:relative;padding-right:28px}
@media(min-width:1024px){.my-dropzone .dz-details{display:flex;justify-content:flex-end;column-gap:10px;padding-right:0}
}
.my-dropzone .dz-details .dz-filename{position:relative;padding-left:30px;margin-right:auto;color:var(--rds-color-content-medium);text-align:left}
@media(min-width:1024px){.my-dropzone .dz-details .dz-filename{width:calc(100% - 140px)}
}
.my-dropzone .dz-details .dz-filename:before{content:"\e932";position:absolute;top:calc(50% + 10px);left:0;transform:translateY(-50%);font-family:"icomoon";font-size:23px;color:var(--rds-color-content-high)}
@media(min-width:1024px){.my-dropzone .dz-details .dz-filename:before{top:calc(50% - 5px)}
}
.my-dropzone .dz-details .dz-filename[data-mimetype="application/pdf"]:before{content:"\e920"}
.my-dropzone .dz-details .dz-filename [data-dz-name]{display:inline-block;max-width:100%;overflow:hidden}
.my-dropzone .dz-details .dz-filename .filename-name{float:left;width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-dropzone .dz-details .dz-filename .filename-ext{display:inline-block;width:32px}
.my-dropzone .dz-details .dz-size{margin-top:-8px;padding-left:30px;margin-right:20px;color:var(--rds-color-content-medium);text-transform:lowercase;text-align:left}
@media(min-width:1024px){.my-dropzone .dz-details .dz-size{position:relative;top:10px;width:86px;text-align:right}
}
.my-dropzone .dz-details .dropdown{position:absolute;top:50%;right:0;z-index:1;transform:translateY(-50%)}
.my-dropzone .dz-details .dropdown.show{z-index:2}
@media(min-width:1024px){.my-dropzone .dz-details .dropdown{position:relative;top:0;transform:translateY(0)}
}
.my-dropzone .dz-progress{position:absolute;bottom:8px;opacity:1;width:100%;height:2px;background:var(--rds-color-content-state-disabled);pointer-events:none;transform:scale(1)}
.my-dropzone .dz-progress .dz-upload{position:absolute;top:0;left:0;bottom:8px;display:block;background:#ff6200;height:2px;width:0;transition:width .3s ease-in-out;transition-delay:.5s}
.my-dropzone.hasFiles{border:solid 1px var(--rds-color-content-state-disabled)}
.my-dropzone.hasFiles .dragdrop-box--info,.my-dropzone.hasFiles .dragdrop-box--hover{display:none}
.my-dropzone.hasFiles .dragdrop-box--list{position:relative;opacity:1}
.my-dropzone.hasErrors{border:solid 1px #e4002b}
.my-dropzone.hasErrors .dragdrop-box--info,.my-dropzone.hasErrors .dragdrop-box--hover{display:none}
.my-dropzone.hasErrors .dragdrop-box--list{position:absolute;opacity:0}
.my-dropzone.hasErrors .dragdrop-box--error{display:block}
.my-dropzone.hasErrors.dz-drag-hover .dragdrop-box--error{display:none}
.my-dropzone .dz-size strong{font-weight:normal}