.preselect-holder.svelte-gagkd2{height:calc(100vh - 100px);display:grid;align-items:center}.preselect-holder.svelte-gagkd2 .grid:where(.svelte-gagkd2){width:100%}.modell-preselect__container.svelte-gagkd2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:60px;align-items:center}@media (max-width: 1480px){.modell-preselect__container.svelte-gagkd2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1200px){.modell-preselect__container.svelte-gagkd2{gap:30px}}@media (max-width: 768px){.modell-preselect__container.svelte-gagkd2{grid-template-columns:repeat(1,1fr)}}.modell-preselect__container.quad.svelte-gagkd2{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1600px){.modell-preselect__container.quad.svelte-gagkd2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.modell-preselect__container.quad.svelte-gagkd2{grid-template-columns:repeat(1,minmax(0,1fr))}}.modell-preselect__container.two.svelte-gagkd2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 768px){.modell-preselect__container.two.svelte-gagkd2{grid-template-columns:repeat(1,minmax(0,1fr))}}.modell-preselect__item.svelte-gagkd2{text-decoration:initial;transition:initial}.modell-preselect__item.svelte-gagkd2{background:#f6f3f2;border:none;cursor:pointer;display:flex;flex-direction:column;text-align:center;border-radius:10px;transition:transform .2s ease-out,box-shadow .2s ease;position:relative;align-items:flex-start;padding:0;justify-content:space-between;overflow:hidden}.modell-preselect__item.svelte-gagkd2 .gradient-image-container:where(.svelte-gagkd2){width:100%;height:fit-content;position:relative}.modell-preselect__item.svelte-gagkd2 .gradient-image-container:where(.svelte-gagkd2) img:where(.svelte-gagkd2){width:100%;object-fit:contain;padding:30px 20px 60px;z-index:2;position:relative}.modell-preselect__item.svelte-gagkd2 .gradient-image-container:where(.svelte-gagkd2):before{content:"";position:absolute;left:0;top:50%;background:#000;background:linear-gradient(180deg,#002c5f99,#0000 50%);height:90%;width:100%;z-index:1;pointer-events:none}.modell-preselect__item.svelte-gagkd2 span:where(.svelte-gagkd2){font-size:1.89rem;line-height:2.28rem;font-family:Hyundai-Sans-Text-Regular,sans-serif;font-weight:600;color:#000;z-index:2;padding:30px 30px 0}.modell-preselect__item.svelte-gagkd2:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}
