@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)}
}
.cmp-filters__modal-content{padding:24px 32px;width:100% !important}
.cmp-filters__modal-content .cmp-title__text{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:uppercase;font-size:22px;line-height:24px;margin:0}
.cmp-filters__modal-content .modal-container-body{max-height:90vh;-ms-overflow-style:none;scrollbar-width:none}
.cmp-filters__modal-content .modal-container-body::-webkit-scrollbar{display:none}
.cmp-filters__container{padding-bottom:32px}
.cmp-filters__panel{color:var(--color-font-03);border-top:1px solid var(--color-font-03)}
.cmp-filters__content{display:flex;flex-direction:column;gap:16px}
.cmp-filters__content:last-child{margin-bottom:32px}
.cmp-filters__content-filter{display:flex;flex-direction:row;align-items:center;color:var(--color-font-04);gap:8px}
.cmp-filters__header{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer}
.cmp-filters__header .cmp-text p{color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400;text-transform:capitalize;font-size:18px;line-height:24px}
.cmp-filters__header .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-filters__title{font-family:'CupraRegular',sans-serif;font-size:18px;line-height:24px}
.cmp-filters__subtitle .cmp-text p{color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400;font-size:16px;line-height:24px}
.cmp-filters__subtitle .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-filters__main{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s;overflow:hidden}
.cmp-filters__main.mod__close{grid-template-rows:0fr}
.cmp-filters__wrapper{display:flex;flex-direction:column;gap:16px;overflow:hidden}
.cmp-filters__image{width:110px;height:44px}
.cmp-filters__checkbox-icon{border:1px solid var(--color-font-04);box-sizing:border-box;cursor:pointer;display:inline-flex;height:1.5rem;min-width:1.5rem;position:relative;width:1.5rem;padding-top:2px;justify-content:center}
.cmp-filters__checkbox-input:checked + .cmp-filters__checkbox-icon{border:1px solid var(--color-font-03);background-color:var(--color-font-03);transition:background-color .3s ease}
.cmp-filters__checkbox-input:checked + .cmp-filters__checkbox-icon:after{content:url('../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-check.svg');position:absolute;font-size:1rem;color:black;animation:fadeIn .3s ease-in-out}
.cmp-filters__checkbox-input:disabled + .cmp-filters__checkbox-icon{cursor:not-allowed}
@keyframes fadeIn{from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}
.cmp-filters__checkbox-input{visibility:hidden;position:absolute}
.cmp-filters__checkbox-number{font-size:12px;line-height:16px}
.cmp-filters__checkbox-info{display:flex;flex-direction:column}
.cmp-filters__checkbox-info.mod__single-line{flex-direction:row;gap:4px}
.mod__single-line .cmp-filters__checkbox-number{font-size:16px;line-height:24px}
.cmp-filters__icon{height:32px;width:32px;position:relative}
.cmp-filters__plus{width:20px;height:2px;position:absolute;top:50%;border:1px solid var(--color-font-03);cursor:pointer}
.cmp-filters__plus.mod__icon-open{animation:panelIconOpen .25s forwards}
.cmp-filters__plus.mod__icon-close{animation:panelIconClose .25s forwards}
.cmp-filters__plus.mod__vertical{transform:rotate(90deg)}
@keyframes panelIconOpen{from{transform:rotate(90deg)}
to{transform:rotate(0)}
}
@keyframes panelIconClose{from{transform:rotate(0)}
to{transform:rotate(90deg)}
}
.cmp-filters__filters-button{display:flex}
.cmp-filters__apply-filters{padding-top:48px}
.cmp-filters .general-container{display:none}
@media(min-width:764px){.cmp-filters__modal-content{padding:28px 32px;max-width:444px}
}
@media(min-width:1016px){.cmp-filters__modal-content{max-width:444px}
}
@media(min-width:1436px){.cmp-filters__filters-button{display:none}
.cmp-filters__container{width:100%;padding:32px 32px 32px 0}
.cmp-filters__header .cmp-text p{font-size:24px;line-height:32px}
.cmp-filters__header .cmp-text p>a{text-decoration:underline}
.cmp-filters__title{font-size:24px;line-height:32px}
.cmp-filters__apply-filters{display:none}
.cmp-filters .general-container{display:flex;background-color:var(--color-bg-01);min-width:444px;max-width:444px}
}