html{font-size:62.5%;min-height:100%;scroll-behavior:smooth;scrollbar-gutter:stable}.configurator-details__inner{padding:var(--spacing-10x) 0 var(--spacing-5x);max-width:100vw;margin:auto;overflow:hidden}@media(min-width: 1024px){.configurator-details__inner{max-width:700px;padding:0 var(--spacing-2x) var(--spacing-10x);max-height:90vh;overflow-y:auto}.configurator-details__inner::-webkit-scrollbar{display:none}}@media(min-width: 1024px){.configurator-details__inner .mobile-explainer{display:none}}.configurator-details__inner .mobile-explainer h2{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;display:flex;align-items:center;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);padding:var(--spacing-2x);text-decoration:underline}@media(min-width: 1024px){.configurator-details__inner .mobile-explainer h2{font-size:max(.83vw,12px)}}.configurator-details__inner .mobile-explainer h2 svg{width:16px;height:16px}.configurator-details__inner .mobile-explainer .modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1001;display:flex;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .35s ease}.configurator-details__inner .mobile-explainer .modal.active{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .35s ease}.configurator-details__inner .mobile-explainer .modal__inner{position:relative;background-color:var(--color-white);padding:var(--spacing-2x);margin:auto var(--spacing-2x)}.configurator-details__inner .mobile-explainer .modal__inner .explainer-content h3{font-family:IBMPlexSans,sans-serif;font-size:34px;font-style:normal;font-weight:400;line-height:1.2;font-size:2.8rem}@media(min-width: 1024px){.configurator-details__inner .mobile-explainer .modal__inner .explainer-content h3{font-size:max(2.36vw,34px)}}.configurator-details__inner .mobile-explainer .modal__inner .explainer-content p{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;padding:var(--spacing-2x) 0}@media(min-width: 1024px){.configurator-details__inner .mobile-explainer .modal__inner .explainer-content p{font-size:max(.83vw,12px)}}.configurator-details__inner .mobile-explainer .modal__inner svg{position:absolute;right:var(--spacing-2x);top:var(--spacing-2x)}.configurator-details__inner .mobile-explainer .modal__inner svg rect{fill:var(--color-almost-black)}.configurator-details__inner .grid-row{display:flex;flex-flow:column;position:relative}@media(min-width: 1024px){.configurator-details__inner .grid-row{flex-flow:row}}.configurator-details__inner .grid-row .button-row{position:fixed;top:400px;transition:top .25s ease;z-index:6;width:100vw}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row{margin-right:var(--spacing-3x);position:unset;top:unset;z-index:unset}}.configurator-details__inner .grid-row .button-row ::-webkit-scrollbar{width:0;height:0}.configurator-details__inner .grid-row .button-row__fade{display:flex;overflow-x:auto;padding:0 0 var(--spacing-2x) 0;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row__fade{flex-flow:column;overflow-x:unset;-ms-scroll-snap-type:unset;scroll-snap-type:unset;padding:unset}}.configurator-details__inner .grid-row .button-row__button{border-bottom:1px solid var(--color-gray-line)}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row__button{border-bottom:unset;max-width:200px}.configurator-details__inner .grid-row .button-row__button:last-child{border-bottom:1px solid var(--color-gray-line)}}.configurator-details__inner .grid-row .button-row__button--hidden{display:none}.configurator-details__inner .grid-row .button-row__button--no-events{pointer-events:none}.configurator-details__inner .grid-row .button-row__button span{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;margin-right:4px}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row__button span{font-size:max(.83vw,12px)}}.configurator-details__inner .grid-row .button-row__button input{display:none}.configurator-details__inner .grid-row .button-row__button input:checked+label{border:1px solid #009e3d;background-color:#009e3d;color:var(--color-white)}.configurator-details__inner .grid-row .button-row__button label{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;display:block;padding:13px var(--spacing-2x);border:1px solid var(--color-gray-line);border-bottom:1px solid transparent;background-color:var(--color-background-gray);color:var(--color-grey-text);cursor:pointer;transition:border .35s ease,background-color .35s ease,color .35s ease;white-space:nowrap}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row__button label{font-size:max(.83vw,12px)}}.configurator-details__inner .grid-row .button-row__button label:hover{border:1px solid var(--color-almost-black);background-color:var(--color-white);color:var(--color-almost-black);transition:border .35s ease,background-color .35s ease,color .35s ease}.configurator-details__inner .grid-row .button-row__button label.handled{background-color:var(--color-background-gray);color:var(--color-grey-text)}@media(min-width: 1024px){.configurator-details__inner .grid-row .button-row__button label.handled{background-color:var(--color-background-gray);color:var(--color-grey-text)}}.configurator-details__inner .grid-row .button-row__button label .icon-checkmark{width:24px;height:24px;opacity:0;transform:scale(0.2) translateX(-16px);transition:opacity .35s ease,transform .35s ease}.configurator-details__inner .grid-row .button-row__button label .icon-checkmark--active{opacity:1;transform:scale(0.5) translateX(-16px);transition:opacity .35s ease,transform .35s ease}.configurator-details__inner .intro{padding:0 var(--spacing-2x)}@media(min-width: 1024px){.configurator-details__inner .intro{display:unset}}.configurator-details__inner .intro .show-overview{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;display:flex;align-items:center;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);margin-bottom:var(--spacing-2x);color:var(--color-almost-black);opacity:1;transition:opacity .35s ease}@media(min-width: 1024px){.configurator-details__inner .intro .show-overview{font-size:max(.83vw,12px)}}.configurator-details__inner .intro .show-overview svg path{stroke:var(--color-almost-black)}@media(min-width: 768px){.configurator-details__inner .intro .show-overview:hover{opacity:.5;transition:opacity .35s ease}}.configurator-details__inner .intro .text-holder h1{font-family:IBMPlexSans,sans-serif;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;margin-bottom:var(--spacing-2x);display:none}@media(min-width: 1024px){.configurator-details__inner .intro .text-holder h1{font-size:max(1.65vw,24px)}}@media(min-width: 1024px){.configurator-details__inner .intro .text-holder h1{display:block}}.configurator-details__inner .intro .text-holder p{font-family:IBMPlexSans,sans-serif;font-size:12px;font-weight:400;line-height:1.2;margin-bottom:var(--spacing-2x);display:none}@media(min-width: 1024px){.configurator-details__inner .intro .text-holder p{font-size:max(.83vw,12px)}}@media(min-width: 1024px){.configurator-details__inner .intro .text-holder p{display:block}}
