.tooltip-element{position:absolute;z-index:50;top:-2750px;left:0;background-color:var(--color4);color:var(--color0);font-size:var(--textSizeSmall);font-family:var(--textNormal);padding:7px 10px 5px;border-radius:4px;pointer-events:none;box-shadow:1px 2px 1px 1px rgba(0,0,0,.1);opacity:0;transform:translateY(3px);transition:transform var(--animN) ease,opacity var(--animN) ease;text-align:center;max-width:150px}.tooltip-element.visible{opacity:1;transform:translateY(0)}
*[hidden]{display:none}*[data-id=configurator-root]{min-height:50vh;padding-bottom:90px;padding:var(--contentMarginH) var(--contentMarginH) 90px;max-width:none}*[data-id=configurator-root] .center{max-width:var(--widthMax);margin-left:auto;margin-right:auto}*[data-id=configurator-root] .scrollbar2::-webkit-scrollbar-track{-webkit-box-shadow:none}*[data-id=configurator-root] .scrollbar2::-webkit-scrollbar{width:0}*[data-id=configurator-root] .scrollbar2::-webkit-scrollbar-thumb{background-color:rgba(var(--colorRGB3), 0.1);outline:1px solid rgba(var(--colorRGB3), 0.1)}*[data-id=configurator-root] .scrollbar2:hover::-webkit-scrollbar{width:4px}*[data-id=configurator-root] .scrollbar2:hover::-webkit-scrollbar-thumb{background-color:var(--color3);outline:1px solid var(--color3)}*[data-id=configurator-root] .top{padding:0}*[data-id=configurator-root] .intro .cont{margin-top:var(--contentMarginH)}*[data-id=configurator-root] .instructions{margin-top:calc(2*var(--contentMarginH));max-width:724px}*[data-id=configurator-root] .instructions .button{position:relative;text-transform:uppercase;font-size:var(--textSizeSmall);font-family:var(--textNormal);font-weight:bold;padding:4px;border:solid 1px var(--color3);cursor:pointer;transition:background-color var(--animN) ease,color var(--animN) ease}*[data-id=configurator-root] .instructions .button:after{position:absolute;content:"";display:block;width:11px;height:11px;pointer-events:none;border-right:solid 1px var(--color3);border-bottom:solid 1px var(--color3);margin-top:-10px;margin-left:calc(100% - 18px);transition:border-color var(--animN) ease}*[data-id=configurator-root] .instructions .button:hover{color:var(--color0);background-color:var(--color3)}*[data-id=configurator-root] .instructions .button:hover:after{border-color:var(--color0)}*[data-id=configurator-root] .instructions .content{--height: 0px;height:0;overflow:auto;transform:translateY(-1px);border:solid 1px var(--color3);border-top:none;font-size:var(--textSizeSmall);transition:height var(--animN) ease;transition-delay:var(--animN)}*[data-id=configurator-root] .instructions .content .inner{position:relative;padding:20px;opacity:0;transition:opacity var(--animN) ease;transition-delay:0s}*[data-id=configurator-root] .instructions .content .inner .subtitle-main{font-size:var(--textSizeBasePlus);font-family:var(--textBold)}*[data-id=configurator-root] .instructions .content.visible{height:var(--height);transition-delay:0s}*[data-id=configurator-root] .instructions .content.visible .inner{opacity:1;transition-delay:var(--animN)}*[data-id=configurator-root] .mobile-disclaimer{margin-top:calc(2*var(--contentMarginH));padding:var(--contentMarginH);background-color:var(--color3);color:var(--color0)}*[data-id=configurator-root] .error-placeholder{max-width:724px;margin-top:calc(2*var(--contentMarginH));padding:var(--contentMarginH);background-color:var(--color8);color:var(--color0);display:none}*[data-id=configurator-root] .error-placeholder.visible{display:block}*[data-id=configurator-root] .loading{display:none;justify-content:center;padding:45px 0}*[data-id=configurator-root] .loading[hidden]{display:none !important}*[data-id=configurator-root] .loading svg{position:relative;transform-origin:center center;width:48px;height:48px;margin:auto;animation:loading-rotate 2s linear infinite}*[data-id=configurator-root] .loading svg>circle{fill:none;stroke:var(--color2);stroke-width:3.5;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-miterlimit:10;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}*[data-id=configurator-root] .panels{--offset: 30px;margin-top:calc(2*var(--contentMarginH));display:none;position:relative;min-height:100px;transition:height var(--animN) ease;padding-bottom:45px;overflow-x:visible}*[data-id=configurator-root] .panels input[type=number]::-webkit-outer-spin-button,*[data-id=configurator-root] .panels input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*[data-id=configurator-root] .panels input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}*[data-id=configurator-root] .panels .panel{position:absolute;opacity:1;transform:translateX(0);transition:transform var(--animS) ease,opacity var(--animN) ease;width:100%}*[data-id=configurator-root] .panels .panel[hidden]{display:block;opacity:0;transform:translateX(calc(var(--offset) * 1));pointer-events:none}*[data-id=configurator-root] .panels .panel.projects-list[hidden]{transform:translateX(calc(var(--offset) * -1))}*[data-id=configurator-root] .panels .panel h2{margin-top:20px}*[data-id=configurator-root] .panels .panel .button{display:inline-block;background-color:var(--color3);color:var(--color0);padding:10px 16px;cursor:pointer;transition:opacity var(--animN) ease;font-family:var(--titleDemi)}*[data-id=configurator-root] .panels .panel .button:hover{opacity:.75}*[data-id=configurator-root] .panels .projects-list .no-items{padding:20px 0;font-style:italic}*[data-id=configurator-root] .panels .projects-list ul{padding:20px 0;list-style:none;max-width:400px}*[data-id=configurator-root] .panels .projects-list ul li{margin-bottom:20px}*[data-id=configurator-root] .panels .projects-list ul li .row{display:flex;align-items:center}*[data-id=configurator-root] .panels .projects-list ul li .name{font-family:var(--titleDemi);font-weight:bold;transition:background-color var(--animN) ease,color var(--animN) ease;width:50%;cursor:pointer}*[data-id=configurator-root] .panels .projects-list ul li .name:hover{text-decoration:underline}*[data-id=configurator-root] .panels .projects-list ul li .delete{width:24px;height:24px;background-image:url(../img/configurator/icons/delete.svg);background-size:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;opacity:.75;transition:opacity var(--animN) ease}*[data-id=configurator-root] .panels .projects-list ul li .delete:hover{opacity:1}*[data-id=configurator-root] .panels .projects-list ul li .date{font-size:var(--textSizeSmaller)}*[data-id=configurator-root] .panels .projects-list .create-button{cursor:pointer}*[data-id=configurator-root] .panels .project-create{padding:20px 0}*[data-id=configurator-root] .panels .project-create .columns{display:flex}*[data-id=configurator-root] .panels .project-create .columns .column:nth-child(2){margin-left:60px;display:flex}*[data-id=configurator-root] .panels .project-create .columns .column:nth-child(2) .measures-preview{--width: 150px;--length: 150px;width:400px;margin-top:25px}*[data-id=configurator-root] .panels .project-create .columns .column:nth-child(2) .measures-preview .measures-box{display:inline-block;width:var(--width);height:var(--length);border:solid 1px var(--color3);transition:width var(--animS) var(--timingBezier),height var(--animS) var(--timingBezier)}*[data-id=configurator-root] .panels .project-create .columns .column:nth-child(2) .measures-preview .measures-length{display:inline-block;height:var(--length);vertical-align:top;margin-left:20px;padding-left:10px;border-left:solid 1px var(--color3);display:inline-flex;align-items:center;transition:height var(--animS) var(--timingBezier)}*[data-id=configurator-root] .panels .project-create .columns .column:nth-child(2) .measures-preview .measures-width{display:block;width:var(--width);margin-top:20px;padding-top:10px;border-top:solid 1px var(--color3);display:flex;justify-content:center;transition:width var(--animS) var(--timingBezier)}*[data-id=configurator-root] .panels .project-create .columns .column .row{margin-top:20px;display:flex;flex-direction:column}*[data-id=configurator-root] .panels .project-create .columns .column .row label{display:block;font-weight:bold}*[data-id=configurator-root] .panels .project-create .columns .column .row .value{display:block}*[data-id=configurator-root] .panels .project-create .columns .column input,*[data-id=configurator-root] .panels .project-create .columns .column select{background-color:rgba(0,0,0,0);border-bottom:solid 1px rgba(var(--colorRGB2), 0.25);transition:border-color var(--animN) ease;padding:4px 6px;outline:rgba(0,0,0,0)}*[data-id=configurator-root] .panels .project-create .columns .column input:hover,*[data-id=configurator-root] .panels .project-create .columns .column input:focus,*[data-id=configurator-root] .panels .project-create .columns .column select:hover,*[data-id=configurator-root] .panels .project-create .columns .column select:focus{border-bottom:solid 1px var(--color2)}*[data-id=configurator-root] .panels .project-create .columns .column input[type=number]{width:75px;text-align:right}*[data-id=configurator-root] .panels .project-create button{margin-top:20px;cursor:pointer}*[data-id=configurator-root] .panels .project-details{background-color:var(--color1)}*[data-id=configurator-root] .panels .project-details .info{display:flex;align-items:baseline;justify-content:space-between}*[data-id=configurator-root] .panels .project-details .info .project-name{font-family:var(--titleDemi);font-size:var(--textSizeBig)}*[data-id=configurator-root] .panels .project-details .info .project-name::first-letter{text-transform:none}*[data-id=configurator-root] .request-quote-form-container{height:0;overflow:hidden;margin-top:30px;margin-bottom:0;transition:height var(--animN) ease,margin-bottom var(--animN) ease}*[data-id=configurator-root] .request-quote-form-container .inside{border:solid 1px var(--color3);border-bottom:none}*[data-id=configurator-root] .request-quote-form-container .inside fieldset{display:flex;justify-content:space-between;flex-wrap:wrap;opacity:1;transition:opacity var(--animN) ease}*[data-id=configurator-root] .request-quote-form-container .inside fieldset[disabled]{pointer-events:none;opacity:.5}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .title2,*[data-id=configurator-root] .request-quote-form-container .inside fieldset .field,*[data-id=configurator-root] .request-quote-form-container .inside fieldset .full,*[data-id=configurator-root] .request-quote-form-container .inside fieldset .buttons{padding:15px 15px 0}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .title2{width:100%;font-family:var(--titleDemi);font-size:var(--textSizeBig)}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .field{width:calc((100% - 20px)/2)}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .field label{display:block;padding:8px 0}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .full{width:100%}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .buttons{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .buttons button{padding:8px 10px;background-color:var(--color3);color:var(--color0);border:solid 1px var(--color3);transition:border-color var(--animN) ease;font-family:var(--titleDemi);cursor:pointer}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .buttons button.cancel{background-color:rgba(0,0,0,0);color:var(--color3)}*[data-id=configurator-root] .request-quote-form-container .inside fieldset .buttons .message{text-align:center}*[data-id=configurator-root] .request-quote-form-container .inside fieldset input,*[data-id=configurator-root] .request-quote-form-container .inside fieldset textarea{width:100%;padding:8px 10px;background-color:rgba(var(--colorRGB0), 0.15);border:solid 1px var(--color3);transition:border-color var(--animN) ease;outline:0}*[data-id=configurator-root] .request-quote-form-container .inside fieldset input.error,*[data-id=configurator-root] .request-quote-form-container .inside fieldset textarea.error{border-color:var(--color8)}*[data-id=configurator-root] .request-quote-form-container .inside fieldset textarea{resize:none}*[data-id=configurator-root] .request-quote-form-container.visible{height:var(--height);margin-bottom:30px;border-bottom:solid 1px var(--color3)}*[data-id=configurator-root] .workbench{display:none}*[data-id=configurator-root] .workbench .selectors{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:20px;margin-left:auto;margin-right:auto;max-width:var(--widthMax)}*[data-id=configurator-root] .workbench .selectors .selector{width:calc((100% - 40px)/3);text-transform:uppercase;font-size:var(--textSizeSmall);font-family:var(--textNormal)}*[data-id=configurator-root] .workbench .selectors .selector .head{position:relative;text-transform:uppercase;font-size:var(--textSizeSmall);font-family:var(--textNormal);font-weight:bold;padding:4px;border:solid 1px var(--color3);border-bottom:none}*[data-id=configurator-root] .workbench .selectors .selector .head:after{position:absolute;content:"";display:block;width:11px;height:11px;pointer-events:none;border-right:solid 1px var(--color3);border-bottom:solid 1px var(--color3);margin-top:-10px;margin-left:calc(100% - 18px)}*[data-id=configurator-root] .workbench .selectors .selector ul{list-style:none;height:250px;overflow:auto;border:solid 1px var(--color3)}*[data-id=configurator-root] .workbench .selectors .selector ul li{cursor:pointer;padding:4px;transition:background-color var(--animN) ease,color var(--animN) ease}*[data-id=configurator-root] .workbench .selectors .selector ul li.selected,*[data-id=configurator-root] .workbench .selectors .selector ul li:hover{color:var(--color0);background-color:var(--color3)}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li{padding:5px;display:inline-block;pointer-events:none;opacity:.5;transition:opacity var(--animN) ease,background-color var(--animN) ease;opacity:1;border-radius:3px}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li[hidden]{display:none !important}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li::after{content:"+";position:relative;margin:-20px 0 0 33px;width:16px;height:16px;background-color:var(--color2);border-radius:2px;transition:opacity var(--animF) ease;opacity:0;color:var(--color0);display:flex;align-items:center;justify-content:center}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li img{width:50px;height:50px;background-color:rgba(var(--colorRGB2), 0.5)}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li.enabled{pointer-events:all;opacity:1}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li:hover::after{opacity:1}*[data-id=configurator-root] .workbench .selectors .selector ul.finishes li.selected{background-color:var(--color3)}*[data-id=configurator-root] .workbench .share-container{height:0;overflow:hidden;margin-top:30px;margin-bottom:0;transition:height var(--animN) ease,margin-bottom var(--animN) ease}*[data-id=configurator-root] .workbench .share-container .inner{display:flex;justify-content:space-between;align-items:stretch;border:solid 1px var(--color3);border-bottom:none}*[data-id=configurator-root] .workbench .share-container .inner .message{padding:10px}*[data-id=configurator-root] .workbench .share-container .inner .button{padding:10px 16px;background-color:var(--color3);color:var(--color0);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;transition:background-color var(--animN) ease,color var(--animN) ease}*[data-id=configurator-root] .workbench .share-container .inner .button:hover{background-color:var(--color0);color:var(--color3)}*[data-id=configurator-root] .workbench .share-container.visible{height:var(--height);margin-bottom:30px;border-bottom:solid 1px var(--color3)}*[data-id=configurator-root] .workbench .viewport-placeholder{height:calc(100vh - 325px)}*[data-id=configurator-root] .workbench .monitor{--boardThickness: 49px;--selectedBorderThickness: 1px;position:relative;border:solid 1px var(--color2);width:100%;height:100%}*[data-id=configurator-root] .workbench .monitor .board{list-style:none;position:absolute;z-index:8;display:flex;background-color:var(--color0)}*[data-id=configurator-root] .workbench .monitor .board li{width:48px;height:48px;display:block;background-position:center;background-repeat:no-repeat;opacity:.75;transition:opacity var(--animN) ease;cursor:pointer;background-size:24px;overflow:hidden}*[data-id=configurator-root] .workbench .monitor .board li:hover{opacity:1}*[data-id=configurator-root] .workbench .monitor .board li.disabled{pointer-events:none;opacity:.15}*[data-id=configurator-root] .workbench .monitor .board li.hidden{display:none}*[data-id=configurator-root] .workbench .monitor .board li.clear-selected{background-image:url(../img/configurator/icons/delete.svg)}*[data-id=configurator-root] .workbench .monitor .board li.rotate-counterclockwise{background-image:url(../img/configurator/icons/rotate-ccw.svg)}*[data-id=configurator-root] .workbench .monitor .board li.rotate-clockwise{background-image:url(../img/configurator/icons/rotate-cw.svg)}*[data-id=configurator-root] .workbench .monitor .board li.info{background-image:url(../img/configurator/icons/info.svg)}*[data-id=configurator-root] .workbench .monitor .board li.zoom-in{background-image:url(../img/configurator/icons/zoom-in.svg)}*[data-id=configurator-root] .workbench .monitor .board li.zoom-out{background-image:url(../img/configurator/icons/zoom-out.svg)}*[data-id=configurator-root] .workbench .monitor .board li.fit{background-image:url(../img/configurator/icons/fit.svg)}*[data-id=configurator-root] .workbench .monitor .board li.fullscreen-enter{background-image:url(../img/configurator/icons/fullscreen-enter.svg)}*[data-id=configurator-root] .workbench .monitor .board li.fullscreen-exit{background-image:url(../img/configurator/icons/fullscreen-exit.svg)}*[data-id=configurator-root] .workbench .monitor .board li.save{background-image:url(../img/configurator/icons/save.svg)}*[data-id=configurator-root] .workbench .monitor .board li.clone{background-image:url(../img/configurator/icons/clone.svg)}*[data-id=configurator-root] .workbench .monitor .board li.share{background-image:url(../img/configurator/icons/share.svg)}*[data-id=configurator-root] .workbench .monitor .board li.message-box{width:auto;text-align:right;flex-grow:10;cursor:pointer;opacity:1;pointer-events:none;padding:0 10px;display:flex;align-items:center;justify-content:flex-end;font-size:var(--textSizeSmall)}*[data-id=configurator-root] .workbench .monitor .board li.message-box div{line-height:12px;pointer-events:none}*[data-id=configurator-root] .workbench .monitor .board li.message-box div.enhanced{font-family:var(--titleDemi);pointer-events:all;font-size:var(--textSizeBase);padding:9px;background-color:var(--color3);color:var(--color0);border:solid 1px var(--color3);transition:background-color var(--animN) ease,color var(--animN) ease}*[data-id=configurator-root] .workbench .monitor .board li.message-box div.enhanced:hover{background-color:var(--color0);color:var(--color3)}*[data-id=configurator-root] .workbench .monitor .board.view{width:100%}*[data-id=configurator-root] .workbench .monitor .board.tools{flex-direction:column;margin-top:var(--boardThickness);height:calc(100% - var(--boardThickness))}*[data-id=configurator-root] .workbench .monitor .viewport{margin:var(--boardThickness) 0 0 var(--boardThickness);width:calc(100% - var(--boardThickness));height:calc(100% - var(--boardThickness));overflow:hidden;position:relative;background-color:var(--color2);box-shadow:inset 0 0 3px 3px rgba(0,0,0,.25)}*[data-id=configurator-root] .workbench .monitor .viewport .mousewheel-alert{position:absolute;z-index:7;width:100%;height:100%;background-color:rgba(var(--colorRGB2), 0.97);color:var(--color0);display:flex;align-items:center;justify-content:center;padding:10%;font-size:30px;opacity:0;pointer-events:none;transition:opacity var(--animF) ease}*[data-id=configurator-root] .workbench .monitor .viewport .mousewheel-alert.visible{opacity:1}*[data-id=configurator-root] .workbench .monitor .viewport .surface{transform:scale(1);background-image:url(../img/configurator/surface-bg.png);background-position:top left;background-size:20px 20px;background-color:var(--color1);width:1000px;height:1000px;position:relative;box-shadow:0 0 10px 10px rgba(0,0,0,.5)}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile{background-color:var(--color2);position:absolute;transition:background-color var(--animN) ease,opacity var(--animN) ease;z-index:4;-webkit-user-select:none;-moz-user-select:none;user-select:none}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile .image-view{background-size:cover;background-position:center;transform-origin:top left;position:absolute;z-index:1;transition:opacity var(--animN) ease,filter var(--animN) ease;pointer-events:none}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile .shade{pointer-events:none;position:absolute;z-index:3;width:100%;height:100%;transition:opacity var(--animN) ease;box-shadow:inset 1px 1px 2px 1px hsla(0,0%,100%,.1),inset -1px -1px 2px 1px rgba(0,0,0,.35)}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile .overlay{pointer-events:none;position:absolute;z-index:2;width:100%;height:100%;transform-origin:top left}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile.selected{z-index:5;opacity:1}*[data-id=configurator-root] .workbench .monitor .viewport .surface .tile.selected .shade{border:solid var(--selectedBorderThickness) #7fffd4;box-shadow:none}*[data-id=configurator-root] .workbench .monitor .viewport .surface .ghost{position:absolute;z-index:6;pointer-events:none !important}*[data-id=configurator-root] .workbench .monitor .viewport .surface .ghost div{position:absolute;background-color:#7fffd4;opacity:.5}*[data-id=configurator-root] .workbench:fullscreen{background-color:var(--color1)}*[data-id=configurator-root] .workbench:fullscreen .selectors{padding:0 20px}@media all and (min-width: 768px){*[data-id=configurator-root] .mobile-disclaimer{display:none}*[data-id=configurator-root] .loading{display:flex}*[data-id=configurator-root] .intro{width:85%}*[data-id=configurator-root] .instructions{display:block}*[data-id=configurator-root] .panels.visible{display:block}*[data-id=configurator-root] .workbench{display:block}*[data-id=configurator-root] .workbench[hidden]{display:none}}@media all and (min-width: 1920px){*[data-id=configurator-root] .center{padding:0 40px}*[data-id=configurator-root] .workbench .selectors{padding:0 40px}}