.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;height:80%;left:50%;max-width:700px;overflow:hidden;padding:40px 20px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:9999}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;z-index:2}.modal iframe{border:none;height:calc(100% - 40px);overflow:hidden;position:relative;width:100%}.modal iframe html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.disclaimer{align-items:center;display:flex;font-size:14px;justify-content:center;margin:10px 0}@media(max-width:1024px){.disclaimer{padding:10px}}.wp-block-hydraloop-upfall-configurator-block{all:unset!important;all:revert!important;display:block}.wp-block-hydraloop-upfall-configurator-block .container{display:flex;flex-direction:row;height:800px;margin:0 auto;max-height:800px;max-width:1150px}.wp-block-hydraloop-upfall-configurator-block .container h1{font-size:24px!important;font-weight:700}.wp-block-hydraloop-upfall-configurator-block .container h3{font-size:18px!important;font-weight:700;margin:0!important}.wp-block-hydraloop-upfall-configurator-block .container p{font-size:18px!important;margin:0!important}.wp-block-hydraloop-upfall-configurator-block .container .price-container>p,.wp-block-hydraloop-upfall-configurator-block .container div{font-size:16px!important}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper{align-items:center;aspect-ratio:9/16;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-left-radius:11px;border-top-left-radius:11px;display:flex;height:auto;justify-content:center;min-width:450px;overflow:hidden;position:relative;touch-action:none;width:450px}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:1;position:absolute;top:0;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .configurator{border-bottom:1px solid #6798ad;border-bottom-right-radius:11px;border-right:1px solid #6798ad;border-top:1px solid #6798ad;border-top-right-radius:11px;box-sizing:border-box;height:auto;overflow-x:hidden;overflow-y:auto;padding:40px 25px 0;position:relative;scrollbar-width:none;top:1px;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .configurator::-webkit-scrollbar{display:none}.wp-block-hydraloop-upfall-configurator-block .container .configurator .introduction{margin-bottom:20px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .introduction h1{font-size:28px;margin-bottom:10px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .introduction .text{font-size:18px;line-height:18px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons-container{border:1px solid #6798ad;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons{border-radius:12px;display:flex;flex-direction:row;gap:10px;padding:10px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons{display:flex;flex-direction:column;gap:10px;margin-top:0}.wp-block-hydraloop-upfall-configurator-block .container .configurator .options{display:flex;flex-direction:column;gap:40px;margin-bottom:50px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary{align-items:center;background:#fff;border-top:1px solid #6798ad;bottom:0;box-shadow:0 -5px 10px rgba(0,0,0,.2);display:flex;height:100px;justify-content:space-between;left:0;margin:-30px;padding:0 30px;position:sticky;right:0;z-index:2}.wp-block-hydraloop-upfall-configurator-block .container .price-summary h4{margin-bottom:5px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary h6{font-size:14px;font-weight:400;margin-bottom:5px;margin-top:10px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary p{color:rgba(103,152,173,.6);font-size:14px;margin-bottom:5px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary #openModal{align-items:center;background-color:#365072;border-radius:20px!important;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:0;padding:0 30px;text-align:center;transition:background-color .3s ease;width:337px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary #openModal:hover{background-color:#6798ad}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description{display:flex;flex-direction:row;min-height:25px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description h3{color:#365072;font-size:20px;font-weight:700;line-height:18px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description p{font-size:20px;line-height:18px}.wp-block-hydraloop-upfall-configurator-block .container .configurator h3{margin-bottom:5px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons-container p{margin-bottom:0;margin-left:auto;margin-top:auto}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button{border:3px solid #fff;border-radius:10px;cursor:pointer;gap:10px;height:80px;outline:2px solid #fff;padding:5px;transition:border .5s ease,outline .5s ease;width:80px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.color-button-tap img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;scale:1;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.color-button-tap{align-items:center;border:3px solid #fff;border-radius:10px;display:flex;height:150px;justify-content:center;vertical-align:middle;width:120px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.cover-plate-type{align-items:center;border:3px solid #fff;border-radius:10px;display:flex;height:285px;justify-content:center;vertical-align:middle;width:300px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.cover-plate-type img{max-height:100%}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.active{border:3px solid #fff;outline:2px solid #6798ad;transition:border .5s ease,outline .5s ease}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.white{background:#fff;background:linear-gradient(135deg,#fafafa 50%,#f0f0f0 51%)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.black{background:linear-gradient(135deg,#000 50%,#323031 51%)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.chrome{background:linear-gradient(309deg,#504f54,#b1b1b1 18%,#13181c 39.5%,#c6c6c8 60.5%,#fff 71.5%,#0c0f14 83%,#696a6e)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.stainless-steel{background:linear-gradient(129deg,#a8a8a6,#696969 35.5%,#f9f8f6 66.5%,#d4d4d4 82.5%,#7f7f7f)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.matt-black{background:linear-gradient(145deg,#1a1a1a,#121212 25%,#242424 50%,#0d0d0d 75%,#1e1e1e)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.gunmetal{background:linear-gradient(133deg,#121214 12.1%,#505256 40.48%,#94999f 58.02%,#212124 75.5%,#5d6064 88.5%,#9599a0)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button{background-color:#fff;border:1px solid #6798ad;border-radius:12px;color:#6798ad;cursor:pointer;display:flex;height:-moz-fit-content;height:fit-content;min-height:50px;overflow:hidden;padding:30px 15px;transition:background-color .5s ease}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing{background:rgba(103,152,173,.2);border:none!important;display:flex;flex-direction:column;justify-content:center;min-height:30px;padding:10px 15px;transition:all .3s ease}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing>:first-child{align-items:center;color:#365072;display:flex;font-weight:700;justify-content:space-between}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing .help-text{color:#6798ad;font-weight:400;max-height:0;overflow:hidden;transition:all .5s ease;width:80%}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing .help-text.expanded{border:none;margin-top:20px;max-height:300px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing .plus-icon{align-items:center;border:2px solid #365072;border-radius:50%;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;padding:0;position:relative;transition:transform .5s ease;width:30px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing .plus-icon p:before{content:"+"}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing.expanded .plus-icon{transform:rotate(180deg)}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing.expanded .plus-icon p:before{content:"-";font-size:22px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.help-choosing .plus-icon p{color:#365072;font-size:18px;font-weight:700;line-height:1;margin:0;padding:0;position:relative;text-align:center;top:-1px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button.active{background-color:rgba(103,152,173,.1);border:1px solid #365072;border-radius:12px;color:#365072}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button p{color:#6798ad;font-weight:400;margin:0;padding-top:10px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .price-container{display:flex;flex-direction:column;justify-content:space-between;width:80%}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button .price-container:first-child{color:#365072;font-weight:700}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .price{color:#6798ad;font-size:16px;font-weight:400;margin-bottom:0;margin-left:auto;margin-top:auto}@media(max-height:884px){.wp-block-hydraloop-upfall-configurator-block .container{height:auto;max-height:calc(100svh - 80px)}}@media(max-width:1366px){.wp-block-hydraloop-upfall-configurator-block .container .configurator .introduction h1{font-size:24px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description h3,.wp-block-hydraloop-upfall-configurator-block .container .configurator .description p{font-size:18px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons-container p,.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button p{font-size:16px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary #openModal{margin-right:20px;padding:10px 15px;width:auto}}@media(max-width:1150px){.wp-block-hydraloop-upfall-configurator-block .container{border:1px solid #6798ad;border-radius:18px;display:flex;flex-direction:column;height:calc(100svh - 84px);margin:0 auto;max-width:700px;padding:0}.wp-block-hydraloop-upfall-configurator-block .container .configurator .introduction h1{font-size:20px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description{display:flex;flex-direction:column}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description h3{font-size:14px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .description p{font-size:14px;line-height:30px}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons-container p,.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button p{font-size:14px}.wp-block-hydraloop-upfall-configurator-block .container .configurator{border-radius:0 0 18px 18px;border-right:none;font-size:14px;height:100%;max-width:100vw;width:100%}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper{align-items:center;background-image:none;border-radius:0;box-shadow:0 5px 10px rgba(0,0,0,.2);display:flex;height:100%;justify-content:center;margin:0 auto;max-height:100vh;min-width:0;overflow:hidden;width:-moz-fit-content;width:fit-content;z-index:1}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper img{background:#fff;border-top-left-radius:11px;border-top-right-radius:11px;height:100%;max-height:100%;min-width:0;-o-object-fit:contain;object-fit:contain;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.cover-plate-type{height:200px!important;width:220px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary{background-color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px;bottom:0;box-shadow:0 -5px 10px rgba(0,0,0,.2);height:70px;left:0;position:sticky;right:0;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .price-summary #openModal{margin:0;padding:10px 30px;width:auto}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button{height:80px!important}.wp-block-hydraloop-upfall-configurator-block .container .configurator .text-buttons .text-button{min-height:20px;padding:10px}.wp-block-hydraloop-upfall-configurator-block .container #mobile-background{background:#fff;height:130vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}}@media(max-width:700px){.wp-block-hydraloop-upfall-configurator-block .container{background-color:#fff;border:none;border-radius:0;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin:0 0 80px;overflow:hidden;position:fixed;right:0;top:80px;width:100vw;z-index:1000}.wp-block-hydraloop-upfall-configurator-block body{overflow:hidden;pointer-events:none}.wp-block-hydraloop-upfall-configurator-block .container .configurator{background:#fff;border:none;box-sizing:border-box;flex:1 1 auto;height:100%;margin:0;overflow-y:auto;padding:20px;position:relative;width:100%}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper{align-items:center;aspect-ratio:9/16;background:#fff;display:flex;height:auto;justify-content:center;min-height:50%;overflow:hidden}.wp-block-hydraloop-upfall-configurator-block .container #image-viewer-wrapper img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.wp-block-hydraloop-upfall-configurator-block .container .price-summary{background:#fff;border:none;border-radius:0;bottom:0;box-sizing:border-box;height:65px;left:0;margin:0;padding:16px;position:fixed;width:100%;z-index:100}.wp-block-hydraloop-upfall-configurator-block .container .configurator .image-buttons .image-button.cover-plate-type{height:220px!important;width:300px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary #openModal{height:30px;margin-left:auto;margin-right:5px;margin-top:0;width:120px}.wp-block-hydraloop-upfall-configurator-block .container .price-summary h4,.wp-block-hydraloop-upfall-configurator-block .container .price-summary h6{line-height:20px;margin:0}}@media(max-height:600px){.wp-block-hydraloop-upfall-configurator-block .container{height:auto;max-height:none}.wp-block-hydraloop-upfall-configurator-block .container .configurator{border-top:none;height:auto;overflow-y:visible}}
