.Configurator__StepNavigator__stepWrapper{--thumbnails-offset:0rem;text-align:left;flex-direction:column;display:flex;position:relative}.Configurator__StepNavigator__stepWrapper:has([data-player-thumbnails]){--thumbnails-offset:calc(6.4rem + 1.6rem)}.Configurator__StepNavigator__step{flex-flow:column;width:100%;display:flex}.Configurator__StepNavigator__sidebarContent{flex-flow:column;flex-grow:1;display:flex;overflow:hidden}.Configurator__StepNavigator__stepContent{z-index:auto;flex-grow:1;position:relative;overflow:hidden auto}body:has([data-modalActive="true"]) .Configurator__StepNavigator__stepContent{z-index:1}@media only screen and (width<=1023px){.Configurator__StepNavigator__singleImage [data-step]:not([data-step=summary])>div:last-child{margin-top:0}.Configurator__StepNavigator__configuratorPage{overflow:hidden}.Configurator__StepNavigator__step{width:100%;height:100dvh}.Configurator__StepNavigator__upgradeMode{position:relative}body:has([data-modalActive="vray"]) .Configurator__StepNavigator__step{height:100%}body:has([data-modalActive="true"]) .Configurator__StepNavigator__stepContent{z-index:auto}}@media only screen and (width>=1024px){.Configurator__StepNavigator__stepWrapper{z-index:auto;flex-direction:row;justify-content:space-between;max-height:100vh;padding-bottom:4rem}.Configurator__StepNavigator__step{flex-direction:column;max-width:35%;height:83vh;padding-right:3rem;display:flex}.Configurator__StepNavigator__sidebarContent{border-right:1px solid var(--c-configurator-dark-white-3);flex-direction:column;height:100%;min-height:36vh;display:flex;overflow-y:hidden}.Configurator__StepNavigator__configuratorPage::-webkit-scrollbar{width:13px}.Configurator__StepNavigator__configuratorPage::-webkit-scrollbar-track{background:var(--c-color-grey-12);border-radius:9px 9px 0 0}.Configurator__StepNavigator__configuratorPage::-webkit-scrollbar-thumb{background:var(--c-color-grey-13);border-radius:0 0 9px 9px}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__step{padding-right:30px}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__step.Configurator__StepNavigator__noPadding{padding:0}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__stepContent::-webkit-scrollbar{width:13px}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__stepContent::-webkit-scrollbar-track{background:var(--c-color-grey-14);border-radius:9px}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__stepContent::-webkit-scrollbar-thumb{background:var(--c-configurator-scrollbar);border-radius:9px}.Configurator__StepNavigator__configuratorPage .Configurator__StepNavigator__stepContent[data-step=cover]{overflow:hidden}body:has([data-modalactive=true]) .Configurator__StepNavigator__step{position:relative}body:has([data-modalactive=true]) .Configurator__StepNavigator__stepContent,body:has([data-modalactive=stepInfo]) .Configurator__StepNavigator__stepContent{position:initial;z-index:auto}}@supports not ((-webkit-appearance:none)){body.Configurator__StepNavigator__configurator-page{scrollbar-width:thin;scrollbar-color:var(--c-color-grey-13) var(--c-color-grey-12)}body.Configurator__StepNavigator__configurator-page .Configurator__StepNavigator__stepContent{scrollbar-width:thin;scrollbar-color:var(--c-configurator-scrollbar) var(--c-color-grey-14)}}@media only screen and (width>=1679px){.Configurator__StepNavigator__step{max-width:475px}}
