body,html{padding:0;margin:0;height:100vh;height:calc(100vh - constant(safe-area-inset-top));height:calc(100vh - env(safe-area-inset-top));overflow:hidden}body{background-color:#fbfbfb;color:#444;padding-top:env(safe-area-inset-top)}body,button,input{font-family:Ubuntu,sans-serif}*{-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none!important}a,a:active,a:hover,a:visited{color:#00acee;text-decoration:none}.configurator-page-header{max-width:1100px;margin:auto}.configurator-safe-area-padding{position:fixed;top:0;left:0;width:100vw;height:0;height:constant(safe-area-inset-top);height:env(safe-area-inset-top);background-color:red;z-index:9999}.configurator-main-wrapper{display:flex;position:fixed;left:0;width:100vw;height:100%;height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));background-color:#ebedf8}.configurator-main-wrapper .configurator-sidebar{width:208px;height:100%;flex-shrink:0;flex-grow:0;display:flex;justify-content:space-between;flex-direction:column;position:relative;transition:margin-left .3s}.configurator-main-wrapper .configurator-sidebar.collapsed{margin-left:-208px}.configurator-main-wrapper .configurator-content{padding:50px;height:calc(100% - 100px);overflow:auto}.configurator-content__wrapper{margin-top:16px;position:relative;flex-grow:1;width:auto;background-color:#f8f8fd;transition:margin-top .3s}.configurator-content__wrapper.fullscreen{margin-top:0}#vbf-content{position:relative}.configurator-sidebar header{display:flex;flex-direction:column;align-items:center;padding:24px 24px 48px}.configurator-sidebar header>*+*{margin-top:4px}.configurator-sidebar header{font-weight:700}.configurator-sidebar header .title{font-size:28px;color:#009ee2}.configurator-sidebar .floating-button{position:absolute;top:8px;width:40px;height:40px;border-radius:100%;background-color:#fff;color:#009ee2;box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:2}.configurator-sidebar .floating-button i{margin-top:1px}.configurator-sidebar .floating-button[data-action=collapse]{right:0;transform:translateX(calc(50% + 8px));transition:transform .3s}.configurator-sidebar .floating-button[data-action=collapse] i{transition:transform .3s}.configurator-sidebar.collapsed .floating-button[data-action=collapse]{transform:translateX(calc(100% + 8px))}.configurator-sidebar.collapsed .floating-button[data-action=collapse] i{transform:rotate(180deg)}.configurator-sidebar header .subtitle{font-size:15px;color:#0075a8;text-align:center}.configurator-sidebar .menu-avatar{width:100%;height:48px;box-sizing:border-box;background-size:contain}.configurator-navigation{flex-grow:1}.configurator-navigation.configurator-navigation__footer{flex-grow:0}.configurator-navigation a{position:relative;display:flex;height:48px;font-weight:500;align-items:center;justify-content:flex-end;font-size:16px;color:#848eab;box-sizing:border-box;box-shadow:inset 0 0 0 0 #848eab;transition:color .2s,box-shadow .2s}.configurator-sidebar .language-switcher{max-height:48px;overflow:hidden;display:none;transition:max-height .2s,box-shadow .2s}.configurator-sidebar .language-switcher[data-initialized]{display:block}.configurator-sidebar .language-switcher.active{max-height:144px}.configurator-navigation>.language-switcher img{height:18px;border:1px solid #0075a8}.configurator-navigation a[data-action=logout]{display:none}.configurator-navigation .subnavigation a{box-shadow:inset 8px 0 0 0 #848eab;font-size:14px;font-weight:400;height:36px;padding-left:16px}.configurator-navigation .subnavigation a.warning{box-shadow:inset 8px 0 0 0 #f79f1f}.configurator-navigation .subnavigation a.error{box-shadow:inset 8px 0 0 0 #ea2027}.configurator-navigation .subnavigation{margin-bottom:8px}.configurator-navigation>a+a{margin-top:8px}.configurator-navigation a span{width:66%;text-align:left}.configurator-navigation a .icon{margin-right:16px;max-height:28px;overflow:hidden}.configurator-navigation a i{width:28px}.configurator-navigation a img{width:28px;height:28px;border-radius:3px}.configurator-navigation>.language-switcher a:hover,.configurator-navigation>a:hover{box-shadow:inset 8px 0 0 0 #848eab}.configurator-navigation .subnavigation a:hover{box-shadow:inset 12px 0 0 0 #848eab}.configurator-navigation .subnavigation a.warning:hover{box-shadow:inset 12px 0 0 0 #f79f1f}.configurator-navigation .subnavigation a.error:hover{box-shadow:inset 12px 0 0 0 #ea2027}.configurator-navigation a.sel,.configurator-navigation a:hover{color:#009ee2}.configurator-navigation>.language-switcher.active a[data-current-language],.configurator-navigation>a.sel{box-shadow:inset 8px 0 0 0 #009ee2}.configurator-navigation .subnavigation a.sel{box-shadow:inset 12px 0 0 0 #009ee2;background-color:#f8f8fd}.configurator-sidebar footer{padding:24px;font-size:12px}.configurator-sidebar footer .van-beek-logo{width:100%}