html{font-size:62.5%;min-height:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media(min-width: 1024px){.configurator-variant{position:relative;min-height:700px;min-width:450px}}.configurator-variant.hidden{display:none}.configurator-variant ::-webkit-scrollbar{width:0;height:0}.configurator-variant .configurator-extra-overlay{position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.5);z-index:1000}@media(min-width: 1024px){.configurator-variant .configurator-extra-overlay{height:100vh;display:flex;align-items:center;justify-content:center}}.configurator-variant .configurator-extra-overlay__inner{padding:var(--spacing-2x);background-color:var(--color-white);margin:50% var(--spacing-2x)}@media(min-width: 1024px){.configurator-variant .configurator-extra-overlay__inner{padding:var(--spacing-2x);margin:auto auto;max-width:500px;width:100%}}.configurator-variant .configurator-extra-overlay.hidden{display:none;pointer-events:none}.configurator-variant .configurator-extra-overlay__percentage{font-family:IBMPlexSans,sans-serif;font-size:34px;font-style:normal;font-weight:400;line-height:1.2;text-align:center}@media(min-width: 1024px){.configurator-variant .configurator-extra-overlay__percentage{font-size:max(2.36vw,34px)}}.configurator-variant .configurator-extra-overlay__addons{font-family:IBMPlexSans,sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:1.2;font-weight:400;text-align:center;margin-bottom:var(--spacing-2x)}@media(min-width: 1024px){.configurator-variant .configurator-extra-overlay__addons{font-size:max(1.8vw,26px)}}.configurator-variant .configurator-extra-overlay__subtitle{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;text-align:center;margin-bottom:var(--spacing-3x)}@media(min-width: 1024px){.configurator-variant .configurator-extra-overlay__subtitle{font-size:max(.83vw,12px)}}.configurator-variant .configurator-extra-overlay button{margin-bottom:var(--spacing-2x)}.configurator-variant .color-indicator{display:flex;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);padding:0 var(--spacing-2x)}.configurator-variant .color-indicator--extra{padding:0}@media(min-width: 1024px){.configurator-variant .color-indicator{padding:unset}}.configurator-variant .color-indicator__title{font-family:IBMPlexSans,sans-serif;font-size:14px;font-weight:400;line-height:1.2}@media(min-width: 1024px){.configurator-variant .color-indicator__title{font-size:max(1vw,14px)}}.configurator-variant .color-indicator__color{font-family:IBMPlexSans,sans-serif;font-size:14px;font-weight:400;line-height:1.2;color:var(--color-grey-text)}@media(min-width: 1024px){.configurator-variant .color-indicator__color{font-size:max(1vw,14px)}}.configurator-variant .colors-grid{display:flex;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);overflow-x:auto;padding:var(--spacing-2x) 0 var(--spacing-2x) var(--spacing-2x);scrollbar-width:none}@media(min-width: 1024px){.configurator-variant .colors-grid{padding:var(--spacing-2x) 0;flex-wrap:wrap}}.configurator-variant .colors-grid__item .color{display:block;width:36px;height:36px;padding:4px;border-radius:18px;border:1px solid transparent;transition:border .35s ease}.configurator-variant .colors-grid__item .color:hover{border:1px solid var(--color-grey-text);transition:border .35s ease}.configurator-variant .colors-grid__item .color.current-selected{border:1px solid var(--color-grey-text);transition:border .35s ease}.configurator-variant .colors-grid__item .color.disabled{pointer-events:none;opacity:.5}.configurator-variant .colors-grid__item .color.disabled::after{content:"";display:block;height:2px;width:26px;background-color:var(--color-grey-text);transform:rotate(-45deg) translate(10px, -10px)}.configurator-variant .colors-grid__item .color.disabled .color__inner{border:2px solid var(--color-grey-text)}.configurator-variant .colors-grid__item .color__inner{border-radius:14px;width:100%;height:100%;background-color:#9cb9e4;border:1px solid var(--color-gray-light)}.configurator-variant .colors-grid__item .color__inner.amount--1 .color-part{width:100%;height:100%;border-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--2{display:flex}.configurator-variant .colors-grid__item .color__inner.amount--2 .color-part{width:50%}.configurator-variant .colors-grid__item .color__inner.amount--2 .color-part--1{border-top-left-radius:14px;border-bottom-left-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--2 .color-part--2{border-top-right-radius:14px;border-bottom-right-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--3{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.configurator-variant .colors-grid__item .color__inner.amount--3 .color-part--1{position:absolute;left:-13px;width:100%;border-left:26px solid transparent;border-right:26px solid transparent;z-index:1;bottom:0}.configurator-variant .colors-grid__item .color__inner.amount--3 .color-part--2{width:50%}.configurator-variant .colors-grid__item .color__inner.amount--3 .color-part--3{width:50%}.configurator-variant .colors-grid__item .color__inner.amount--4{display:flex;flex-wrap:wrap}.configurator-variant .colors-grid__item .color__inner.amount--4 .color-part{width:50%}.configurator-variant .colors-grid__item .color__inner.amount--4 .color-part--1{border-top-left-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--4 .color-part--2{border-top-right-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--4 .color-part--3{border-bottom-left-radius:14px}.configurator-variant .colors-grid__item .color__inner.amount--4 .color-part--4{border-bottom-right-radius:14px}.configurator-variant .variant-selector{padding:var(--spacing-2x)}@media(min-width: 1024px){.configurator-variant .variant-selector{padding:var(--spacing-2x) 0}}.configurator-variant .variant-selector__title-row{display:flex;justify-content:space-between}.configurator-variant .variant-selector__title-row h3{font-family:IBMPlexSans,sans-serif;font-size:14px;font-weight:400;line-height:1.2;margin-bottom:var(--spacing-2x)}@media(min-width: 1024px){.configurator-variant .variant-selector__title-row h3{font-size:max(1vw,14px)}}.configurator-variant .variant-selector__title-row p{font-family:IBMPlexSans,sans-serif;font-size:14px;font-weight:400;line-height:1.2;color:var(--color-error)}@media(min-width: 1024px){.configurator-variant .variant-selector__title-row p{font-size:max(1vw,14px)}}.configurator-variant .variant-selector__title-row p s{color:var(--color-grey-text);margin-right:4px}.configurator-variant .variant-selector__title-row .percentage{display:inline-block;color:#000;margin-left:4px}.configurator-variant .variant-selector .disclaimer{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;color:var(--color-grey-text);margin-top:var(--spacing-1x)}@media(min-width: 1024px){.configurator-variant .variant-selector .disclaimer{font-size:max(.83vw,12px)}}.configurator-variant .variant-selector .variant-select{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;border:1px solid var(--color-almost-black);border-radius:0;padding:14px;width:100%;color:var(--color-almost-black);background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%279%27 viewBox=%270 0 16 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.25 1L8 7.23077L14.75 1%27 stroke=%27black%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");background-position:95% 50%;cursor:pointer;transition:border .35s ease,color .35s ease}@media(min-width: 1024px){.configurator-variant .variant-selector .variant-select{font-size:max(.83vw,12px)}}.configurator-variant .variant-selector .variant-select:hover{border:1px solid var(--color-grey-text);color:var(--color-almost-black);transition:border .35s ease,color .35s ease}.configurator-variant .variant-selector .variant-select:disabled{color:var(--color-grey-text)}.configurator-variant .variant-selector .variant-select option::before{display:block;content:"attr(data-old-price)";text-decoration:line-through;color:var(--color-error)}.configurator-variant .button-holder{display:flex;flex-flow:column;grid-gap:var(--spacing-2x);gap:var(--spacing-2x);padding:var(--spacing-2x)}@media(min-width: 1024px){.configurator-variant .button-holder{padding:var(--spacing-2x) 0}}.configurator-variant .button-holder .button.disabled{opacity:.5;transition:opacity .35s ease}