.configurator{display:flex;flex-direction:column;gap:.75rem;min-width:0;margin-top:1.5rem;padding:1rem;font-family:"Inter","Adjusted Trebuchet MS Fallback",sans-serif;background-color:#fff;border:1px solid #deddd7;border-radius:1.25rem;box-shadow:0 0 1px rgba(36,36,36,.2),0 1px 2px rgba(36,36,36,.1)}.configurator__section{display:flex;flex-direction:column;gap:.25rem;min-width:0}.configurator__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.configurator__title{font-size:.875rem;font-weight:700;line-height:1.2;color:#242424}.configurator__grid{display:flex;flex-wrap:nowrap;gap:.5rem;margin:0 -1rem;padding:.5rem 1rem;overflow:auto hidden;scroll-behavior:smooth;scrollbar-width:none}.configurator__grid::-webkit-scrollbar{display:none}.configurator__grid .configurator__option{flex-shrink:0;flex-basis:6.5rem}.configurator__grid--battery .configurator__option{flex-basis:auto}.configurator__grid--battery .configurator__option_label{white-space:nowrap}.configurator__grid--battery .configurator__option_sublabel{margin-left:.75rem}.configurator__grid--color .configurator__option{flex-basis:6rem}.configurator__option{position:relative;display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.5rem .75rem;font-family:inherit;text-align:left;cursor:pointer;background-color:#fff;border:1px solid #deddd7;border-radius:.75rem;transition:border-color 160ms ease}.configurator__option:hover:not(:disabled){border-color:#a8a7a3}.configurator__option.active{border-color:#242424}.configurator__option.active::after{content:"";position:absolute;top:-0.375rem;right:-0.375rem;width:1.125rem;height:1.125rem;background:#242424 url("https://assets.clevertronic.de/repo/shop/images/check_clevertronic_light.svg") center/0.625rem no-repeat;border-radius:9999px;box-shadow:0 0 0 2px #fff}.configurator__option:disabled{cursor:default;background-color:#f9f8f1}.configurator__option:disabled .configurator__option_label{color:#8d8c89}.configurator__option_label{display:flex;align-items:center;gap:.25rem;min-width:0;font-size:.875rem;font-weight:700;line-height:1.15;color:#242424}.configurator__option_icon{flex-shrink:0}.configurator__option_sublabel{margin-left:auto;font-size:.75rem;font-weight:400;color:#8d8c89}.configurator__option_aux{font-size:.75rem;font-weight:600;line-height:1.2;color:#575655;white-space:nowrap}.configurator__option_aux--muted{font-weight:400;color:#8d8c89}.configurator__grid--color .configurator__option{align-items:center;justify-content:flex-start;padding:.5rem;text-align:center}.configurator__color_dot{flex-shrink:0;width:1.375rem;height:1.375rem;border:1px solid rgba(36,36,36,.2);border-radius:9999px}.configurator__grid--color .configurator__option_label{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.3em;font-size:.75rem;font-weight:600;text-align:center}.configurator__grid--color .configurator__option_aux{margin-top:auto;text-align:center}.configurator__desc{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#fdfdf9;border:1px solid #deddd7;border-radius:.75rem}.configurator__desc_head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.configurator__desc_label{font-size:.875rem;font-weight:700;color:#242424}.configurator__desc_body{font-size:.75rem;line-height:1.45;color:#575655}.configurator__rail_hint{position:sticky;right:-1rem;z-index:2;display:block;flex-shrink:0;align-self:stretch;width:2.5rem;margin-left:-2.5rem;pointer-events:none;background:linear-gradient(to right, rgba(255, 255, 255, 0), #fff 65%);opacity:1;transition:opacity 220ms ease}.configurator__grid--at_end .configurator__rail_hint,.configurator__grid:not(.configurator__grid--scrollable) .configurator__rail_hint{opacity:0}@media screen and (min-width: 1020px){.configurator__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));margin:0;padding:0;overflow:visible}.configurator__grid--color{grid-template-columns:repeat(6, minmax(0, 1fr))}.configurator__grid--condition{grid-template-columns:repeat(5, minmax(0, 1fr))}.configurator__grid--battery{grid-template-columns:repeat(2, minmax(0, 1fr))}.configurator__grid--battery .configurator__option_sublabel{margin-left:auto}.configurator__rail_hint{display:none}}