#configurator-container{color:#fff}#configurator-container.night-mode{background-color:#f1f1ef;color:#000}.iframe-container{position:relative;width:100%}.vannstein-iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 991px){.iframe-container{margin-bottom:20px}}@media (min-width: 992px){#map{width:500px!important}}.fade{opacity:0;transition:opacity .8s ease-in-out}.fade.show{opacity:1}.option-tab{display:none}.option-tab.show{display:block}.steps-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.steps-container div{margin-bottom:20px}.step .step-inner{padding:8px 10px 6px 11px;border-radius:57px;background-color:transparent;font-size:27px;cursor:pointer;transition:background-color .2s ease;border:1px solid white;width:62px}.night-mode .step .step-inner{border:2px solid black}.inner-tab{display:none}.inner-tab.active{display:block}.step .step-inner i{max-width:30px;max-height:30px;min-width:35px;text-align:center}.step.step-inner.visited{color:gray}.step.active .step-inner,.step-inner.active{background-color:#fff;color:#000}.night-mode .step.active .step-inner{background-color:transparent!important;border:2px solid #000;color:#000}.custom-divs-container{display:flex;flex-direction:column;align-items:center;gap:20px}.custom-div{padding:20px;border-radius:20px;background-color:#f5f5f5;display:none}.custom-div.show{display:block}.step-label-container{display:flex;justify-content:center;align-items:center;font-weight:700}.step-label-container p:not(:last-child){margin-right:10px}.menu-item{transition:opacity 0s ease-in .6s,opacity .6s;position:relative}.menu-item{font-size:22px;font-weight:700}.steps-container .progress-bar{width:100%;height:10px;background-color:#fff;position:absolute}.menu-item-hover{text-align:center}.menu-item-hover div{min-width:150px}.menu-item-hover:hover .menu-item{opacity:1;transition:opacity 0s ease-in .6s,opacity .6s}.menu-item-hover:hover .menu-item:before{width:0}.step.active .menu-item-hover .menu-item{opacity:1;transition:opacity 0s ease-in .6s,opacity .6s}.active .menu-item-hover .menu-item:before{width:0}.stepper-wrapper{margin-top:auto;display:flex;justify-content:space-between;margin-bottom:20px}.stepper-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}@media (max-width: 768px){.stepper-item{font-size:12px}}.stepper-item:before{position:absolute;content:"";border-bottom:2px solid #ccc;width:100%;top:20px;left:-50%;z-index:2}.stepper-item:after{position:absolute;content:"";border-bottom:2px solid #ccc;width:100%;top:20px;left:50%;z-index:2}.stepper-item .step-counter{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#2b2b2b;border:1px solid white;margin-bottom:6px;cursor:pointer}.stepper-item.active{font-weight:700}.stepper-item.active .step-counter{background-color:#fff;color:#000}.checkmark img{position:absolute;width:20px;height:20px;z-index:222;top:-8px;margin-left:6px;opacity:0}.stepper-item.completed .checkmark img{opacity:1}.stepper-item.completed:after{position:absolute;content:"";border-bottom:2px solid white;width:100%;top:20px;left:50%;z-index:3}.stepper-item:first-child:before{content:none}.stepper-item:last-child:after{content:none}.switch{display:inline-block;position:relative}.switch__input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.switch__label{position:relative;display:inline-block;width:120px;height:60px;background-color:#2b2b2b;border:5px solid #5B5B5B;border-radius:9999px;cursor:pointer;transition:all .4s cubic-bezier(.46,.03,.52,.96)}.switch__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-72%);display:block;width:40px;height:40px;background-color:#7b7b7b;border-radius:9999px;box-shadow:10px 0 rgba(#000000,.2) inset}.switch__indicator:before,.switch__indicator:after{position:absolute;content:"";display:block;background-color:#fff;border-radius:9999px}.switch__indicator:before{top:7px;left:7px;width:9px;height:9px;background-color:#fff;opacity:.6}.switch__indicator:after{bottom:8px;right:6px;width:14px;height:14px;background-color:#fff;opacity:.8}.switch__decoration{position:absolute;top:65%;left:50%;display:block;width:5px;height:5px;background-color:#fff;border-radius:9999px;animation:twinkle .8s infinite -.6s}.switch__decoration:before,.switch__decoration:after{position:absolute;display:block;content:"";width:5px;height:5px;background-color:#fff;border-radius:9999px}.switch__decoration:before{top:-20px;left:10px;opacity:1;animation:twinkle .6s infinite}.switch__decoration:after{top:-7px;left:30px;animation:twinkle .6s infinite -.2s}@keyframes twinkle{50%{opacity:.2}}.switch__indicator,.switch__indicator:before,.switch__indicator:after{transition:all .4s cubic-bezier(.46,.03,.52,.96)}.switch__input:checked+.switch__label{background-color:#8fb5f5;border-color:#347cf8}.switch__input:checked+.switch__label .switch__indicator{background-color:#ecd21f;box-shadow:none;transform:translate(-50%,-50%) translate(72%)}.switch__input:checked+.switch__label .switch__indicator:before,.switch__input:checked+.switch__label .switch__indicator:after{display:none}.switch__input:checked+.switch__label .switch__decoration{top:50%;transform:translateY(-50%);animation:cloud 8s linear infinite;width:20px;height:20px}.switch__input:checked+.switch__label .switch__decoration:before{width:10px;height:10px;top:auto;bottom:0;left:-8px;animation:none}.switch__input:checked+.switch__label .switch__decoration:after{width:15px;height:15px;top:auto;bottom:0;left:16px;animation:none}.switch__input:checked+.switch__label .switch__decoration,.switch__input:checked+.switch__label .switch__decoration:before,.switch__input:checked+.switch__label .switch__decoration:after{border-radius:9999px 9999px 0 0}.switch__input:checked+.switch__label .switch__decoration:after{border-bottom-right-radius:9999px}@keyframes cloud{0%{transform:translateY(-50%)}50%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}.switch-container{display:flex;align-items:center;margin-bottom:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.form-check-input:checked{border-color:#3cb371;background-color:#3cb371}input:checked+.slider{background-color:#3cb371}input:checked+.slider:before{transform:translate(26px)}.switch-label{margin-left:10px;font-size:16px;font-weight:700;color:#000}#flowers-grass-container{display:flex;justify-content:space-around;margin-top:20px}.flowers{width:100px;height:100px;background-color:pink;border-radius:50%;transition:.4s}.grass{width:100px;height:100px;background-color:green;border-radius:50%;transition:.4s}#toggle-switch:checked~#flowers-grass-container .flowers{opacity:0;visibility:hidden}#toggle-switch:checked~#flowers-grass-container .grass{opacity:0;visibility:hidden}.color-tab{display:flex;justify-content:center}.color-tab .picker{gap:60px}.color-tab .picker label[for*=color]{inline-size:3rem;block-size:3rem}.color-legend{font-weight:700}.material-tab{display:flex;justify-content:center}.material-tab .picker label{inline-size:10rem;block-size:5rem}.material-tab .picker label[for*=material]>input:checked~img{border:6px solid white}.not-visited{position:absolute;display:none;width:10px!important}.visited .checkmark{display:inline!important;color:red;margin-top:-36px;margin-left:43px}.visited .checkmark img{width:30px}.scene-btn{background-color:#bcbcbc}.scene-btn.active{background-color:#fff}.round-button{display:inline-block;width:300px;height:50px;border-radius:25px;background-color:#343233;position:relative;overflow:hidden;margin-bottom:50px;border:0;color:#fff;font-size:24px}.round-button img{filter:invert(1)}.night-mode .round-button{color:#000;background-color:#fff}.night-mode .round-button img{filter:invert(1)}.arrow-left,.arrow-right{position:absolute;top:0;bottom:0;width:50px}.arrow-left{left:0}.arrow-left.disabled{opacity:.3}.arrow-right{right:0}.navigator-text{position:absolute;top:0;bottom:0;left:50px;right:50px;line-height:50px;text-align:center;font-weight:700;text-transform:capitalize}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#5c6664;background-image:none;flex:1;padding:0 .5em;color:#fff;cursor:pointer;font-size:1em;font-family:Open Sans,sans-serif}select::-ms-expand{display:none}.select{position:relative;display:flex;width:20em;height:3em;line-height:3;background:#5c6664;overflow:hidden;border-radius:.25em}.select:after{content:"\25bc";position:absolute;top:0;right:0;padding:0 1em;background:#fff;color:#000;cursor:pointer;pointer-events:none;transition:.25s all ease}.select:hover:after{color:#23b499}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff}.font-progress{background:linear-gradient(to right,#000 0% 40%,#fff 40% 100%);border:solid 2px #334242;border-radius:8px;height:7px;width:400px;outline:none;transition:background .45s ease-in;-webkit-appearance:auto;position:absolute;left:25px;right:10px;width:calc(100% - 50px)}.font-progress::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;-webkit-appearance:auto;cursor:pointer;background:#434343}.input-container{position:relative;display:inline-block;width:100%}.left-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700}.right-label{position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:40px;font-weight:700}#map{width:500px;height:500px;max-width:100%;max-height:100%}#shopify-section-template--18385838768438__17147211356e71d7e0{width:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/configurator.css.map */