@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.serviceProviderSelector__container{display:flex;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);z-index:5000}
.serviceProviderSelector__dialog{transition:opacity .5s ease-in-out;display:flex;flex-direction:column;gap:40px;background:var(--color-bg-03);opacity:1;margin:auto 8px;width:100%;padding:24px 16px}
.serviceProviderSelector__header{display:flex;justify-content:space-between;align-items:center;gap:24px 16px}
.serviceProviderSelector__close-icon{align-self:flex-start;min-width:24px;min-height:24px;background-image:url("../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/close/close-white.svg");background-color:#000;border-radius:50%}
.serviceProviderSelector__title .cmp-title__text{font-family:'CupraRegular',sans-serif;font-size:30px;font-weight:400;line-height:36px;text-transform:none;color:var(--color-font-01)}
.serviceProviderSelector__select{position:relative;width:100%;height:45px;border-bottom:1px solid var(--color-bg-01);cursor:pointer}
.serviceProviderSelector__select::after{width:20px;height:20px;content:"";align-self:center;background-image:url("../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/td-arrow-left.svg");background-repeat:no-repeat;right:0;bottom:6px;position:absolute;transform:rotate(-90deg) scale(1.2);transition:transform .2s ease-in-out}
.serviceProviderSelector__select__placeholder{display:flex;flex-direction:row;align-items:flex-end;width:calc(100% - 24px);padding:8px 8px 8px 0;opacity:1;transition:opacity .2s ease-in-out;pointer-events:none;height:45px;overflow:hidden}
.serviceProviderSelector__select__placeholder p{bottom:8px;font-family:'CupraRegular',sans-serif;font-size:14px;line-height:16px;font-weight:400;color:var(--color-font-04)}
.serviceProviderSelector__select__list{position:absolute;top:calc(45px  - 1px);max-height:36px;width:100%;overflow:hidden;background:var(--color-bg-03);z-index:5001;opacity:0;pointer-events:none}
.serviceProviderSelector__select.unwrapped{top:6px;border:1px solid var(--color-ui-03);border-bottom:0;width:calc(100% + 18px);left:-9px}
.serviceProviderSelector__select.unwrapped::after{bottom:12px;transform:rotate(90deg) scale(1.2);transition:transform .2s ease-in-out;right:8px}
.serviceProviderSelector__select.unwrapped .serviceProviderSelector__select__list{width:calc(100% + 2px);position:absolute;opacity:1;max-height:138px;transition:max-height .2s ease-in-out;border:1px solid var(--color-ui-03);border-top:0;left:-1px;overflow:scroll;pointer-events:auto}
.serviceProviderSelector__select.unwrapped .serviceProviderSelector__select__placeholder{padding:8px;pointer-events:auto;width:100%;align-items:center}
.serviceProviderSelector__select.unwrapped .serviceProviderSelector__select__placeholder:hover{background-color:var(--color-bg-02)}
.serviceProviderSelector__select__option,.serviceProviderSelector__select__option-selected{display:flex;flex-direction:column;gap:4px;color:var(--color-font-02);padding:8px}
.serviceProviderSelector__select__option:hover{background-color:var(--color-bg-02)}
.serviceProviderSelector__select__option-selected{flex-direction:row;align-items:flex-end;gap:8px;height:45px;overflow:hidden;position:absolute;width:calc(100% - 24px);top:0;padding:8px 8px 8px 0;opacity:0;pointer-events:none;font-family:'CupraRegular',sans-serif;font-size:14px;line-height:16px;font-weight:400;color:var(--color-font-02)}
.serviceProviderSelector__select__option-name,.serviceProviderSelector__select__option-address{font-family:'CupraRegular',sans-serif;font-size:14px;line-height:16px;font-weight:400;white-space:nowrap}
.serviceProviderSelector__select__option-address{font-size:12px;color:var(--color-font-04);overflow:hidden;text-overflow:ellipsis}
.serviceProviderSelector__select__option.selected{background-color:var(--color-bg-02)}
.serviceProviderSelector__select__option.selected::after{width:20px;height:20px;content:"";align-self:center;background-image:url("../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-check.svg");background-repeat:no-repeat;right:4px;position:absolute;transform:translateY(50%)}
.serviceProviderSelector__select.selected:not(.unwrapped) .serviceProviderSelector__select__placeholder{opacity:0}
.serviceProviderSelector__select.selected:not(.unwrapped) .serviceProviderSelector__select__option-selected{opacity:1;transition:opacity .2s ease-in-out}
.serviceProviderSelector__ctas{display:flex;flex-direction:column-reverse;gap:16px}
.serviceProviderSelector:not(.is-open){position:absolute;transform:translateX(-999999px);height:0}
.serviceProviderSelector:not(.is-open) .serviceProviderSelector__dialog{opacity:0}
@media(min-width:764px){.serviceProviderSelector__dialog{width:552px;padding:48px;margin:auto}
.serviceProviderSelector__header{position:relative}
.serviceProviderSelector__close-icon{position:absolute;top:-20px;right:-20px;transform:scale(1.333);cursor:pointer}
.serviceProviderSelector__select{max-width:340px;margin:0}
.serviceProviderSelector__select.unwrapped{max-width:358px}
.serviceProviderSelector__select.unwrapped .serviceProviderSelector__select__list{max-height:100px}
.serviceProviderSelector__ctas{display:flex;flex-direction:row;gap:32px;justify-content:flex-end}
.serviceProviderSelector__cta-cancel,.serviceProviderSelector__cta-submit{width:100%;max-width:216px}
}
@media(min-width:1016px){.serviceProviderSelector__dialog{width:766px}
.serviceProviderSelector__title .cmp-title__text{font-size:40px;font-weight:400;line-height:44px}
.serviceProviderSelector__select{height:55px}
.serviceProviderSelector__select__list{top:calc(55px  - 1px);max-height:56px;margin:0}
.serviceProviderSelector__select__placeholder,.serviceProviderSelector__select__option-selected{height:55px}
.serviceProviderSelector__select__option.selected::after{transform:translateY(75%)}
.serviceProviderSelector__select__placeholder p,.serviceProviderSelector__select__option-name,.serviceProviderSelector__select__option-address{font-size:16px;line-height:20px}
.serviceProviderSelector__select__option-address{font-size:14px}
.serviceProviderSelector__select.unwrapped{top:8px}
.serviceProviderSelector__cta-cancel,.serviceProviderSelector__cta-submit{width:202px}
}