npm - @configura/web-ui - Versions diffs - 2.0.0 → 2.1.0-alpha.1 - Mend

@configura/web-ui 2.0.0 → 2.1.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/components/productConfiguration/CfgOptionCommonView.js +4 -2
package/dist/css/web-ui.css +1 -1
package/dist/css/web-ui.css.map +1 -1
package/dist/scss/_feature-item.scss +4 -0
package/package.json +3 -3

package/dist/components/productConfiguration/CfgOptionCommonView.js CHANGED Viewed

@@ -8,8 +8,9 @@ import { CfgFeatureView, forwardProps } from "./CfgFeatureView.js";
 import { CfgOptionNumericView } from "./CfgOptionNumericView.js";
 import { CfgOptionPriceView } from "./CfgOptionPriceView.js";
 export const CfgOptionCommonView = (props) => {
+    var _a;
     const { option, upchargeDisplayMode, onClick, labelClassName } = props;
-    const { features, thumbnail, description, selected, code, selectedChangeInProgress, miscFiles, notes, } = option;
+    const { features, thumbnail, description, selected, code, selectedChangeInProgress, miscFiles, notes, disabled, } = option;
     const setError = useContext(ErrorContext);
     const uniqueId = useUuid();
     const selectionType = option.parent.selectionType;
@@ -27,7 +28,8 @@ export const CfgOptionCommonView = (props) => {
         default:
             throw new Error(`Unsupported selectionType ${selectionType}`);
     }
-    return (React.createElement("li", { className: props.className, style: props.style },
+    const itemClasses = `${(_a = props.className) !== null && _a !== void 0 ? _a : ""}${disabled ? " disabled" : ""}`;
+    return (React.createElement("li", { className: itemClasses, style: props.style },
         React.createElement("label", { className: `cfgFeatureItem${typeClassNameFragment} ${labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""}`, htmlFor: uniqueId },
             React.createElement("input", { checked: selected, className: "cfgFeatureItem__hiddenInput", id: uniqueId, name: uniqueId, onChange: () => {
                     option.setSelected(!selected).catch((e) => {

package/dist/css/web-ui.css CHANGED Viewed

	@@ -1 +1 @@
1	- .cfgMl1{margin-left:1em}.cfgMt1{margin-top:1em}.cfgMb1{margin-bottom:1em}.cfgTextOverflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:#005cb3}.cfgButton{box-sizing:border-box;display:inline-block;background-color:transparent;color:#333;border-radius:.3em;border:.1em solid #bababa;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgButton:after,.cfgButton:before{box-sizing:inherit}.cfgButton {box-sizing:border-box}.cfgButton :after,.cfgButton :before{box-sizing:inherit}.cfgButton:focus{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgButton[disabled]{box-sizing:border-box;display:inline-block;background-color:transparent;color:grey;border-radius:.3em;border:.1em solid #c8c7cc;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgButton[disabled]:after,.cfgButton[disabled]:before{box-sizing:inherit}.cfgButton[disabled] {box-sizing:border-box}.cfgButton[disabled] :after,.cfgButton[disabled] :before{box-sizing:inherit}.cfgButton[disabled]:focus{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgButtonRow{box-sizing:border-box}.cfgButtonRow:after,.cfgButtonRow:before{box-sizing:inherit}.cfgButtonRow {box-sizing:border-box}.cfgButtonRow :after,.cfgButtonRow :before{box-sizing:inherit}.cfgButtonRow__button:nth-child(n+2){margin-left:1em}.cfgCheckmark{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgCheckmark:after,.cfgCheckmark:before{box-sizing:inherit}.cfgCheckmark {box-sizing:border-box}.cfgCheckmark :after,.cfgCheckmark :before{box-sizing:inherit}.cfgCheckmark__container{transition:transform .4s;transform:translateY(17px)}.cfgCheckmark__line{stroke:#000;stroke-linecap:round;stroke-width:12;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgCheckmark__lineLeft{stroke:#000;transform:rotate(40deg) translateY(24px) translateX(18px)}.cfgCheckmark__lineRight{stroke:#000;transform:rotate(-50deg) translateY(-2px) translateX(-3px)}.cfgCheckmark__border{border:.2em solid #c8c7cc;border-radius:.3em}.cfgCheckmark__border,.cfgCheckmark__border--active{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgCheckmark__border--active{border:.2em solid #000;border-radius:.3em}.cfgChevron{box-sizing:border-box;display:inline-block;width:100%}.cfgChevron:after,.cfgChevron:before{box-sizing:inherit}.cfgChevron {box-sizing:border-box}.cfgChevron :after,.cfgChevron :before{box-sizing:inherit}.cfgChevron__container{transition:transform .4s}.cfgChevron__container--down{transform:translateY(13px)}.cfgChevron__container--up{transform:translateY(-13px)}.cfgChevron__line{stroke-linecap:round;stroke-width:10;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgChevron__lineLeft--active,.cfgChevron__lineRight--active{stroke:#000}.cfgChevron__lineLeft--passive,.cfgChevron__lineRight--passive{stroke:#bababa}.cfgChevron__lineLeft--down{transform:rotate(40deg)}.cfgChevron__lineLeft--up,.cfgChevron__lineRight--down{transform:rotate(-40deg)}.cfgChevron__lineRight--up{transform:rotate(40deg)}.cfgCircleXmarkIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgCircleXmarkIcon:after,.cfgCircleXmarkIcon:before{box-sizing:inherit}.cfgCircleXmarkIcon {box-sizing:border-box}.cfgCircleXmarkIcon :after,.cfgCircleXmarkIcon :before{box-sizing:inherit}.cfgCircleXmarkIcon circle,.cfgCircleXmarkIcon path{stroke:#7c7986;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgConfiguratorWrapper{box-sizing:border-box;color:#333;display:flex;height:85vh;flex-direction:column}.cfgConfiguratorWrapper:after,.cfgConfiguratorWrapper:before{box-sizing:inherit}.cfgConfiguratorWrapper {box-sizing:border-box}.cfgConfiguratorWrapper :after,.cfgConfiguratorWrapper :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgConfiguratorWrapper{flex-direction:row}}.cfgConfiguratorWrapper .cfgReset,.cfgConfiguratorWrapper .cfgShare,.cfgConfiguratorWrapper .cfgTaskStart{margin-top:.5em;font-size:1.2em;font-weight:500}.cfgConfiguratorWrapper .cfgReset .cfgFormSelect,.cfgConfiguratorWrapper .cfgReset .cfgInput,.cfgConfiguratorWrapper .cfgReset button,.cfgConfiguratorWrapper .cfgShare .cfgFormSelect,.cfgConfiguratorWrapper .cfgShare .cfgInput,.cfgConfiguratorWrapper .cfgShare button,.cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect,.cfgConfiguratorWrapper .cfgTaskStart .cfgInput,.cfgConfiguratorWrapper .cfgTaskStart button{padding:.5em}.cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect:after{right:.5em}.cfgConfiguratorWrapper .cfgReset button,.cfgConfiguratorWrapper .cfgShare .cfgInput{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:inherit;line-height:inherit;outline:none}.cfgConfiguratorWrapper .cfgShare__error{display:inline-block}.cfgConfiguratorWrapper .cfgShare__error .cfgErrorIcon{padding-left:.25em;margin-right:.75em;width:1.25em;height:1em}.cfgConfiguratorWrapper .cfgShare__grayed{color:grey}.cfgCanvasWrapper{box-sizing:border-box;position:relative;height:50rem;-webkit-user-select:none;user-select:none;flex:1 1 auto;overflow:hidden}.cfgCanvasWrapper:after,.cfgCanvasWrapper:before{box-sizing:inherit}.cfgCanvasWrapper {box-sizing:border-box}.cfgCanvasWrapper :after,.cfgCanvasWrapper :before{box-sizing:inherit}.cfgCanvasWrapper canvas{outline:none}@media screen and (orientation:landscape){.cfgCanvasWrapper{height:100%;flex:0 1 60%}}.cfgConfigurator{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:10px;color:#333;min-width:0;height:100%;display:flex;flex-direction:column;flex:0 0 50%;overflow:auto}.cfgConfigurator:after,.cfgConfigurator:before{box-sizing:inherit}.cfgConfigurator {box-sizing:border-box}.cfgConfigurator :after,.cfgConfigurator :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgConfigurator{height:100%;flex:0 1 40%}}.cfgConfigurator>.cfgConfiguratorTree>.cfgMiscFiles,.cfgConfigurator>.cfgConfiguratorTree>.cfgNotes{padding-left:1.7em}.cfgConfiguratorHeader{border-bottom:.1em solid #c8c7cc;padding:1.7em 1.7em 1.9em;position:relative}.cfgConfiguratorHeader__actions{margin-top:1em}.cfgConfiguratorTree{padding-top:.5em;overflow-y:auto;-webkit-overflow-scrolling:touch}.cfgDownloadIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDownloadIcon:after,.cfgDownloadIcon:before{box-sizing:inherit}.cfgDownloadIcon {box-sizing:border-box}.cfgDownloadIcon :after,.cfgDownloadIcon :before{box-sizing:inherit}.cfgDownloadIcon circle,.cfgDownloadIcon path{stroke:#005cb3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgExpandableHeadingRow{box-sizing:border-box;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%}.cfgExpandableHeadingRow:after,.cfgExpandableHeadingRow:before{box-sizing:inherit}.cfgExpandableHeadingRow {box-sizing:border-box}.cfgExpandableHeadingRow :after,.cfgExpandableHeadingRow :before{box-sizing:inherit}.cfgExpandableHeadingRow--expandable{cursor:pointer}.cfgExpandableHeadingRow__title{align-items:center;display:flex;flex:1 1 auto;font-size:1.5em;font-weight:500;justify-content:flex-start;overflow:hidden}.cfgExpandableHeadingRow__icon{align-items:center;display:flex;flex:0 0 5em;justify-content:center;padding:0 1.5em}.cfgErrorIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgErrorIcon:after,.cfgErrorIcon:before{box-sizing:inherit}.cfgErrorIcon {box-sizing:border-box}.cfgErrorIcon :after,.cfgErrorIcon :before{box-sizing:inherit}.cfgErrorIcon circle,.cfgErrorIcon path{stroke:#b4361d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgThumbnailImage{border-radius:.7em;display:inline-block;height:3em;width:3em}.cfgThumbnailPlaceholder{align-items:center;display:flex;flex:0 0 4.2em;justify-content:flex-start}.cfgFeatureItem{box-sizing:border-box;color:#333}.cfgFeatureItem:after,.cfgFeatureItem:before{box-sizing:inherit}.cfgFeatureItem {box-sizing:border-box}.cfgFeatureItem :after,.cfgFeatureItem :before{box-sizing:inherit}.cfgFeatureItem__dropdown{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%;cursor:pointer}.cfgFeatureItem--optional{margin-top:1em}.cfgFeatureItem__hiddenInput{left:-99999px;opacity:0;position:absolute;z-index:-1}.cfgFeatureItem__radio{border:.2em solid #c8c7cc;border-radius:50%}.cfgFeatureItem__checkbox,.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgFeatureItem__checkbox{border:.2em solid #c8c7cc;border-radius:.3em}.cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__checkbox,.cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__radio{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{border:.2em solid #000;border-radius:50%}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox,.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox{border:.2em solid #000;border-radius:.3em}.cfgFeatureItem.cfgAdditionalProduct>.cfgExpandableHeadingRow>.cfgExpandableHeadingRow__title{font-weight:600}.cfgFeatureItem.cfgAdditionalProduct>.cfgFeatureItem__hr{border-bottom-color:#bababa}.cfgFeatureItem.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr{margin-bottom:-.1em}.cfgFeatureItem>.cfgMiscFiles,.cfgFeatureItem>.cfgNotes{margin-left:3.2em}.cfgFeatureItemOption__titleWrapper,.cfgFeatureItemOptional__titleWrapper{flex:1 1 auto;margin-left:1em}.cfgFeatureItemOption__title,.cfgFeatureItemOptional__title{font-size:1.5em}.cfgFeatureItemOption__price{font-weight:600;font-size:.75em;color:grey}.cfgOptionTree--subLevel .cfgFeatureItem__hr{display:none}.cfgFeatureItemOption,.cfgFeatureItemOptional{align-items:center;display:flex}.cfgFeatureItemOptional{justify-content:center;margin-top:.5em}.cfgFeatureItemOptional__header{font-size:1.2em;font-weight:600;margin:0 0 .3em;padding:0;text-transform:uppercase}.cfgFormSelect,.cfgInput{border:.1em solid #bababa;padding:.3em .4em;border-radius:.3em;color:inherit}.cfgFormSelect{cursor:pointer;position:relative}.cfgFormSelect select{-webkit-appearance:none;appearance:none;padding:0 1em 0 0;margin:0;width:100%;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:inherit;line-height:inherit;outline:none;border:none}.cfgFormSelect:after{position:absolute;right:.35em;top:50%;margin-top:-.55em;content:"";width:1em;height:1em;background-color:#bababa;-webkit-clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);justify-self:end}.cfgHr{box-sizing:border-box;border:0;border-bottom:.1em solid #c8c7cc;padding:0;margin:0}.cfgHr:after,.cfgHr:before{box-sizing:inherit}.cfgHr {box-sizing:border-box}.cfgHr :after,.cfgHr :before{box-sizing:inherit}.cfgCenteredLoading{box-sizing:border-box;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cfgCenteredLoading:after,.cfgCenteredLoading:before{box-sizing:inherit}.cfgCenteredLoading {box-sizing:border-box}.cfgCenteredLoading :after,.cfgCenteredLoading :before{box-sizing:inherit}.cfgOverlayLoading{box-sizing:border-box;align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.cfgOverlayLoading:after,.cfgOverlayLoading:before{box-sizing:inherit}.cfgOverlayLoading {box-sizing:border-box}.cfgOverlayLoading :after,.cfgOverlayLoading :before{box-sizing:inherit}.cfgOverlayLoading--clickThrough{background-color:transparent;pointer-events:none}.cfgOverlayLoading--clickThrough .cfgLoadingWithText{padding:2em 2em 1.8em;border-radius:.8em;background-color:#fff;opacity:.8;border:.1em solid rgba(0,0,0,.15)}.cfgOverlayLoading--fullWindow{position:fixed;z-index:1001}.cfgLoadingWithText{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:center}.cfgLoadingWithText:after,.cfgLoadingWithText:before{box-sizing:inherit}.cfgLoadingWithText {box-sizing:border-box}.cfgLoadingWithText :after,.cfgLoadingWithText :before{box-sizing:inherit}.cfgLoadingWithText__text{color:#000;font-weight:600;margin-top:.5em;font-size:1.6em}.cfgLoading{box-sizing:border-box;animation:rotate 1.1s linear 0s infinite;border-radius:100%;border:.5em solid rgba(0,0,0,.15);border-bottom-color:#000;display:inline-block;height:3em;width:3em}.cfgLoading:after,.cfgLoading:before{box-sizing:inherit}.cfgLoading {box-sizing:border-box}.cfgLoading :after,.cfgLoading :before{box-sizing:inherit}.cfgLoading--small{border-width:.4em;height:2em;width:2em}.cfgMiscFiles,.cfgNotes{list-style:none;margin:0;padding:0}.cfgMiscFiles__item{display:flex;align-items:center;margin-top:1em;margin-bottom:1em}.cfgMiscFiles__link{display:block;color:#005cb3;font-size:1.4em;font-weight:600}.cfgNotes__item:not(:last-child){margin-bottom:-.5em}.cfgNotes__body{white-space:pre-wrap;overflow:hidden;color:grey;font-size:1.5em;margin-bottom:1em;margin-right:3em}.cfgOptionTree{box-sizing:border-box;list-style:none;margin:0;padding:0}.cfgOptionTree:after,.cfgOptionTree:before{box-sizing:inherit}.cfgOptionTree {box-sizing:border-box}.cfgOptionTree :after,.cfgOptionTree :before{box-sizing:inherit}.cfgOptionTree--topLevel{padding-left:1.7em}.cfgOptionTree--indent{margin-left:3.2em}.cfgOptionTree--compThumb{margin-left:4.2em}.cfgProductInfo{box-sizing:border-box;color:#333;display:flex}.cfgProductInfo:after,.cfgProductInfo:before{box-sizing:inherit}.cfgProductInfo {box-sizing:border-box}.cfgProductInfo :after,.cfgProductInfo :before{box-sizing:inherit}.cfgProductInfo__left{flex:1 1 auto;min-width:0;overflow:hidden}.cfgProductInfo__right{align-items:flex-end;display:flex;flex-direction:column;flex:1 0 auto;margin-left:1em;max-width:.333333333;min-width:0}.cfgProductInfo__name{display:block;font-size:1.6em;font-weight:600;line-height:1.33;margin:0}.cfgProductInfo__number{font-size:1.3em;font-weight:400;line-height:1.38;margin:0}.cfgProductInfo__taskbar{display:flex}.cfgRangeView__inputs{display:flex;align-items:center}.cfgRangeView__number-input{font-size:1.5em;flex-grow:1;text-align:right}.cfgRangeView__unit-label{font-size:1.5em;margin-left:.3em}.cfgRangeView__slider-input.cfgSlider{margin-left:1em;flex-grow:3}.cfgRangeView__error{display:flex;align-items:center;margin-top:1em;font-size:1.5em;color:#b4361d}.cfgRangeView__error .cfgErrorIcon{padding-right:.25em;width:1.25em;height:1em}.cfgSlider{box-sizing:border-box;flex:1;margin:0;padding:0;min-height:2.8em;background:transparent;font:inherit}.cfgSlider:after,.cfgSlider:before{box-sizing:inherit}.cfgSlider {box-sizing:border-box}.cfgSlider :after,.cfgSlider :before{box-sizing:inherit}.cfgSlider,.cfgSlider::-webkit-slider-thumb{-webkit-appearance:none}.cfgSlider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-moz-range-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-ms-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-webkit-slider-thumb{margin-top:-1.3em;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-moz-range-thumb{box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-ms-tooltip{display:none}.cfgTaskList ul{list-style-type:none;padding:0;margin:1em 0 0;border-bottom:.1em solid #c8c7cc}.cfgTaskList__item{padding:0 1.5em 0 1.7em;margin-bottom:1em;display:flex;align-items:center}.cfgTaskList__preview{border:.1em solid #c8c7cc;border-radius:10%;width:4.8em;height:4.8em;flex-shrink:0}.cfgTaskList__preview img{object-fit:cover;position:relative;left:.38em;top:.38em;width:3.84em;height:3.84em}.cfgTaskList__icon{flex-shrink:0;width:4em;height:2em;padding-left:1em;padding-right:1em}.cfgTaskList__icon .cfgLoadingSizer{font-size:.75em}.cfgTaskList__status{flex-grow:1;font-size:1.5em}.cfgTaskList__abort{color:inherit;width:2em;height:2em;flex-shrink:0}.cfgTaskList__abort,.cfgTaskList__restart{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer}.cfgTaskList__restart{color:inherit;text-decoration:underline;color:#005cb3}.cfgDarkTheme a{color:#70baff}.cfgDarkTheme .cfgButton{box-sizing:border-box;display:inline-block;background-color:transparent;color:#d6d6d6;border-radius:.3em;border:.1em solid #6a6a6a;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgDarkTheme .cfgButton:after,.cfgDarkTheme .cfgButton:before{box-sizing:inherit}.cfgDarkTheme .cfgButton {box-sizing:border-box}.cfgDarkTheme .cfgButton :after,.cfgDarkTheme .cfgButton :before{box-sizing:inherit}.cfgDarkTheme .cfgButton:focus{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgButton[disabled]{box-sizing:border-box;display:inline-block;background-color:transparent;color:#999;border-radius:.3em;border:.1em solid #5b5963;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgDarkTheme .cfgButton[disabled]:after,.cfgDarkTheme .cfgButton[disabled]:before{box-sizing:inherit}.cfgDarkTheme .cfgButton[disabled] {box-sizing:border-box}.cfgDarkTheme .cfgButton[disabled] :after,.cfgDarkTheme .cfgButton[disabled] :before{box-sizing:inherit}.cfgDarkTheme .cfgButton[disabled]:focus{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgButtonRow{box-sizing:border-box}.cfgDarkTheme .cfgButtonRow:after,.cfgDarkTheme .cfgButtonRow:before{box-sizing:inherit}.cfgDarkTheme .cfgButtonRow {box-sizing:border-box}.cfgDarkTheme .cfgButtonRow :after,.cfgDarkTheme .cfgButtonRow :before{box-sizing:inherit}.cfgDarkTheme .cfgButtonRow__button:nth-child(n+2){margin-left:1em}.cfgDarkTheme .cfgCheckmark{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgCheckmark:after,.cfgDarkTheme .cfgCheckmark:before{box-sizing:inherit}.cfgDarkTheme .cfgCheckmark {box-sizing:border-box}.cfgDarkTheme .cfgCheckmark :after,.cfgDarkTheme .cfgCheckmark :before{box-sizing:inherit}.cfgDarkTheme .cfgCheckmark__container{transition:transform .4s;transform:translateY(17px)}.cfgDarkTheme .cfgCheckmark__line{stroke:#fff;stroke-linecap:round;stroke-width:12;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgDarkTheme .cfgCheckmark__lineLeft{stroke:#fff;transform:rotate(40deg) translateY(24px) translateX(18px)}.cfgDarkTheme .cfgCheckmark__lineRight{stroke:#fff;transform:rotate(-50deg) translateY(-2px) translateX(-3px)}.cfgDarkTheme .cfgCheckmark__border{border:.2em solid #5b5963;border-radius:.3em}.cfgDarkTheme .cfgCheckmark__border,.cfgDarkTheme .cfgCheckmark__border--active{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgCheckmark__border--active{border:.2em solid #fff;border-radius:.3em}.cfgDarkTheme .cfgChevron{box-sizing:border-box;display:inline-block;width:100%}.cfgDarkTheme .cfgChevron:after,.cfgDarkTheme .cfgChevron:before{box-sizing:inherit}.cfgDarkTheme .cfgChevron {box-sizing:border-box}.cfgDarkTheme .cfgChevron :after,.cfgDarkTheme .cfgChevron :before{box-sizing:inherit}.cfgDarkTheme .cfgChevron__container{transition:transform .4s}.cfgDarkTheme .cfgChevron__container--down{transform:translateY(13px)}.cfgDarkTheme .cfgChevron__container--up{transform:translateY(-13px)}.cfgDarkTheme .cfgChevron__line{stroke-linecap:round;stroke-width:10;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgDarkTheme .cfgChevron__lineLeft--active,.cfgDarkTheme .cfgChevron__lineRight--active{stroke:#fff}.cfgDarkTheme .cfgChevron__lineLeft--passive,.cfgDarkTheme .cfgChevron__lineRight--passive{stroke:#6a6a6a}.cfgDarkTheme .cfgChevron__lineLeft--down{transform:rotate(40deg)}.cfgDarkTheme .cfgChevron__lineLeft--up,.cfgDarkTheme .cfgChevron__lineRight--down{transform:rotate(-40deg)}.cfgDarkTheme .cfgChevron__lineRight--up{transform:rotate(40deg)}.cfgDarkTheme .cfgCircleXmarkIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgCircleXmarkIcon:after,.cfgDarkTheme .cfgCircleXmarkIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgCircleXmarkIcon {box-sizing:border-box}.cfgDarkTheme .cfgCircleXmarkIcon :after,.cfgDarkTheme .cfgCircleXmarkIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgCircleXmarkIcon circle,.cfgDarkTheme .cfgCircleXmarkIcon path{stroke:#96949e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgConfiguratorWrapper{box-sizing:border-box;color:#d6d6d6;display:flex;height:85vh;flex-direction:column}.cfgDarkTheme .cfgConfiguratorWrapper:after,.cfgDarkTheme .cfgConfiguratorWrapper:before{box-sizing:inherit}.cfgDarkTheme .cfgConfiguratorWrapper {box-sizing:border-box}.cfgDarkTheme .cfgConfiguratorWrapper :after,.cfgDarkTheme .cfgConfiguratorWrapper :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgDarkTheme .cfgConfiguratorWrapper{flex-direction:row}}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart{margin-top:.5em;font-size:1.2em;font-weight:500}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart button{padding:.5em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect:after{right:.5em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgInput{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:inherit;line-height:inherit;outline:none}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__error{display:inline-block}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__error .cfgErrorIcon{padding-left:.25em;margin-right:.75em;width:1.25em;height:1em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__grayed{color:#999}.cfgDarkTheme .cfgCanvasWrapper{box-sizing:border-box;position:relative;height:50rem;-webkit-user-select:none;user-select:none;flex:1 1 auto;overflow:hidden}.cfgDarkTheme .cfgCanvasWrapper:after,.cfgDarkTheme .cfgCanvasWrapper:before{box-sizing:inherit}.cfgDarkTheme .cfgCanvasWrapper {box-sizing:border-box}.cfgDarkTheme .cfgCanvasWrapper :after,.cfgDarkTheme .cfgCanvasWrapper :before{box-sizing:inherit}.cfgDarkTheme .cfgCanvasWrapper canvas{outline:none}@media screen and (orientation:landscape){.cfgDarkTheme .cfgCanvasWrapper{height:100%;flex:0 1 60%}}.cfgDarkTheme .cfgConfigurator{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:10px;color:#d6d6d6;min-width:0;height:100%;display:flex;flex-direction:column;flex:0 0 50%;overflow:auto}.cfgDarkTheme .cfgConfigurator:after,.cfgDarkTheme .cfgConfigurator:before{box-sizing:inherit}.cfgDarkTheme .cfgConfigurator {box-sizing:border-box}.cfgDarkTheme .cfgConfigurator :after,.cfgDarkTheme .cfgConfigurator :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgDarkTheme .cfgConfigurator{height:100%;flex:0 1 40%}}.cfgDarkTheme .cfgConfigurator>.cfgConfiguratorTree>.cfgMiscFiles,.cfgDarkTheme .cfgConfigurator>.cfgConfiguratorTree>.cfgNotes{padding-left:1.7em}.cfgDarkTheme .cfgConfiguratorHeader{border-bottom:.1em solid #5b5963;padding:1.7em 1.7em 1.9em;position:relative}.cfgDarkTheme .cfgConfiguratorHeader__actions{margin-top:1em}.cfgDarkTheme .cfgConfiguratorTree{padding-top:.5em;overflow-y:auto;-webkit-overflow-scrolling:touch}.cfgDarkTheme .cfgDownloadIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgDownloadIcon:after,.cfgDarkTheme .cfgDownloadIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgDownloadIcon {box-sizing:border-box}.cfgDarkTheme .cfgDownloadIcon :after,.cfgDarkTheme .cfgDownloadIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgDownloadIcon circle,.cfgDarkTheme .cfgDownloadIcon path{stroke:#70baff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgExpandableHeadingRow{box-sizing:border-box;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%}.cfgDarkTheme .cfgExpandableHeadingRow:after,.cfgDarkTheme .cfgExpandableHeadingRow:before{box-sizing:inherit}.cfgDarkTheme .cfgExpandableHeadingRow {box-sizing:border-box}.cfgDarkTheme .cfgExpandableHeadingRow :after,.cfgDarkTheme .cfgExpandableHeadingRow :before{box-sizing:inherit}.cfgDarkTheme .cfgExpandableHeadingRow--expandable{cursor:pointer}.cfgDarkTheme .cfgExpandableHeadingRow__title{align-items:center;display:flex;flex:1 1 auto;font-size:1.5em;font-weight:500;justify-content:flex-start;overflow:hidden}.cfgDarkTheme .cfgExpandableHeadingRow__icon{align-items:center;display:flex;flex:0 0 5em;justify-content:center;padding:0 1.5em}.cfgDarkTheme .cfgErrorIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgErrorIcon:after,.cfgDarkTheme .cfgErrorIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgErrorIcon {box-sizing:border-box}.cfgDarkTheme .cfgErrorIcon :after,.cfgDarkTheme .cfgErrorIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgErrorIcon circle,.cfgDarkTheme .cfgErrorIcon path{stroke:#e8836f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgThumbnailImage{border-radius:.7em;display:inline-block;height:3em;width:3em}.cfgDarkTheme .cfgThumbnailPlaceholder{align-items:center;display:flex;flex:0 0 4.2em;justify-content:flex-start}.cfgDarkTheme .cfgFeatureItem{box-sizing:border-box;color:#d6d6d6}.cfgDarkTheme .cfgFeatureItem:after,.cfgDarkTheme .cfgFeatureItem:before{box-sizing:inherit}.cfgDarkTheme .cfgFeatureItem {box-sizing:border-box}.cfgDarkTheme .cfgFeatureItem :after,.cfgDarkTheme .cfgFeatureItem :before{box-sizing:inherit}.cfgDarkTheme .cfgFeatureItem__dropdown{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%;cursor:pointer}.cfgDarkTheme .cfgFeatureItem--optional{margin-top:1em}.cfgDarkTheme .cfgFeatureItem__hiddenInput{left:-99999px;opacity:0;position:absolute;z-index:-1}.cfgDarkTheme .cfgFeatureItem__radio{border:.2em solid #5b5963;border-radius:50%}.cfgDarkTheme .cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgFeatureItem__checkbox{border:.2em solid #5b5963;border-radius:.3em}.cfgDarkTheme .cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__radio{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{border:.2em solid #fff;border-radius:50%}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox{border:.2em solid #fff;border-radius:.3em}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct>.cfgExpandableHeadingRow>.cfgExpandableHeadingRow__title{font-weight:600}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct>.cfgFeatureItem__hr{border-bottom-color:#6a6a6a}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr{margin-bottom:-.1em}.cfgDarkTheme .cfgFeatureItem>.cfgMiscFiles,.cfgDarkTheme .cfgFeatureItem>.cfgNotes{margin-left:3.2em}.cfgDarkTheme .cfgFeatureItemOption__titleWrapper,.cfgDarkTheme .cfgFeatureItemOptional__titleWrapper{flex:1 1 auto;margin-left:1em}.cfgDarkTheme .cfgFeatureItemOption__title,.cfgDarkTheme .cfgFeatureItemOptional__title{font-size:1.5em}.cfgDarkTheme .cfgFeatureItemOption__price{font-weight:600;font-size:.75em;color:#999}.cfgDarkTheme .cfgOptionTree--subLevel .cfgFeatureItem__hr{display:none}.cfgDarkTheme .cfgFeatureItemOption{align-items:center;display:flex}.cfgDarkTheme .cfgFeatureItemOptional{align-items:center;display:flex;justify-content:center;margin-top:.5em}.cfgDarkTheme .cfgFeatureItemOptional__header{font-size:1.2em;font-weight:600;margin:0 0 .3em;padding:0;text-transform:uppercase}.cfgDarkTheme .cfgFormSelect,.cfgDarkTheme .cfgInput{border:.1em solid #6a6a6a;padding:.3em .4em;border-radius:.3em;color:inherit}.cfgDarkTheme .cfgFormSelect{cursor:pointer;position:relative}.cfgDarkTheme .cfgFormSelect select{-webkit-appearance:none;appearance:none;padding:0 1em 0 0;margin:0;width:100%;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:inherit;line-height:inherit;outline:none;border:none}.cfgDarkTheme .cfgFormSelect:after{position:absolute;right:.35em;top:50%;margin-top:-.55em;content:"";width:1em;height:1em;background-color:#6a6a6a;-webkit-clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);justify-self:end}.cfgDarkTheme .cfgHr{box-sizing:border-box;border:0;border-bottom:.1em solid #5b5963;padding:0;margin:0}.cfgDarkTheme .cfgHr:after,.cfgDarkTheme .cfgHr:before{box-sizing:inherit}.cfgDarkTheme .cfgHr {box-sizing:border-box}.cfgDarkTheme .cfgHr :after,.cfgDarkTheme .cfgHr :before{box-sizing:inherit}.cfgDarkTheme .cfgCenteredLoading{box-sizing:border-box;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cfgDarkTheme .cfgCenteredLoading:after,.cfgDarkTheme .cfgCenteredLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgCenteredLoading {box-sizing:border-box}.cfgDarkTheme .cfgCenteredLoading :after,.cfgDarkTheme .cfgCenteredLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading{box-sizing:border-box;align-items:center;background-color:#333;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.cfgDarkTheme .cfgOverlayLoading:after,.cfgDarkTheme .cfgOverlayLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading {box-sizing:border-box}.cfgDarkTheme .cfgOverlayLoading :after,.cfgDarkTheme .cfgOverlayLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading--clickThrough{background-color:transparent;pointer-events:none}.cfgDarkTheme .cfgOverlayLoading--clickThrough .cfgLoadingWithText{padding:2em 2em 1.8em;border-radius:.8em;background-color:#333;opacity:.8;border:.1em solid hsla(0,0%,100%,.15)}.cfgDarkTheme .cfgOverlayLoading--fullWindow{position:fixed;z-index:1001}.cfgDarkTheme .cfgLoadingWithText{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:center}.cfgDarkTheme .cfgLoadingWithText:after,.cfgDarkTheme .cfgLoadingWithText:before{box-sizing:inherit}.cfgDarkTheme .cfgLoadingWithText {box-sizing:border-box}.cfgDarkTheme .cfgLoadingWithText :after,.cfgDarkTheme .cfgLoadingWithText :before{box-sizing:inherit}.cfgDarkTheme .cfgLoadingWithText__text{color:#fff;font-weight:600;margin-top:.5em;font-size:1.6em}.cfgDarkTheme .cfgLoading{box-sizing:border-box;animation:rotate 1.1s linear 0s infinite;border-radius:100%;border:.5em solid hsla(0,0%,100%,.15);border-bottom-color:#fff;display:inline-block;height:3em;width:3em}.cfgDarkTheme .cfgLoading:after,.cfgDarkTheme .cfgLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgLoading {box-sizing:border-box}.cfgDarkTheme .cfgLoading :after,.cfgDarkTheme .cfgLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgLoading--small{border-width:.4em;height:2em;width:2em}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cfgDarkTheme .cfgMiscFiles,.cfgDarkTheme .cfgNotes{list-style:none;margin:0;padding:0}.cfgDarkTheme .cfgMiscFiles__item{display:flex;align-items:center;margin-top:1em;margin-bottom:1em}.cfgDarkTheme .cfgMiscFiles__link{display:block;color:#70baff;font-size:1.4em;font-weight:600}.cfgDarkTheme .cfgNotes__item:not(:last-child){margin-bottom:-.5em}.cfgDarkTheme .cfgNotes__body{white-space:pre-wrap;overflow:hidden;color:#999;font-size:1.5em;margin-bottom:1em;margin-right:3em}.cfgDarkTheme .cfgOptionTree{box-sizing:border-box;list-style:none;margin:0;padding:0}.cfgDarkTheme .cfgOptionTree:after,.cfgDarkTheme .cfgOptionTree:before{box-sizing:inherit}.cfgDarkTheme .cfgOptionTree {box-sizing:border-box}.cfgDarkTheme .cfgOptionTree :after,.cfgDarkTheme .cfgOptionTree :before{box-sizing:inherit}.cfgDarkTheme .cfgOptionTree--topLevel{padding-left:1.7em}.cfgDarkTheme .cfgOptionTree--indent{margin-left:3.2em}.cfgDarkTheme .cfgOptionTree--compThumb{margin-left:4.2em}.cfgDarkTheme .cfgProductInfo{box-sizing:border-box;color:#d6d6d6;display:flex}.cfgDarkTheme .cfgProductInfo:after,.cfgDarkTheme .cfgProductInfo:before{box-sizing:inherit}.cfgDarkTheme .cfgProductInfo {box-sizing:border-box}.cfgDarkTheme .cfgProductInfo :after,.cfgDarkTheme .cfgProductInfo :before{box-sizing:inherit}.cfgDarkTheme .cfgProductInfo__left{flex:1 1 auto;min-width:0;overflow:hidden}.cfgDarkTheme .cfgProductInfo__right{align-items:flex-end;display:flex;flex-direction:column;flex:1 0 auto;margin-left:1em;max-width:.333333333;min-width:0}.cfgDarkTheme .cfgProductInfo__name{display:block;font-size:1.6em;font-weight:600;line-height:1.33;margin:0}.cfgDarkTheme .cfgProductInfo__number{font-size:1.3em;font-weight:400;line-height:1.38;margin:0}.cfgDarkTheme .cfgProductInfo__taskbar{display:flex}.cfgDarkTheme .cfgRangeView__inputs{display:flex;align-items:center}.cfgDarkTheme .cfgRangeView__number-input{font-size:1.5em;flex-grow:1;text-align:right}.cfgDarkTheme .cfgRangeView__unit-label{font-size:1.5em;margin-left:.3em}.cfgDarkTheme .cfgRangeView__slider-input.cfgSlider{margin-left:1em;flex-grow:3}.cfgDarkTheme .cfgRangeView__error{display:flex;align-items:center;margin-top:1em;font-size:1.5em;color:#e8836f}.cfgDarkTheme .cfgRangeView__error .cfgErrorIcon{padding-right:.25em;width:1.25em;height:1em}.cfgDarkTheme .cfgSlider{box-sizing:border-box;flex:1;margin:0;padding:0;min-height:2.8em;background:transparent;font:inherit}.cfgDarkTheme .cfgSlider:after,.cfgDarkTheme .cfgSlider:before{box-sizing:inherit}.cfgDarkTheme .cfgSlider {box-sizing:border-box}.cfgDarkTheme .cfgSlider :after,.cfgDarkTheme .cfgSlider :before{box-sizing:inherit}.cfgDarkTheme .cfgSlider,.cfgDarkTheme .cfgSlider::-webkit-slider-thumb{-webkit-appearance:none}.cfgDarkTheme .cfgSlider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-moz-range-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-ms-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-webkit-slider-thumb{margin-top:-1.3em;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-moz-range-thumb{box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-ms-tooltip{display:none}.cfgDarkTheme .cfgTaskList ul{list-style-type:none;padding:0;margin:1em 0 0;border-bottom:.1em solid #5b5963}.cfgDarkTheme .cfgTaskList__item{padding:0 1.5em 0 1.7em;margin-bottom:1em;display:flex;align-items:center}.cfgDarkTheme .cfgTaskList__preview{border:.1em solid #5b5963;border-radius:10%;width:4.8em;height:4.8em;flex-shrink:0}.cfgDarkTheme .cfgTaskList__preview img{object-fit:cover;position:relative;left:.38em;top:.38em;width:3.84em;height:3.84em}.cfgDarkTheme .cfgTaskList__icon{flex-shrink:0;width:4em;height:2em;padding-left:1em;padding-right:1em}.cfgDarkTheme .cfgTaskList__icon .cfgLoadingSizer{font-size:.75em}.cfgDarkTheme .cfgTaskList__status{flex-grow:1;font-size:1.5em}.cfgDarkTheme .cfgTaskList__abort{color:inherit;width:2em;height:2em;flex-shrink:0}.cfgDarkTheme .cfgTaskList__abort,.cfgDarkTheme .cfgTaskList__restart{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer}.cfgDarkTheme .cfgTaskList__restart{color:inherit;text-decoration:underline;color:#70baff}
1	+ .cfgMl1{margin-left:1em}.cfgMt1{margin-top:1em}.cfgMb1{margin-bottom:1em}.cfgTextOverflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:#005cb3}.cfgButton{box-sizing:border-box;display:inline-block;background-color:transparent;color:#333;border-radius:.3em;border:.1em solid #bababa;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgButton:after,.cfgButton:before{box-sizing:inherit}.cfgButton {box-sizing:border-box}.cfgButton :after,.cfgButton :before{box-sizing:inherit}.cfgButton:focus{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgButton[disabled]{box-sizing:border-box;display:inline-block;background-color:transparent;color:grey;border-radius:.3em;border:.1em solid #c8c7cc;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgButton[disabled]:after,.cfgButton[disabled]:before{box-sizing:inherit}.cfgButton[disabled] {box-sizing:border-box}.cfgButton[disabled] :after,.cfgButton[disabled] :before{box-sizing:inherit}.cfgButton[disabled]:focus{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgButtonRow{box-sizing:border-box}.cfgButtonRow:after,.cfgButtonRow:before{box-sizing:inherit}.cfgButtonRow {box-sizing:border-box}.cfgButtonRow :after,.cfgButtonRow :before{box-sizing:inherit}.cfgButtonRow__button:nth-child(n+2){margin-left:1em}.cfgCheckmark{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgCheckmark:after,.cfgCheckmark:before{box-sizing:inherit}.cfgCheckmark {box-sizing:border-box}.cfgCheckmark :after,.cfgCheckmark :before{box-sizing:inherit}.cfgCheckmark__container{transition:transform .4s;transform:translateY(17px)}.cfgCheckmark__line{stroke:#000;stroke-linecap:round;stroke-width:12;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgCheckmark__lineLeft{stroke:#000;transform:rotate(40deg) translateY(24px) translateX(18px)}.cfgCheckmark__lineRight{stroke:#000;transform:rotate(-50deg) translateY(-2px) translateX(-3px)}.cfgCheckmark__border{border:.2em solid #c8c7cc;border-radius:.3em}.cfgCheckmark__border,.cfgCheckmark__border--active{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgCheckmark__border--active{border:.2em solid #000;border-radius:.3em}.cfgChevron{box-sizing:border-box;display:inline-block;width:100%}.cfgChevron:after,.cfgChevron:before{box-sizing:inherit}.cfgChevron {box-sizing:border-box}.cfgChevron :after,.cfgChevron :before{box-sizing:inherit}.cfgChevron__container{transition:transform .4s}.cfgChevron__container--down{transform:translateY(13px)}.cfgChevron__container--up{transform:translateY(-13px)}.cfgChevron__line{stroke-linecap:round;stroke-width:10;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgChevron__lineLeft--active,.cfgChevron__lineRight--active{stroke:#000}.cfgChevron__lineLeft--passive,.cfgChevron__lineRight--passive{stroke:#bababa}.cfgChevron__lineLeft--down{transform:rotate(40deg)}.cfgChevron__lineLeft--up,.cfgChevron__lineRight--down{transform:rotate(-40deg)}.cfgChevron__lineRight--up{transform:rotate(40deg)}.cfgCircleXmarkIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgCircleXmarkIcon:after,.cfgCircleXmarkIcon:before{box-sizing:inherit}.cfgCircleXmarkIcon {box-sizing:border-box}.cfgCircleXmarkIcon :after,.cfgCircleXmarkIcon :before{box-sizing:inherit}.cfgCircleXmarkIcon circle,.cfgCircleXmarkIcon path{stroke:#7c7986;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgConfiguratorWrapper{box-sizing:border-box;color:#333;display:flex;height:85vh;flex-direction:column}.cfgConfiguratorWrapper:after,.cfgConfiguratorWrapper:before{box-sizing:inherit}.cfgConfiguratorWrapper {box-sizing:border-box}.cfgConfiguratorWrapper :after,.cfgConfiguratorWrapper :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgConfiguratorWrapper{flex-direction:row}}.cfgConfiguratorWrapper .cfgReset,.cfgConfiguratorWrapper .cfgShare,.cfgConfiguratorWrapper .cfgTaskStart{margin-top:.5em;font-size:1.2em;font-weight:500}.cfgConfiguratorWrapper .cfgReset .cfgFormSelect,.cfgConfiguratorWrapper .cfgReset .cfgInput,.cfgConfiguratorWrapper .cfgReset button,.cfgConfiguratorWrapper .cfgShare .cfgFormSelect,.cfgConfiguratorWrapper .cfgShare .cfgInput,.cfgConfiguratorWrapper .cfgShare button,.cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect,.cfgConfiguratorWrapper .cfgTaskStart .cfgInput,.cfgConfiguratorWrapper .cfgTaskStart button{padding:.5em}.cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect:after{right:.5em}.cfgConfiguratorWrapper .cfgReset button,.cfgConfiguratorWrapper .cfgShare .cfgInput{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:inherit;line-height:inherit;outline:none}.cfgConfiguratorWrapper .cfgShare__error{display:inline-block}.cfgConfiguratorWrapper .cfgShare__error .cfgErrorIcon{padding-left:.25em;margin-right:.75em;width:1.25em;height:1em}.cfgConfiguratorWrapper .cfgShare__grayed{color:grey}.cfgCanvasWrapper{box-sizing:border-box;position:relative;height:50rem;-webkit-user-select:none;user-select:none;flex:1 1 auto;overflow:hidden}.cfgCanvasWrapper:after,.cfgCanvasWrapper:before{box-sizing:inherit}.cfgCanvasWrapper {box-sizing:border-box}.cfgCanvasWrapper :after,.cfgCanvasWrapper :before{box-sizing:inherit}.cfgCanvasWrapper canvas{outline:none}@media screen and (orientation:landscape){.cfgCanvasWrapper{height:100%;flex:0 1 60%}}.cfgConfigurator{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:10px;color:#333;min-width:0;height:100%;display:flex;flex-direction:column;flex:0 0 50%;overflow:auto}.cfgConfigurator:after,.cfgConfigurator:before{box-sizing:inherit}.cfgConfigurator {box-sizing:border-box}.cfgConfigurator :after,.cfgConfigurator :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgConfigurator{height:100%;flex:0 1 40%}}.cfgConfigurator>.cfgConfiguratorTree>.cfgMiscFiles,.cfgConfigurator>.cfgConfiguratorTree>.cfgNotes{padding-left:1.7em}.cfgConfiguratorHeader{border-bottom:.1em solid #c8c7cc;padding:1.7em 1.7em 1.9em;position:relative}.cfgConfiguratorHeader__actions{margin-top:1em}.cfgConfiguratorTree{padding-top:.5em;overflow-y:auto;-webkit-overflow-scrolling:touch}.cfgDownloadIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDownloadIcon:after,.cfgDownloadIcon:before{box-sizing:inherit}.cfgDownloadIcon {box-sizing:border-box}.cfgDownloadIcon :after,.cfgDownloadIcon :before{box-sizing:inherit}.cfgDownloadIcon circle,.cfgDownloadIcon path{stroke:#005cb3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgExpandableHeadingRow{box-sizing:border-box;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%}.cfgExpandableHeadingRow:after,.cfgExpandableHeadingRow:before{box-sizing:inherit}.cfgExpandableHeadingRow {box-sizing:border-box}.cfgExpandableHeadingRow :after,.cfgExpandableHeadingRow :before{box-sizing:inherit}.cfgExpandableHeadingRow--expandable{cursor:pointer}.cfgExpandableHeadingRow__title{align-items:center;display:flex;flex:1 1 auto;font-size:1.5em;font-weight:500;justify-content:flex-start;overflow:hidden}.cfgExpandableHeadingRow__icon{align-items:center;display:flex;flex:0 0 5em;justify-content:center;padding:0 1.5em}.cfgErrorIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgErrorIcon:after,.cfgErrorIcon:before{box-sizing:inherit}.cfgErrorIcon {box-sizing:border-box}.cfgErrorIcon :after,.cfgErrorIcon :before{box-sizing:inherit}.cfgErrorIcon circle,.cfgErrorIcon path{stroke:#b4361d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgThumbnailImage{border-radius:.7em;display:inline-block;height:3em;width:3em}.cfgThumbnailPlaceholder{align-items:center;display:flex;flex:0 0 4.2em;justify-content:flex-start}.cfgFeatureItem{box-sizing:border-box;color:#333}.cfgFeatureItem:after,.cfgFeatureItem:before{box-sizing:inherit}.cfgFeatureItem {box-sizing:border-box}.cfgFeatureItem :after,.cfgFeatureItem :before{box-sizing:inherit}.cfgFeatureItem__dropdown{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%;cursor:pointer}.cfgFeatureItem--optional{margin-top:1em}.cfgFeatureItem__hiddenInput{left:-99999px;opacity:0;position:absolute;z-index:-1}.cfgFeatureItem__radio{border:.2em solid #c8c7cc;border-radius:50%}.cfgFeatureItem__checkbox,.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgFeatureItem__checkbox{border:.2em solid #c8c7cc;border-radius:.3em}.cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__checkbox,.cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__radio{box-shadow:0 0 0 .075em #fff,0 0 0 .2em #333}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{border:.2em solid #000;border-radius:50%}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox,.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox{border:.2em solid #000;border-radius:.3em}.cfgFeatureItem.cfgAdditionalProduct>.cfgExpandableHeadingRow>.cfgExpandableHeadingRow__title{font-weight:600}.cfgFeatureItem.cfgAdditionalProduct>.cfgFeatureItem__hr{border-bottom-color:#bababa}.cfgFeatureItem.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr{margin-bottom:-.1em}.cfgFeatureItem>.cfgMiscFiles,.cfgFeatureItem>.cfgNotes{margin-left:3.2em}.cfgFeatureItem.disabled{opacity:.2}.cfgFeatureItemOption__titleWrapper,.cfgFeatureItemOptional__titleWrapper{flex:1 1 auto;margin-left:1em}.cfgFeatureItemOption__title,.cfgFeatureItemOptional__title{font-size:1.5em}.cfgFeatureItemOption__price{font-weight:600;font-size:.75em;color:grey}.cfgOptionTree--subLevel .cfgFeatureItem__hr{display:none}.cfgFeatureItemOption,.cfgFeatureItemOptional{align-items:center;display:flex}.cfgFeatureItemOptional{justify-content:center;margin-top:.5em}.cfgFeatureItemOptional__header{font-size:1.2em;font-weight:600;margin:0 0 .3em;padding:0;text-transform:uppercase}.cfgFormSelect,.cfgInput{border:.1em solid #bababa;padding:.3em .4em;border-radius:.3em;color:inherit}.cfgFormSelect{cursor:pointer;position:relative}.cfgFormSelect select{-webkit-appearance:none;appearance:none;padding:0 1em 0 0;margin:0;width:100%;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:inherit;line-height:inherit;outline:none;border:none}.cfgFormSelect:after{position:absolute;right:.35em;top:50%;margin-top:-.55em;content:"";width:1em;height:1em;background-color:#bababa;-webkit-clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);justify-self:end}.cfgHr{box-sizing:border-box;border:0;border-bottom:.1em solid #c8c7cc;padding:0;margin:0}.cfgHr:after,.cfgHr:before{box-sizing:inherit}.cfgHr {box-sizing:border-box}.cfgHr :after,.cfgHr :before{box-sizing:inherit}.cfgCenteredLoading{box-sizing:border-box;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cfgCenteredLoading:after,.cfgCenteredLoading:before{box-sizing:inherit}.cfgCenteredLoading {box-sizing:border-box}.cfgCenteredLoading :after,.cfgCenteredLoading :before{box-sizing:inherit}.cfgOverlayLoading{box-sizing:border-box;align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.cfgOverlayLoading:after,.cfgOverlayLoading:before{box-sizing:inherit}.cfgOverlayLoading {box-sizing:border-box}.cfgOverlayLoading :after,.cfgOverlayLoading :before{box-sizing:inherit}.cfgOverlayLoading--clickThrough{background-color:transparent;pointer-events:none}.cfgOverlayLoading--clickThrough .cfgLoadingWithText{padding:2em 2em 1.8em;border-radius:.8em;background-color:#fff;opacity:.8;border:.1em solid rgba(0,0,0,.15)}.cfgOverlayLoading--fullWindow{position:fixed;z-index:1001}.cfgLoadingWithText{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:center}.cfgLoadingWithText:after,.cfgLoadingWithText:before{box-sizing:inherit}.cfgLoadingWithText {box-sizing:border-box}.cfgLoadingWithText :after,.cfgLoadingWithText :before{box-sizing:inherit}.cfgLoadingWithText__text{color:#000;font-weight:600;margin-top:.5em;font-size:1.6em}.cfgLoading{box-sizing:border-box;animation:rotate 1.1s linear 0s infinite;border-radius:100%;border:.5em solid rgba(0,0,0,.15);border-bottom-color:#000;display:inline-block;height:3em;width:3em}.cfgLoading:after,.cfgLoading:before{box-sizing:inherit}.cfgLoading {box-sizing:border-box}.cfgLoading :after,.cfgLoading :before{box-sizing:inherit}.cfgLoading--small{border-width:.4em;height:2em;width:2em}.cfgMiscFiles,.cfgNotes{list-style:none;margin:0;padding:0}.cfgMiscFiles__item{display:flex;align-items:center;margin-top:1em;margin-bottom:1em}.cfgMiscFiles__link{display:block;color:#005cb3;font-size:1.4em;font-weight:600}.cfgNotes__item:not(:last-child){margin-bottom:-.5em}.cfgNotes__body{white-space:pre-wrap;overflow:hidden;color:grey;font-size:1.5em;margin-bottom:1em;margin-right:3em}.cfgOptionTree{box-sizing:border-box;list-style:none;margin:0;padding:0}.cfgOptionTree:after,.cfgOptionTree:before{box-sizing:inherit}.cfgOptionTree {box-sizing:border-box}.cfgOptionTree :after,.cfgOptionTree :before{box-sizing:inherit}.cfgOptionTree--topLevel{padding-left:1.7em}.cfgOptionTree--indent{margin-left:3.2em}.cfgOptionTree--compThumb{margin-left:4.2em}.cfgProductInfo{box-sizing:border-box;color:#333;display:flex}.cfgProductInfo:after,.cfgProductInfo:before{box-sizing:inherit}.cfgProductInfo {box-sizing:border-box}.cfgProductInfo :after,.cfgProductInfo :before{box-sizing:inherit}.cfgProductInfo__left{flex:1 1 auto;min-width:0;overflow:hidden}.cfgProductInfo__right{align-items:flex-end;display:flex;flex-direction:column;flex:1 0 auto;margin-left:1em;max-width:.333333333;min-width:0}.cfgProductInfo__name{display:block;font-size:1.6em;font-weight:600;line-height:1.33;margin:0}.cfgProductInfo__number{font-size:1.3em;font-weight:400;line-height:1.38;margin:0}.cfgProductInfo__taskbar{display:flex}.cfgRangeView__inputs{display:flex;align-items:center}.cfgRangeView__number-input{font-size:1.5em;flex-grow:1;text-align:right}.cfgRangeView__unit-label{font-size:1.5em;margin-left:.3em}.cfgRangeView__slider-input.cfgSlider{margin-left:1em;flex-grow:3}.cfgRangeView__error{display:flex;align-items:center;margin-top:1em;font-size:1.5em;color:#b4361d}.cfgRangeView__error .cfgErrorIcon{padding-right:.25em;width:1.25em;height:1em}.cfgSlider{box-sizing:border-box;flex:1;margin:0;padding:0;min-height:2.8em;background:transparent;font:inherit}.cfgSlider:after,.cfgSlider:before{box-sizing:inherit}.cfgSlider {box-sizing:border-box}.cfgSlider :after,.cfgSlider :before{box-sizing:inherit}.cfgSlider,.cfgSlider::-webkit-slider-thumb{-webkit-appearance:none}.cfgSlider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-moz-range-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-ms-track{box-sizing:border-box;border:none;height:.2em;background:#666}.cfgSlider::-webkit-slider-thumb{margin-top:-1.3em;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-moz-range-thumb{box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#fff;box-shadow:0 .15em .45em .05em #666}.cfgSlider::-ms-tooltip{display:none}.cfgTaskList ul{list-style-type:none;padding:0;margin:1em 0 0;border-bottom:.1em solid #c8c7cc}.cfgTaskList__item{padding:0 1.5em 0 1.7em;margin-bottom:1em;display:flex;align-items:center}.cfgTaskList__preview{border:.1em solid #c8c7cc;border-radius:10%;width:4.8em;height:4.8em;flex-shrink:0}.cfgTaskList__preview img{object-fit:cover;position:relative;left:.38em;top:.38em;width:3.84em;height:3.84em}.cfgTaskList__icon{flex-shrink:0;width:4em;height:2em;padding-left:1em;padding-right:1em}.cfgTaskList__icon .cfgLoadingSizer{font-size:.75em}.cfgTaskList__status{flex-grow:1;font-size:1.5em}.cfgTaskList__abort{color:inherit;width:2em;height:2em;flex-shrink:0}.cfgTaskList__abort,.cfgTaskList__restart{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer}.cfgTaskList__restart{color:inherit;text-decoration:underline;color:#005cb3}.cfgDarkTheme a{color:#70baff}.cfgDarkTheme .cfgButton{box-sizing:border-box;display:inline-block;background-color:transparent;color:#d6d6d6;border-radius:.3em;border:.1em solid #6a6a6a;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgDarkTheme .cfgButton:after,.cfgDarkTheme .cfgButton:before{box-sizing:inherit}.cfgDarkTheme .cfgButton {box-sizing:border-box}.cfgDarkTheme .cfgButton :after,.cfgDarkTheme .cfgButton :before{box-sizing:inherit}.cfgDarkTheme .cfgButton:focus{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgButton[disabled]{box-sizing:border-box;display:inline-block;background-color:transparent;color:#999;border-radius:.3em;border:.1em solid #5b5963;font-size:1.3em;font-weight:500;outline:none;padding:.4em .8em}.cfgDarkTheme .cfgButton[disabled]:after,.cfgDarkTheme .cfgButton[disabled]:before{box-sizing:inherit}.cfgDarkTheme .cfgButton[disabled] {box-sizing:border-box}.cfgDarkTheme .cfgButton[disabled] :after,.cfgDarkTheme .cfgButton[disabled] :before{box-sizing:inherit}.cfgDarkTheme .cfgButton[disabled]:focus{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgButtonRow{box-sizing:border-box}.cfgDarkTheme .cfgButtonRow:after,.cfgDarkTheme .cfgButtonRow:before{box-sizing:inherit}.cfgDarkTheme .cfgButtonRow {box-sizing:border-box}.cfgDarkTheme .cfgButtonRow :after,.cfgDarkTheme .cfgButtonRow :before{box-sizing:inherit}.cfgDarkTheme .cfgButtonRow__button:nth-child(n+2){margin-left:1em}.cfgDarkTheme .cfgCheckmark{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgCheckmark:after,.cfgDarkTheme .cfgCheckmark:before{box-sizing:inherit}.cfgDarkTheme .cfgCheckmark {box-sizing:border-box}.cfgDarkTheme .cfgCheckmark :after,.cfgDarkTheme .cfgCheckmark :before{box-sizing:inherit}.cfgDarkTheme .cfgCheckmark__container{transition:transform .4s;transform:translateY(17px)}.cfgDarkTheme .cfgCheckmark__line{stroke:#fff;stroke-linecap:round;stroke-width:12;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgDarkTheme .cfgCheckmark__lineLeft{stroke:#fff;transform:rotate(40deg) translateY(24px) translateX(18px)}.cfgDarkTheme .cfgCheckmark__lineRight{stroke:#fff;transform:rotate(-50deg) translateY(-2px) translateX(-3px)}.cfgDarkTheme .cfgCheckmark__border{border:.2em solid #5b5963;border-radius:.3em}.cfgDarkTheme .cfgCheckmark__border,.cfgDarkTheme .cfgCheckmark__border--active{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgCheckmark__border--active{border:.2em solid #fff;border-radius:.3em}.cfgDarkTheme .cfgChevron{box-sizing:border-box;display:inline-block;width:100%}.cfgDarkTheme .cfgChevron:after,.cfgDarkTheme .cfgChevron:before{box-sizing:inherit}.cfgDarkTheme .cfgChevron {box-sizing:border-box}.cfgDarkTheme .cfgChevron :after,.cfgDarkTheme .cfgChevron :before{box-sizing:inherit}.cfgDarkTheme .cfgChevron__container{transition:transform .4s}.cfgDarkTheme .cfgChevron__container--down{transform:translateY(13px)}.cfgDarkTheme .cfgChevron__container--up{transform:translateY(-13px)}.cfgDarkTheme .cfgChevron__line{stroke-linecap:round;stroke-width:10;transform-origin:50px 50px;transition:transform .4s,stroke .4s}.cfgDarkTheme .cfgChevron__lineLeft--active,.cfgDarkTheme .cfgChevron__lineRight--active{stroke:#fff}.cfgDarkTheme .cfgChevron__lineLeft--passive,.cfgDarkTheme .cfgChevron__lineRight--passive{stroke:#6a6a6a}.cfgDarkTheme .cfgChevron__lineLeft--down{transform:rotate(40deg)}.cfgDarkTheme .cfgChevron__lineLeft--up,.cfgDarkTheme .cfgChevron__lineRight--down{transform:rotate(-40deg)}.cfgDarkTheme .cfgChevron__lineRight--up{transform:rotate(40deg)}.cfgDarkTheme .cfgCircleXmarkIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgCircleXmarkIcon:after,.cfgDarkTheme .cfgCircleXmarkIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgCircleXmarkIcon {box-sizing:border-box}.cfgDarkTheme .cfgCircleXmarkIcon :after,.cfgDarkTheme .cfgCircleXmarkIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgCircleXmarkIcon circle,.cfgDarkTheme .cfgCircleXmarkIcon path{stroke:#96949e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgConfiguratorWrapper{box-sizing:border-box;color:#d6d6d6;display:flex;height:85vh;flex-direction:column}.cfgDarkTheme .cfgConfiguratorWrapper:after,.cfgDarkTheme .cfgConfiguratorWrapper:before{box-sizing:inherit}.cfgDarkTheme .cfgConfiguratorWrapper {box-sizing:border-box}.cfgDarkTheme .cfgConfiguratorWrapper :after,.cfgDarkTheme .cfgConfiguratorWrapper :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgDarkTheme .cfgConfiguratorWrapper{flex-direction:row}}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart{margin-top:.5em;font-size:1.2em;font-weight:500}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgInput,.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart button{padding:.5em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgTaskStart .cfgFormSelect:after{right:.5em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgReset button,.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare .cfgInput{-webkit-appearance:none;appearance:none;margin:0;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;cursor:inherit;line-height:inherit;outline:none}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__error{display:inline-block}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__error .cfgErrorIcon{padding-left:.25em;margin-right:.75em;width:1.25em;height:1em}.cfgDarkTheme .cfgConfiguratorWrapper .cfgShare__grayed{color:#999}.cfgDarkTheme .cfgCanvasWrapper{box-sizing:border-box;position:relative;height:50rem;-webkit-user-select:none;user-select:none;flex:1 1 auto;overflow:hidden}.cfgDarkTheme .cfgCanvasWrapper:after,.cfgDarkTheme .cfgCanvasWrapper:before{box-sizing:inherit}.cfgDarkTheme .cfgCanvasWrapper {box-sizing:border-box}.cfgDarkTheme .cfgCanvasWrapper :after,.cfgDarkTheme .cfgCanvasWrapper :before{box-sizing:inherit}.cfgDarkTheme .cfgCanvasWrapper canvas{outline:none}@media screen and (orientation:landscape){.cfgDarkTheme .cfgCanvasWrapper{height:100%;flex:0 1 60%}}.cfgDarkTheme .cfgConfigurator{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:10px;color:#d6d6d6;min-width:0;height:100%;display:flex;flex-direction:column;flex:0 0 50%;overflow:auto}.cfgDarkTheme .cfgConfigurator:after,.cfgDarkTheme .cfgConfigurator:before{box-sizing:inherit}.cfgDarkTheme .cfgConfigurator {box-sizing:border-box}.cfgDarkTheme .cfgConfigurator :after,.cfgDarkTheme .cfgConfigurator :before{box-sizing:inherit}@media screen and (orientation:landscape){.cfgDarkTheme .cfgConfigurator{height:100%;flex:0 1 40%}}.cfgDarkTheme .cfgConfigurator>.cfgConfiguratorTree>.cfgMiscFiles,.cfgDarkTheme .cfgConfigurator>.cfgConfiguratorTree>.cfgNotes{padding-left:1.7em}.cfgDarkTheme .cfgConfiguratorHeader{border-bottom:.1em solid #5b5963;padding:1.7em 1.7em 1.9em;position:relative}.cfgDarkTheme .cfgConfiguratorHeader__actions{margin-top:1em}.cfgDarkTheme .cfgConfiguratorTree{padding-top:.5em;overflow-y:auto;-webkit-overflow-scrolling:touch}.cfgDarkTheme .cfgDownloadIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgDownloadIcon:after,.cfgDarkTheme .cfgDownloadIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgDownloadIcon {box-sizing:border-box}.cfgDarkTheme .cfgDownloadIcon :after,.cfgDarkTheme .cfgDownloadIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgDownloadIcon circle,.cfgDarkTheme .cfgDownloadIcon path{stroke:#70baff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgExpandableHeadingRow{box-sizing:border-box;-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%}.cfgDarkTheme .cfgExpandableHeadingRow:after,.cfgDarkTheme .cfgExpandableHeadingRow:before{box-sizing:inherit}.cfgDarkTheme .cfgExpandableHeadingRow {box-sizing:border-box}.cfgDarkTheme .cfgExpandableHeadingRow :after,.cfgDarkTheme .cfgExpandableHeadingRow :before{box-sizing:inherit}.cfgDarkTheme .cfgExpandableHeadingRow--expandable{cursor:pointer}.cfgDarkTheme .cfgExpandableHeadingRow__title{align-items:center;display:flex;flex:1 1 auto;font-size:1.5em;font-weight:500;justify-content:flex-start;overflow:hidden}.cfgDarkTheme .cfgExpandableHeadingRow__icon{align-items:center;display:flex;flex:0 0 5em;justify-content:center;padding:0 1.5em}.cfgDarkTheme .cfgErrorIcon{box-sizing:border-box;display:inline-block;width:100%;height:100%}.cfgDarkTheme .cfgErrorIcon:after,.cfgDarkTheme .cfgErrorIcon:before{box-sizing:inherit}.cfgDarkTheme .cfgErrorIcon {box-sizing:border-box}.cfgDarkTheme .cfgErrorIcon :after,.cfgDarkTheme .cfgErrorIcon :before{box-sizing:inherit}.cfgDarkTheme .cfgErrorIcon circle,.cfgDarkTheme .cfgErrorIcon path{stroke:#e8836f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.cfgDarkTheme .cfgThumbnailImage{border-radius:.7em;display:inline-block;height:3em;width:3em}.cfgDarkTheme .cfgThumbnailPlaceholder{align-items:center;display:flex;flex:0 0 4.2em;justify-content:flex-start}.cfgDarkTheme .cfgFeatureItem{box-sizing:border-box;color:#d6d6d6}.cfgDarkTheme .cfgFeatureItem:after,.cfgDarkTheme .cfgFeatureItem:before{box-sizing:inherit}.cfgDarkTheme .cfgFeatureItem {box-sizing:border-box}.cfgDarkTheme .cfgFeatureItem :after,.cfgDarkTheme .cfgFeatureItem :before{box-sizing:inherit}.cfgDarkTheme .cfgFeatureItem__dropdown{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;align-items:stretch;display:flex;height:3.9em;outline:0;position:relative;width:100%;cursor:pointer}.cfgDarkTheme .cfgFeatureItem--optional{margin-top:1em}.cfgDarkTheme .cfgFeatureItem__hiddenInput{left:-99999px;opacity:0;position:absolute;z-index:-1}.cfgDarkTheme .cfgFeatureItem__radio{border:.2em solid #5b5963;border-radius:50%}.cfgDarkTheme .cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgFeatureItem__checkbox{border:.2em solid #5b5963;border-radius:.3em}.cfgDarkTheme .cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__hiddenInput:focus~.cfgFeatureItem__radio{box-shadow:0 0 0 .075em #333,0 0 0 .2em #d6d6d6}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{border:.2em solid #fff;border-radius:50%}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox,.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__radio{align-items:center;display:flex;flex:0 0 auto;height:2.2em;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.2em}.cfgDarkTheme .cfgFeatureItem__hiddenInput:checked~.cfgFeatureItem__checkbox{border:.2em solid #fff;border-radius:.3em}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct>.cfgExpandableHeadingRow>.cfgExpandableHeadingRow__title{font-weight:600}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct>.cfgFeatureItem__hr{border-bottom-color:#6a6a6a}.cfgDarkTheme .cfgFeatureItem.cfgAdditionalProduct .cfgFeatureItem:last-child .cfgFeatureItem__hr{margin-bottom:-.1em}.cfgDarkTheme .cfgFeatureItem>.cfgMiscFiles,.cfgDarkTheme .cfgFeatureItem>.cfgNotes{margin-left:3.2em}.cfgDarkTheme .cfgFeatureItem.disabled{opacity:.2}.cfgDarkTheme .cfgFeatureItemOption__titleWrapper,.cfgDarkTheme .cfgFeatureItemOptional__titleWrapper{flex:1 1 auto;margin-left:1em}.cfgDarkTheme .cfgFeatureItemOption__title,.cfgDarkTheme .cfgFeatureItemOptional__title{font-size:1.5em}.cfgDarkTheme .cfgFeatureItemOption__price{font-weight:600;font-size:.75em;color:#999}.cfgDarkTheme .cfgOptionTree--subLevel .cfgFeatureItem__hr{display:none}.cfgDarkTheme .cfgFeatureItemOption{align-items:center;display:flex}.cfgDarkTheme .cfgFeatureItemOptional{align-items:center;display:flex;justify-content:center;margin-top:.5em}.cfgDarkTheme .cfgFeatureItemOptional__header{font-size:1.2em;font-weight:600;margin:0 0 .3em;padding:0;text-transform:uppercase}.cfgDarkTheme .cfgFormSelect,.cfgDarkTheme .cfgInput{border:.1em solid #6a6a6a;padding:.3em .4em;border-radius:.3em;color:inherit}.cfgDarkTheme .cfgFormSelect{cursor:pointer;position:relative}.cfgDarkTheme .cfgFormSelect select{-webkit-appearance:none;appearance:none;padding:0 1em 0 0;margin:0;width:100%;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:inherit;line-height:inherit;outline:none;border:none}.cfgDarkTheme .cfgFormSelect:after{position:absolute;right:.35em;top:50%;margin-top:-.55em;content:"";width:1em;height:1em;background-color:#6a6a6a;-webkit-clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);justify-self:end}.cfgDarkTheme .cfgHr{box-sizing:border-box;border:0;border-bottom:.1em solid #5b5963;padding:0;margin:0}.cfgDarkTheme .cfgHr:after,.cfgDarkTheme .cfgHr:before{box-sizing:inherit}.cfgDarkTheme .cfgHr {box-sizing:border-box}.cfgDarkTheme .cfgHr :after,.cfgDarkTheme .cfgHr :before{box-sizing:inherit}.cfgDarkTheme .cfgCenteredLoading{box-sizing:border-box;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cfgDarkTheme .cfgCenteredLoading:after,.cfgDarkTheme .cfgCenteredLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgCenteredLoading {box-sizing:border-box}.cfgDarkTheme .cfgCenteredLoading :after,.cfgDarkTheme .cfgCenteredLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading{box-sizing:border-box;align-items:center;background-color:#333;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.cfgDarkTheme .cfgOverlayLoading:after,.cfgDarkTheme .cfgOverlayLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading {box-sizing:border-box}.cfgDarkTheme .cfgOverlayLoading :after,.cfgDarkTheme .cfgOverlayLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgOverlayLoading--clickThrough{background-color:transparent;pointer-events:none}.cfgDarkTheme .cfgOverlayLoading--clickThrough .cfgLoadingWithText{padding:2em 2em 1.8em;border-radius:.8em;background-color:#333;opacity:.8;border:.1em solid hsla(0,0%,100%,.15)}.cfgDarkTheme .cfgOverlayLoading--fullWindow{position:fixed;z-index:1001}.cfgDarkTheme .cfgLoadingWithText{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:center}.cfgDarkTheme .cfgLoadingWithText:after,.cfgDarkTheme .cfgLoadingWithText:before{box-sizing:inherit}.cfgDarkTheme .cfgLoadingWithText {box-sizing:border-box}.cfgDarkTheme .cfgLoadingWithText :after,.cfgDarkTheme .cfgLoadingWithText :before{box-sizing:inherit}.cfgDarkTheme .cfgLoadingWithText__text{color:#fff;font-weight:600;margin-top:.5em;font-size:1.6em}.cfgDarkTheme .cfgLoading{box-sizing:border-box;animation:rotate 1.1s linear 0s infinite;border-radius:100%;border:.5em solid hsla(0,0%,100%,.15);border-bottom-color:#fff;display:inline-block;height:3em;width:3em}.cfgDarkTheme .cfgLoading:after,.cfgDarkTheme .cfgLoading:before{box-sizing:inherit}.cfgDarkTheme .cfgLoading {box-sizing:border-box}.cfgDarkTheme .cfgLoading :after,.cfgDarkTheme .cfgLoading :before{box-sizing:inherit}.cfgDarkTheme .cfgLoading--small{border-width:.4em;height:2em;width:2em}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cfgDarkTheme .cfgMiscFiles,.cfgDarkTheme .cfgNotes{list-style:none;margin:0;padding:0}.cfgDarkTheme .cfgMiscFiles__item{display:flex;align-items:center;margin-top:1em;margin-bottom:1em}.cfgDarkTheme .cfgMiscFiles__link{display:block;color:#70baff;font-size:1.4em;font-weight:600}.cfgDarkTheme .cfgNotes__item:not(:last-child){margin-bottom:-.5em}.cfgDarkTheme .cfgNotes__body{white-space:pre-wrap;overflow:hidden;color:#999;font-size:1.5em;margin-bottom:1em;margin-right:3em}.cfgDarkTheme .cfgOptionTree{box-sizing:border-box;list-style:none;margin:0;padding:0}.cfgDarkTheme .cfgOptionTree:after,.cfgDarkTheme .cfgOptionTree:before{box-sizing:inherit}.cfgDarkTheme .cfgOptionTree {box-sizing:border-box}.cfgDarkTheme .cfgOptionTree :after,.cfgDarkTheme .cfgOptionTree :before{box-sizing:inherit}.cfgDarkTheme .cfgOptionTree--topLevel{padding-left:1.7em}.cfgDarkTheme .cfgOptionTree--indent{margin-left:3.2em}.cfgDarkTheme .cfgOptionTree--compThumb{margin-left:4.2em}.cfgDarkTheme .cfgProductInfo{box-sizing:border-box;color:#d6d6d6;display:flex}.cfgDarkTheme .cfgProductInfo:after,.cfgDarkTheme .cfgProductInfo:before{box-sizing:inherit}.cfgDarkTheme .cfgProductInfo {box-sizing:border-box}.cfgDarkTheme .cfgProductInfo :after,.cfgDarkTheme .cfgProductInfo :before{box-sizing:inherit}.cfgDarkTheme .cfgProductInfo__left{flex:1 1 auto;min-width:0;overflow:hidden}.cfgDarkTheme .cfgProductInfo__right{align-items:flex-end;display:flex;flex-direction:column;flex:1 0 auto;margin-left:1em;max-width:.333333333;min-width:0}.cfgDarkTheme .cfgProductInfo__name{display:block;font-size:1.6em;font-weight:600;line-height:1.33;margin:0}.cfgDarkTheme .cfgProductInfo__number{font-size:1.3em;font-weight:400;line-height:1.38;margin:0}.cfgDarkTheme .cfgProductInfo__taskbar{display:flex}.cfgDarkTheme .cfgRangeView__inputs{display:flex;align-items:center}.cfgDarkTheme .cfgRangeView__number-input{font-size:1.5em;flex-grow:1;text-align:right}.cfgDarkTheme .cfgRangeView__unit-label{font-size:1.5em;margin-left:.3em}.cfgDarkTheme .cfgRangeView__slider-input.cfgSlider{margin-left:1em;flex-grow:3}.cfgDarkTheme .cfgRangeView__error{display:flex;align-items:center;margin-top:1em;font-size:1.5em;color:#e8836f}.cfgDarkTheme .cfgRangeView__error .cfgErrorIcon{padding-right:.25em;width:1.25em;height:1em}.cfgDarkTheme .cfgSlider{box-sizing:border-box;flex:1;margin:0;padding:0;min-height:2.8em;background:transparent;font:inherit}.cfgDarkTheme .cfgSlider:after,.cfgDarkTheme .cfgSlider:before{box-sizing:inherit}.cfgDarkTheme .cfgSlider {box-sizing:border-box}.cfgDarkTheme .cfgSlider :after,.cfgDarkTheme .cfgSlider :before{box-sizing:inherit}.cfgDarkTheme .cfgSlider,.cfgDarkTheme .cfgSlider::-webkit-slider-thumb{-webkit-appearance:none}.cfgDarkTheme .cfgSlider::-webkit-slider-runnable-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-moz-range-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-ms-track{box-sizing:border-box;border:none;height:.2em;background:#adadad}.cfgDarkTheme .cfgSlider::-webkit-slider-thumb{margin-top:-1.3em;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-moz-range-thumb{box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:2.8em;height:2.8em;border-radius:50%;background:#333;box-shadow:0 .15em .45em .05em #adadad}.cfgDarkTheme .cfgSlider::-ms-tooltip{display:none}.cfgDarkTheme .cfgTaskList ul{list-style-type:none;padding:0;margin:1em 0 0;border-bottom:.1em solid #5b5963}.cfgDarkTheme .cfgTaskList__item{padding:0 1.5em 0 1.7em;margin-bottom:1em;display:flex;align-items:center}.cfgDarkTheme .cfgTaskList__preview{border:.1em solid #5b5963;border-radius:10%;width:4.8em;height:4.8em;flex-shrink:0}.cfgDarkTheme .cfgTaskList__preview img{object-fit:cover;position:relative;left:.38em;top:.38em;width:3.84em;height:3.84em}.cfgDarkTheme .cfgTaskList__icon{flex-shrink:0;width:4em;height:2em;padding-left:1em;padding-right:1em}.cfgDarkTheme .cfgTaskList__icon .cfgLoadingSizer{font-size:.75em}.cfgDarkTheme .cfgTaskList__status{flex-grow:1;font-size:1.5em}.cfgDarkTheme .cfgTaskList__abort{color:inherit;width:2em;height:2em;flex-shrink:0}.cfgDarkTheme .cfgTaskList__abort,.cfgDarkTheme .cfgTaskList__restart{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer}.cfgDarkTheme .cfgTaskList__restart{color:inherit;text-decoration:underline;color:#70baff}

package/dist/css/web-ui.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/scss/_utilities.scss","../../src/scss/web-ui.scss","../../src/scss/_themed.scss","../../src/scss/_button.scss","../../src/scss/_mixins.scss","../../src/scss/icons/_checkmark.scss","../../src/scss/icons/_chevron.scss","../../src/scss/icons/_circle-xmark-icon.scss","../../src/scss/_configurator.scss","../../src/scss/_variables.scss","../../src/scss/icons/_download-icon.scss","../../src/scss/_expandable.scss","../../src/scss/icons/_error-icon.scss","../../src/scss/_feature-item.scss","../../src/scss/_forms.scss","../../src/scss/_hr.scss","../../src/scss/_loading.scss","../../src/scss/_misc-file-and-note.scss","../../src/scss/_option-tree.scss","../../src/scss/_product-information.scss","../../src/scss/_range-view.scss","../../src/scss/_slider.scss","../../src/scss/_tasks.scss"],"names":[],"mappings":"AAIA,QACC,eCqBD,CDlBA,QACC,cCqBD,CDlBA,QACC,iBCqBD,CDlBA,iBACC,eAAA,CACA,sBAAA,CACA,kBCqBD,CC4DC,EACC,aDlDF,CErBC,WCfA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,UDgGC,CC/FD,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBFiDD,CGhDC,mCAEC,kBHiDF,CG1CC,aAVA,qBHuDD,CGtDC,qCAEC,kBHuDF,CExDC,iBCNA,4CHiED,CE3CE,qBClBD,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,UDoGC,CCnGD,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBFyED,CGxEC,uDAEC,kBHyEF,CGlEC,uBAVA,qBH+ED,CG9EC,yDAEC,kBH+EF,CEhFC,2BCNA,4CHyFD,CEzDC,cC5BA,qBHyFD,CGxFC,yCAEC,kBHyFF,CGlFC,gBAVA,qBH+FD,CG9FC,2CAEC,kBH+FF,CEnEG,qCACC,eFqEJ,CIjHC,cDYA,qBAAA,CCNC,oBAAA,CACA,UAAA,CACA,WJkHF,CG7GC,yCAEC,kBH8GF,CGvGC,gBAVA,qBHoHD,CGnHC,2CAEC,kBHoHF,CIzHE,yBACC,wBAAA,CACA,0BJ2HH,CIxHE,oBACC,WH8FD,CG7FC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCJ0HH,CIvHE,wBACC,WHsFD,CGrFC,yDJyHH,CItHE,yBACC,WHiFD,CGhFC,0DJwHH,CInHE,sBDDD,yBAAA,CAYA,kBHoHD,CI7HG,oDDJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHqID,CIzIG,8BDHF,sBAAA,CAYA,kBHgID,CK9KC,YFYA,qBAAA,CENC,oBAAA,CACA,UL+KF,CGzKC,qCAEC,kBH0KF,CGnKC,cAVA,qBHgLD,CG/KC,uCAEC,kBHgLF,CKtLE,uBACC,wBLwLH,CKtLG,6BACC,0BLwLJ,CKrLG,2BACC,2BLuLJ,CKnLE,kBACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCLqLH,CKhLG,6DACC,WLkLJ,CKhLG,+DACC,cLkLJ,CK7KG,4BACC,uBL+KJ,CKxKG,uDACC,wBL6KJ,CK1KG,2BACC,uBL4KJ,CMhOC,oBHYA,qBAAA,CGNC,oBAAA,CACA,UAAA,CACA,WNiOF,CG5NC,qDAEC,kBH6NF,CGtNC,sBAVA,qBHmOD,CGlOC,uDAEC,kBHmOF,CMxOE,oDAEC,cLsGiC,CKrGjC,oBAAA,CACA,qBAAA,CACA,gBN0OH,COrPC,wBJQA,qBAAA,CINC,UN+GA,CM9GA,YAAA,CACA,WAAA,CACA,qBPwPF,CGpPC,6DAEC,kBHqPF,CG9OC,0BAVA,qBH2PD,CG1PC,+DAEC,kBH2PF,CO/PE,0CAPD,wBAQE,kBPkQD,CACF,COhQE,0GAGC,eAAA,CACA,eAAA,CACA,ePkQH,COhQG,8ZAGC,YPwQJ,COlQI,2DACC,UPoQL,CO/PE,qFAEC,uBAAA,CAAA,eAAA,CACA,QAAA,CAEA,4BAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,cAAA,CACA,mBAAA,CACA,YPgQH,CO5PG,yCACC,oBP8PJ,CO7PI,uDACC,kBAAA,CACA,kBAAA,CACA,YAAA,CACA,UP+PL,CO5PG,0CACC,UP8PJ,COzPC,kBJvDA,qBAAA,CIyDC,iBAAA,CACA,YAAA,CACA,wBAAA,CAAA,gBAAA,CAEA,aAAA,CACA,eP2PF,CGxTC,iDAEC,kBHyTF,CGlTC,oBAVA,qBH+TD,CG9TC,mDAEC,kBH+TF,COlQE,yBACC,YPoQH,COjQE,0CAbD,kBAcE,WAAA,CACA,YPoQD,CACF,COjQC,iBJ1EA,qBAAA,CAgBA,iIAAA,CI6DC,cCxFa,CDyFb,UN2BA,CM1BA,WAAA,CAEA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,aPmQF,CGvVC,+CAEC,kBHwVF,CGjVC,mBAVA,qBH8VD,CG7VC,iDAEC,kBH8VF,CO1QE,0CAbD,iBAcE,WAAA,CACA,YP6QD,CACF,CO1QG,oGAEC,kBP2QJ,COtQC,uBACC,gCAAA,CACA,yBAAA,CACA,iBPyQF,COvQE,gCACC,cPyQH,COrQC,qBAEC,gBAAA,CACA,eAAA,CACA,gCPwQF,CStYC,iBNYA,qBAAA,CMNC,oBAAA,CACA,UAAA,CACA,WTuYF,CGlYC,+CAEC,kBHmYF,CG5XC,mBAVA,qBHyYD,CGxYC,iDAEC,kBHyYF,CS9YE,8CAEC,cR6G6B,CQ5G7B,oBAAA,CACA,qBAAA,CACA,gBTgZH,CU/ZC,yBPYA,qBAAA,CAdA,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CODC,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UVwaF,CGnaC,+DAEC,kBHoaF,CG7ZC,2BAVA,qBH0aD,CGzaC,iEAEC,kBH0aF,CU/aE,qCACC,cVibH,CU9aE,gCACC,kBAAA,CACA,YAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,0BAAA,CACA,eVgbH,CU7aE,+BACC,kBAAA,CACA,YAAA,CACA,YAAA,CACA,sBAAA,CACA,eV+aH,CW5cC,cRYA,qBAAA,CQNC,oBAAA,CACA,UAAA,CACA,WX6cF,CGxcC,yCAEC,kBHycF,CGlcC,gBAVA,qBH+cD,CG9cC,2CAEC,kBH+cF,CWpdE,wCAEC,cV+G0B,CU9G1B,oBAAA,CACA,qBAAA,CACA,gBXsdH,CYzdC,mBACC,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,SZ4dF,CYzdC,yBACC,kBAAA,CACA,YAAA,CACA,cAAA,CACA,0BZ4dF,CYzdC,gBTdA,qBAAA,CSiBC,UZ4dF,CG5eC,6CAEC,kBH6eF,CGteC,kBAVA,qBHmfD,CGlfC,+CAEC,kBHmfF,CYneE,0BTjCD,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CS6BE,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UAAA,CACA,cZ2eH,CYxeE,0BACC,cZ0eH,CYveE,6BACC,aAAA,CACA,SAAA,CACA,iBAAA,CACA,UZyeH,CYteE,uBTnBD,yBAAA,CAiBA,iBHofD,CY9eE,iDTxBD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WH0gBD,CY1fE,0BTvBD,yBAAA,CAYA,kBHqgBD,CYpfE,uHTvDD,4CH8iBD,CYlfE,4DTlCD,sBAAA,CAiBA,iBH+gBD,CY3fE,2HTtCD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHqiBD,CYvgBE,+DTrCD,sBAAA,CAYA,kBHgiBD,CYjgBI,8FACC,eZsgBL,CYlgBG,yDACC,2BZogBJ,CYhgBG,oFACC,mBZkgBJ,CY9fE,wDAEC,iBZ+fH,CY3fC,0EAEC,aAAA,CACA,eZ8fF,CY3fC,4DAEC,eZ8fF,CY3fC,6BACC,eAAA,CACA,eAAA,CACA,UZ8fF,CY3fC,6CACC,YZ8fF,CYtfC,8CAJC,kBAAA,CACA,YZqgBF,CYlgBC,wBAGC,sBAAA,CACA,eZ8fF,CY5fE,gCACC,eAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,wBZ8fH,CavoBC,yBAEC,yBAAA,CACA,iBAAA,CACA,kBAAA,CACA,ab0oBF,CavoBC,eAkBC,cAAA,CACA,iBbynBF,Ca3oBE,sBACC,uBAAA,CAAA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CAEA,4BAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,cAAA,CACA,mBAAA,CACA,YAAA,CACA,Wb4oBH,CatoBE,qBACC,iBAAA,CACA,WAAA,CACA,OAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CACA,UAAA,CACA,wBZkGqB,CYjGrB,0EAAA,CAAA,kEAAA,CACA,gBbwoBH,CcrqBC,OXIA,qBAAA,CWXA,QAAA,CACA,gCAAA,CACA,SAAA,CACA,QdirBD,CGxqBC,2BAEC,kBHyqBF,CGlqBC,SAVA,qBH+qBD,CG9qBC,6BAEC,kBH+qBF,CeprBC,oBZEA,qBAAA,CYAC,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAAA,CACA,UfurBF,CG3rBC,qDAEC,kBH4rBF,CGrrBC,sBAVA,qBHksBD,CGjsBC,uDAEC,kBHksBF,Ce7rBC,mBZRA,qBAAA,CYWC,kBAAA,CACA,qBdmHA,CclHA,QAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,MAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,Yf+rBF,CGntBC,mDAEC,kBHotBF,CG7sBC,qBAVA,qBH0tBD,CGztBC,qDAEC,kBH0tBF,CetsBE,iCACC,4BAAA,CACA,mBfwsBH,CetsBG,qDACC,qBAAA,CACA,kBAAA,CACA,qBdiGF,CchGE,UAAA,CACA,iCfwsBJ,CepsBE,+BACC,cAAA,CACA,YfssBH,CelsBC,oBZ1CA,qBAAA,CAgBA,iIAAA,CY8BC,iBfosBF,CGjvBC,qDAEC,kBHkvBF,CG3uBC,sBAVA,qBHwvBD,CGvvBC,uDAEC,kBHwvBF,Ce3sBE,0BACC,Ud2ED,Cc1EC,eAAA,CACA,eAAA,CACA,ef6sBH,CezsBC,YZxDA,qBAAA,CY2DC,wCAAA,CACA,kBAAA,CAEA,iCd+DA,Cc/DA,wBd+DA,Cc9DA,oBAAA,CACA,UAAA,CACA,Sf2sBF,CG3wBC,qCAEC,kBH4wBF,CGrwBC,cAVA,qBHkxBD,CGjxBC,uCAEC,kBHkxBF,CeltBE,mBACC,iBAAA,CACA,UAAA,CACA,SfotBH,CgBtyBC,wBAEC,eAAA,CACA,QAAA,CACA,ShBizBF,CgB7yBE,oBACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,iBhBgzBH,CgB7yBE,oBACC,aAAA,CAEA,af4H4D,Ce3H5D,eAAA,CACA,ehB8yBH,CgBzyBE,iCACC,mBhB4yBH,CgBzyBE,gBACC,oBAAA,CACA,eAAA,CAEA,Uf6GkC,Ce5GlC,eAAA,CAEA,iBAAA,CACA,gBhByyBH,CiB10BC,edQA,qBAAA,CcLC,eAAA,CACA,QAAA,CACA,SjB40BF,CGx0BC,2CAEC,kBHy0BF,CGl0BC,iBAVA,qBH+0BD,CG90BC,6CAEC,kBH+0BF,CiBn1BE,yBACC,kBjBq1BH,CiBl1BE,uBACC,iBjBo1BH,CiBj1BE,0BACC,iBjBm1BH,CkBl2BC,gBfOA,qBAAA,CeJC,UjBwIoC,CiBtIpC,YlBm2BF,CGh2BC,6CAEC,kBHi2BF,CG11BC,kBAVA,qBHu2BD,CGt2BC,+CAEC,kBHu2BF,CkB12BE,sBACC,aAAA,CACA,WAAA,CACA,elB42BH,CkBz2BE,uBACC,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,oBAAA,CACA,WlB22BH,CkBx2BE,sBACC,aAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QlB02BH,CkBv2BE,wBACC,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QlBy2BH,CkBt2BE,yBACC,YlBw2BH,CmBr5BE,sBACC,YAAA,CACA,kBnBw5BH,CmBr5BE,4BACC,eAAA,CACA,WAAA,CACA,gBnBu5BH,CmBp5BE,0BACC,eAAA,CACA,gBnBs5BH,CmBn5BE,sCACC,eAAA,CACA,WnBq5BH,CmBl5BE,qBACC,YAAA,CACA,kBAAA,CAEA,cAAA,CACA,eAAA,CACA,anBm5BH,CmBj5BG,mCACC,mBAAA,CACA,YAAA,CACA,UnBm5BJ,CoB35BC,WjBXA,qBAAA,CiBmBC,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBA/Bc,CAgCd,sBAAA,CACA,YpBw5BF,CG/6BC,mCAEC,kBHg7BF,CGz6BC,aAVA,qBHs7BD,CGr7BC,qCAEC,kBHs7BF,CoB36BE,4CAEC,uBpB46BH,CoBl6BE,0CAhCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,epBq8BD,CoBr6BE,6BAnCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,epB28BD,CoBx6BE,sBAtCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,epBi9BD,CoB16BE,iCACC,iBAAA,CApCF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,mCpBi9BD,CoBh7BE,6BAvCD,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,mCpB09BD,CoBt7BE,sBACC,YAAA,CA3CF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,mCpBo+BD,CoB37BE,wBACC,YpB67BH,CqBr/BE,gBACC,oBAAA,CACA,SAAA,CACA,cAAA,CACA,gCrBw/BH,CqBr/BE,mBACC,uBAAA,CACA,iBAAA,CACA,YAAA,CACA,kBrBu/BH,CqBp/BE,sBACC,yBAAA,CACA,iBAAA,CACA,WAtBa,CAuBb,YAvBa,CAwBb,arBs/BH,CqBp/BG,0BACC,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CACA,YAAA,CACA,arBs/BJ,CqBl/BE,mBACC,aAAA,CACA,SAAA,CACA,UArCU,CAsCV,gBAAA,CACA,iBrBo/BH,CqBl/BG,oCACC,erBo/BJ,CqBh/BE,qBACC,WAAA,CACA,erBk/BH,CqB/+BE,oBlBpDD,aAAA,CkBuDE,SAtDU,CAuDV,UAvDU,CAwDV,arBu/BH,CqBp/BE,0ClB/DD,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CAEA,eAAA,CACA,WAAA,CACA,SAAA,CkBmDE,crBsgCH,CqBhgCE,sBlB5DD,aAAA,CkB+DE,yBAAA,CACA,arB4/BH,CC59BC,gBACC,aD+9BF,CEtiCC,yBCfA,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,aDgGC,CC/FD,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBFikCD,CGhkCC,+DAEC,kBHikCF,CG1jCC,2BAVA,qBHukCD,CGtkCC,iEAEC,kBHukCF,CExkCC,+BCNA,+CHilCD,CE3jCE,mCClBD,qBAAA,CDRA,oBAAA,CACA,4BAAA,CACA,UDoGC,CCnGD,kBAAA,CACA,yBAAA,CACA,eAAA,CACA,eAAA,CACA,YAAA,CACA,iBFylCD,CGxlCC,mFAEC,kBHylCF,CGllCC,qCAVA,qBH+lCD,CG9lCC,qFAEC,kBH+lCF,CEhmCC,yCCNA,+CHymCD,CEzkCC,4BC5BA,qBHwmCD,CGvmCC,qEAEC,kBHwmCF,CGjmCC,8BAVA,qBH8mCD,CG7mCC,uEAEC,kBH8mCF,CEllCG,mDACC,eFolCJ,CIhoCC,4BDYA,qBAAA,CCNC,oBAAA,CACA,UAAA,CACA,WJgoCF,CG3nCC,qEAEC,kBH4nCF,CGrnCC,8BAVA,qBHkoCD,CGjoCC,uEAEC,kBHkoCF,CIvoCE,uCACC,wBAAA,CACA,0BJyoCH,CItoCE,kCACC,WH8FD,CG7FC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCJwoCH,CIroCE,sCACC,WHsFD,CGrFC,yDJuoCH,CIpoCE,uCACC,WHiFD,CGhFC,0DJsoCH,CIjoCE,oCDDD,yBAAA,CAYA,kBHkoCD,CI3oCG,gFDJF,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHmpCD,CIvpCG,4CDHF,sBAAA,CAYA,kBH8oCD,CK5rCC,0BFYA,qBAAA,CENC,oBAAA,CACA,UL4rCF,CGtrCC,iEAEC,kBHurCF,CGhrCC,4BAVA,qBH6rCD,CG5rCC,mEAEC,kBH6rCF,CKnsCE,qCACC,wBLqsCH,CKnsCG,2CACC,0BLqsCJ,CKlsCG,yCACC,2BLosCJ,CKhsCE,gCACC,oBAAA,CACA,eAAA,CACA,0BAAA,CACA,mCLksCH,CK7rCG,yFACC,WL+rCJ,CK7rCG,2FACC,cL+rCJ,CK1rCG,0CACC,uBL4rCJ,CKrrCG,mFACC,wBL0rCJ,CKvrCG,yCACC,uBLyrCJ,CM7uCC,kCHYA,qBAAA,CGNC,oBAAA,CACA,UAAA,CACA,WN6uCF,CGxuCC,iFAEC,kBHyuCF,CGluCC,oCAVA,qBH+uCD,CG9uCC,mFAEC,kBH+uCF,CMpvCE,gFAEC,cLsGiC,CKrGjC,oBAAA,CACA,qBAAA,CACA,gBNsvCH,COjwCC,sCJQA,qBAAA,CINC,aN+GA,CM9GA,YAAA,CACA,WAAA,CACA,qBPmwCF,CG/vCC,yFAEC,kBHgwCF,CGzvCC,wCAVA,qBHswCD,CGrwCC,2FAEC,kBHswCF,CO1wCE,0CAPD,sCAQE,kBP6wCD,CACF,CO3wCE,oJAGC,eAAA,CACA,eAAA,CACA,eP6wCH,CO3wCG,4hBAGC,YPmxCJ,CO7wCI,yEACC,UP+wCL,CO1wCE,iHAEC,uBAAA,CAAA,eAAA,CACA,QAAA,CAEA,4BAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,cAAA,CACA,mBAAA,CACA,YP2wCH,COvwCG,uDACC,oBPywCJ,COxwCI,qEACC,kBAAA,CACA,kBAAA,CACA,YAAA,CACA,UP0wCL,COvwCG,wDACC,UPywCJ,COpwCC,gCJvDA,qBAAA,CIyDC,iBAAA,CACA,YAAA,CACA,wBAAA,CAAA,gBAAA,CAEA,aAAA,CACA,ePqwCF,CGl0CC,6EAEC,kBHm0CF,CG5zCC,kCAVA,qBHy0CD,CGx0CC,+EAEC,kBHy0CF,CO5wCE,uCACC,YP8wCH,CO3wCE,0CAbD,gCAcE,WAAA,CACA,YP8wCD,CACF,CO3wCC,+BJ1EA,qBAAA,CAgBA,iIAAA,CI6DC,cCxFa,CDyFb,aN2BA,CM1BA,WAAA,CAEA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,aP4wCF,CGh2CC,2EAEC,kBHi2CF,CG11CC,iCAVA,qBHu2CD,CGt2CC,6EAEC,kBHu2CF,COnxCE,0CAbD,+BAcE,WAAA,CACA,YPsxCD,CACF,COnxCG,gIAEC,kBPoxCJ,CO/wCC,qCACC,gCAAA,CACA,yBAAA,CACA,iBPixCF,CO/wCE,8CACC,cPixCH,CO7wCC,mCAEC,gBAAA,CACA,eAAA,CACA,gCP+wCF,CS74CC,+BNYA,qBAAA,CMNC,oBAAA,CACA,UAAA,CACA,WT64CF,CGx4CC,2EAEC,kBHy4CF,CGl4CC,iCAVA,qBH+4CD,CG94CC,6EAEC,kBH+4CF,CSp5CE,0EAEC,cR6G6B,CQ5G7B,oBAAA,CACA,qBAAA,CACA,gBTs5CH,CUr6CC,uCPYA,qBAAA,CAdA,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CODC,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UV66CF,CGx6CC,2FAEC,kBHy6CF,CGl6CC,yCAVA,qBH+6CD,CG96CC,6FAEC,kBH+6CF,CUp7CE,mDACC,cVs7CH,CUn7CE,8CACC,kBAAA,CACA,YAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,0BAAA,CACA,eVq7CH,CUl7CE,6CACC,kBAAA,CACA,YAAA,CACA,YAAA,CACA,sBAAA,CACA,eVo7CH,CWj9CC,4BRYA,qBAAA,CQNC,oBAAA,CACA,UAAA,CACA,WXi9CF,CG58CC,qEAEC,kBH68CF,CGt8CC,8BAVA,qBHm9CD,CGl9CC,uEAEC,kBHm9CF,CWx9CE,oEAEC,cV+G0B,CU9G1B,oBAAA,CACA,qBAAA,CACA,gBX09CH,CY79CC,iCACC,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,SZ+9CF,CY59CC,uCACC,kBAAA,CACA,YAAA,CACA,cAAA,CACA,0BZ89CF,CY39CC,8BTdA,qBAAA,CSiBC,aZ69CF,CG7+CC,yEAEC,kBH8+CF,CGv+CC,gCAVA,qBHo/CD,CGn/CC,2EAEC,kBHo/CF,CYp+CE,wCTjCD,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CS6BE,mBAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,UAAA,CACA,cZ4+CH,CYz+CE,wCACC,cZ2+CH,CYx+CE,2CACC,aAAA,CACA,SAAA,CACA,iBAAA,CACA,UZ0+CH,CYv+CE,qCTnBD,yBAAA,CAiBA,iBHq/CD,CY/+CE,6ETxBD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WH2gDD,CY3/CE,wCTvBD,yBAAA,CAYA,kBHsgDD,CYr/CE,mJTvDD,+CH+iDD,CYn/CE,0ETlCD,sBAAA,CAiBA,iBHghDD,CY5/CE,uJTtCD,kBAAA,CAEA,YAAA,CACA,aAAA,CACA,YAAA,CACA,sBAAA,CACA,mBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,WHsiDD,CYxgDE,6ETrCD,sBAAA,CAYA,kBHiiDD,CYlgDI,4GACC,eZugDL,CYngDG,uEACC,2BZqgDJ,CYjgDG,kGACC,mBZmgDJ,CY//CE,oFAEC,iBZggDH,CY5/CC,sGAEC,aAAA,CACA,eZ8/CF,CY3/CC,wFAEC,eZ6/CF,CY1/CC,2CACC,eAAA,CACA,eAAA,CACA,UZ4/CF,CYz/CC,2DACC,YZ2/CF,CYx/CC,oCACC,kBAAA,CACA,YZ0/CF,CYv/CC,sCACC,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,eZy/CF,CYv/CE,8CACC,eAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,wBZy/CH,CaloDC,qDAEC,yBAAA,CACA,iBAAA,CACA,kBAAA,CACA,abooDF,CajoDC,6BAkBC,cAAA,CACA,iBbknDF,CapoDE,oCACC,uBAAA,CAAA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CAEA,4BAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,cAAA,CACA,mBAAA,CACA,YAAA,CACA,WbqoDH,Ca/nDE,mCACC,iBAAA,CACA,WAAA,CACA,OAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CACA,UAAA,CACA,wBZkGqB,CYjGrB,0EAAA,CAAA,kEAAA,CACA,gBbioDH,Cc9pDC,qBXIA,qBAAA,CWXA,QAAA,CACA,gCAAA,CACA,SAAA,CACA,QdyqDD,CGhqDC,uDAEC,kBHiqDF,CG1pDC,uBAVA,qBHuqDD,CGtqDC,yDAEC,kBHuqDF,Ce5qDC,kCZEA,qBAAA,CYAC,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAAA,CACA,Uf8qDF,CGlrDC,iFAEC,kBHmrDF,CG5qDC,oCAVA,qBHyrDD,CGxrDC,mFAEC,kBHyrDF,CeprDC,iCZRA,qBAAA,CYWC,kBAAA,CACA,qBdmHA,CclHA,QAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,MAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CACA,YfqrDF,CGzsDC,+EAEC,kBH0sDF,CGnsDC,mCAVA,qBHgtDD,CG/sDC,iFAEC,kBHgtDF,Ce5rDE,+CACC,4BAAA,CACA,mBf8rDH,Ce5rDG,mEACC,qBAAA,CACA,kBAAA,CACA,qBdiGF,CchGE,UAAA,CACA,qCf8rDJ,Ce1rDE,6CACC,cAAA,CACA,Yf4rDH,CexrDC,kCZ1CA,qBAAA,CAgBA,iIAAA,CY8BC,iBfyrDF,CGtuDC,iFAEC,kBHuuDF,CGhuDC,oCAVA,qBH6uDD,CG5uDC,mFAEC,kBH6uDF,CehsDE,wCACC,Ud2ED,Cc1EC,eAAA,CACA,eAAA,CACA,efksDH,Ce9rDC,0BZxDA,qBAAA,CY2DC,wCAAA,CACA,kBAAA,CAEA,qCd+DA,Cc/DA,wBd+DA,Cc9DA,oBAAA,CACA,UAAA,CACA,Sf+rDF,CG/vDC,iEAEC,kBHgwDF,CGzvDC,4BAVA,qBHswDD,CGrwDC,mEAEC,kBHswDF,CetsDE,iCACC,iBAAA,CACA,UAAA,CACA,SfwsDH,CepsDC,kBACC,GACC,sBfssDD,CepsDA,GACC,uBfssDD,CACF,CgBlyDC,oDAEC,eAAA,CACA,QAAA,CACA,ShBoyDF,CgBhyDE,kCACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,iBhBkyDH,CgB/xDE,kCACC,aAAA,CAEA,af4H4D,Ce3H5D,eAAA,CACA,ehBgyDH,CgB3xDE,+CACC,mBhB6xDH,CgB1xDE,8BACC,oBAAA,CACA,eAAA,CAEA,Uf6GkC,Ce5GlC,eAAA,CAEA,iBAAA,CACA,gBhB0xDH,CiB3zDC,6BdQA,qBAAA,CcLC,eAAA,CACA,QAAA,CACA,SjB4zDF,CGxzDC,uEAEC,kBHyzDF,CGlzDC,+BAVA,qBH+zDD,CG9zDC,yEAEC,kBH+zDF,CiBn0DE,uCACC,kBjBq0DH,CiBl0DE,qCACC,iBjBo0DH,CiBj0DE,wCACC,iBjBm0DH,CkBl1DC,8BfOA,qBAAA,CeJC,ajBwIoC,CiBtIpC,YlBk1DF,CG/0DC,yEAEC,kBHg1DF,CGz0DC,gCAVA,qBHs1DD,CGr1DC,2EAEC,kBHs1DF,CkBz1DE,oCACC,aAAA,CACA,WAAA,CACA,elB21DH,CkBx1DE,qCACC,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,oBAAA,CACA,WlB01DH,CkBv1DE,oCACC,aAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QlBy1DH,CkBt1DE,sCACC,eAAA,CACA,eAAA,CACA,gBAAA,CACA,QlBw1DH,CkBr1DE,uCACC,YlBu1DH,CmBp4DE,oCACC,YAAA,CACA,kBnBs4DH,CmBn4DE,0CACC,eAAA,CACA,WAAA,CACA,gBnBq4DH,CmBl4DE,wCACC,eAAA,CACA,gBnBo4DH,CmBj4DE,oDACC,eAAA,CACA,WnBm4DH,CmBh4DE,mCACC,YAAA,CACA,kBAAA,CAEA,cAAA,CACA,eAAA,CACA,anBi4DH,CmB/3DG,iDACC,mBAAA,CACA,YAAA,CACA,UnBi4DJ,CoBz4DC,yBjBXA,qBAAA,CiBmBC,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBA/Bc,CAgCd,sBAAA,CACA,YpBq4DF,CG55DC,+DAEC,kBH65DF,CGt5DC,2BAVA,qBHm6DD,CGl6DC,iEAEC,kBHm6DF,CoBx5DE,wEAEC,uBpBy5DH,CoB/4DE,wDAhCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBpBk7DD,CoBl5DE,2CAnCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBpBw7DD,CoBr5DE,oCAtCD,qBAAA,CACA,WAAA,CACA,WANa,CAOb,kBpB87DD,CoBv5DE,+CACC,iBAAA,CApCF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,sCpB87DD,CoB75DE,2CAvCD,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,sCpBu8DD,CoBn6DE,oCACC,YAAA,CA3CF,qBAAA,CACA,WAAA,CACA,WAZe,CAaf,YAbe,CAcf,iBAAA,CACA,enBkIC,CmBjID,sCpBi9DD,CoBx6DE,sCACC,YpB06DH,CqBl+DE,8BACC,oBAAA,CACA,SAAA,CACA,cAAA,CACA,gCrBo+DH,CqBj+DE,iCACC,uBAAA,CACA,iBAAA,CACA,YAAA,CACA,kBrBm+DH,CqBh+DE,oCACC,yBAAA,CACA,iBAAA,CACA,WAtBa,CAuBb,YAvBa,CAwBb,arBk+DH,CqBh+DG,wCACC,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CACA,YAAA,CACA,arBk+DJ,CqB99DE,iCACC,aAAA,CACA,SAAA,CACA,UArCU,CAsCV,gBAAA,CACA,iBrBg+DH,CqB99DG,kDACC,erBg+DJ,CqB59DE,mCACC,WAAA,CACA,erB89DH,CqB39DE,kClBpDD,aAAA,CkBuDE,SAtDU,CAuDV,UAvDU,CAwDV,arBm+DH,CqBh+DE,sElB/DD,uBAAA,CAAA,eAAA,CACA,mBAAA,CACA,iBAAA,CAEA,eAAA,CACA,WAAA,CACA,SAAA,CkBmDE,crBk/DH,CqB5+DE,oClB5DD,aAAA,CkB+DE,yBAAA,CACA,arBw+DH","file":"web-ui.css","sourcesContent":["/*\r\n Web UI Utilities\r\n /\r\n\r\n.cfgMl1 {\r\n\tmargin-left: 1em;\r\n}\r\n\r\n.cfgMt1 {\r\n\tmargin-top: 1em;\r\n}\r\n\r\n.cfgMb1 {\r\n\tmargin-bottom: 1em;\r\n}\r\n\r\n.cfgTextOverflow {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n","/\r\n Web UI Styling\r\n/\r\n\r\n@use \"themed\";\r\n\r\n@include themed.themed(themed.$lightTheme);\r\n\r\n.cfgDarkTheme {\r\n\t@include themed.themed(themed.$darkTheme);\r\n}\r\n","@use \"sass:map\";\r\n@use \"sass:color\";\r\n\r\n@use \"variables\" as v;\r\n\r\n// Components\r\n@use \"button\";\r\n@use \"forms\";\r\n\r\n@use \"configurator\";\r\n@use \"expandable\";\r\n@use \"feature-item\";\r\n@use \"hr\";\r\n@use \"loading\";\r\n@use \"misc-file-and-note\";\r\n@use \"option-tree\";\r\n@use \"product-information\";\r\n@use \"range-view\";\r\n@use \"slider\";\r\n@use \"tasks\";\r\n\r\n// Icons\r\n@use \"icons/checkmark\";\r\n@use \"icons/chevron\";\r\n@use \"icons/circle-xmark-icon\";\r\n@use \"icons/download-icon\";\r\n@use \"icons/error-icon\";\r\n\r\n// Utilities\r\n@use \"utilities\";\r\n\r\n/ Colors /\r\n\r\n$black: hsl(0, 0%, 0%) !default;\r\n$white: hsl(0, 0%, 100%) !default;\r\n$darkGrey: hsl(0, 0%, 15%) !default;\r\n\r\n/ Specific colors /\r\n\r\n$border: hsl(252, 5%, 79%) !default;\r\n$borderDark: hsl(0, 0%, 73%) !default;\r\n$icon: hsl(252, 5%, 50%) !default;\r\n$focusOutlineOuter: hsl(0, 0%, 13%) !default;\r\n$sliderTrack: #666 !default;\r\n$spinner2: hsla(0, 0%, 0%, 0.15);\r\n$grayText: hsl(0, 0%, 50%) !default;\r\n$text: hsl(0, 0%, 20%) !default;\r\n$link: hsl(209, 100%, 35%) !default;\r\n$error: hsl(10, 72%, 41%) !default;\r\n\r\n/ As convention we assume the default theme when naming colors,\r\n as attempts at generic naming often leads to confusion /\r\n$lightTheme: (\r\n\t\"black\": $black,\r\n\t\"border\": $border,\r\n\t\"borderDark\": $borderDark,\r\n\t\"checkButtonChecked\": $black,\r\n\t\"checkButtonUnchecked\": $border,\r\n\t\"chevronActive\": $black,\r\n\t\"chevronPassive\": $borderDark,\r\n\t\"divider\": $border,\r\n\t\"dividerDark\": $borderDark,\r\n\t\"error\": $error,\r\n\t\"focusOutlineInner\": $white,\r\n\t\"focusOutlineOuter\": $text,\r\n\t\"grayText\": $grayText,\r\n\t\"icon\": $icon,\r\n\t\"link\": $link,\r\n\t\"overlayBackground\": $white,\r\n\t\"sliderThumb\": $white,\r\n\t\"sliderThumbShadow\": $sliderTrack,\r\n\t\"sliderTrack\": $sliderTrack,\r\n\t\"spinner1\": $black,\r\n\t\"spinner2\": $spinner2,\r\n\t\"text\": $text,\r\n\t\"white\": $white,\r\n) !default;\r\n\r\n@function invertLightness($color) {\r\n\t@return color.change(\r\n\t\t$color,\r\n\t\t$lightness: 100 - color.lightness($color) 0.8\r\n\t); // We scale with 80% to have a bit more contrast\r\n}\r\n\r\n@function invertLightnessList($list) {\r\n\t@each $key, $color in $list {\r\n\t\t$list: map.set($list, $key, invertLightness($color));\r\n\t}\r\n\t@return $list;\r\n}\r\n\r\n$darkTheme: invertLightnessList($lightTheme);\r\n\r\n$themes: (\r\n\t\"light\": $lightTheme,\r\n\t\"dark\": $darkTheme,\r\n);\r\n\r\n@mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {\r\n\ta {\r\n\t\tcolor: map.get($ct, \"link\");\r\n\t}\r\n\r\n\t@include button.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"borderDark\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"border\")\r\n\t);\r\n\t@include checkmark.classes(\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\")\r\n\t);\r\n\t@include chevron.classes(map.get($ct, \"chevronActive\"), map.get($ct, \"chevronPassive\"));\r\n\t@include circle-xmark-icon.classes(map.get($ct, \"icon\"));\r\n\t@include configurator.classes(\r\n\t\t$baseFontSize,\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"divider\")\r\n\t);\r\n\t@include download-icon.classes(map.get($ct, \"link\"));\r\n\t@include expandable.classes;\r\n\t@include error-icon.classes(map.get($ct, \"error\"));\r\n\t@include feature-item.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\"),\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\"),\r\n\t\tmap.get($ct, \"dividerDark\")\r\n\t);\r\n\t@include forms.classes(map.get($ct, \"borderDark\"));\r\n\t@include hr.classes(map.get($ct, \"divider\"));\r\n\t@include loading.classes(\r\n\t\tmap.get($ct, \"black\"),\r\n\t\tmap.get($ct, \"spinner1\"),\r\n\t\tmap.get($ct, \"spinner2\"),\r\n\t\tmap.get($ct, \"overlayBackground\"),\r\n\t\t$overlayingZIndex\r\n\t);\r\n\t@include misc-file-and-note.classes(map.get($ct, \"grayText\"), map.get($ct, \"link\"));\r\n\t@include option-tree.classes;\r\n\t@include product-information.classes(map.get($ct, \"text\"));\r\n\t@include range-view.classes(map.get($ct, \"error\"));\r\n\t@include slider.classes(\r\n\t\tmap.get($ct, \"sliderTrack\"),\r\n\t\tmap.get($ct, \"sliderThumb\"),\r\n\t\tmap.get($ct, \"sliderThumbShadow\")\r\n\t);\r\n\t@include tasks.classes(map.get($ct, \"border\"), map.get($ct, \"link\"));\r\n}\r\n","/*\r\n Web UI Product information\r\n /\r\n@use \"mixins\";\r\n\r\n@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\t@include mixins.cfgRootStyles;\r\n\tdisplay: inline-block;\r\n\tbackground-color: transparent;\r\n\tcolor: $textColor;\r\n\tborder-radius: 0.3em;\r\n\tborder: 0.1em solid $borderColor;\r\n\tfont-size: 1.3em;\r\n\tfont-weight: 500;\r\n\toutline: none;\r\n\tpadding: 0.4em 0.8em;\r\n\r\n\t&:focus {\r\n\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t}\r\n}\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$borderColor,\r\n\t$focusOutlineInnerColor,\r\n\t$focusOutlineOuterColor,\r\n\t$disabledTextColor,\r\n\t$disabledBorderColor\r\n) {\r\n\t.cfgButton {\r\n\t\t@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\r\n\t\t&[disabled] {\r\n\t\t\t@include styles(\r\n\t\t\t\t$disabledTextColor,\r\n\t\t\t\t$disabledBorderColor,\r\n\t\t\t\t$focusOutlineInnerColor,\r\n\t\t\t\t$focusOutlineOuterColor\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgButtonRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t&__button {\r\n\t\t\t&:nth-child(n + 2) {\r\n\t\t\t\tmargin-left: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@mixin noButtonLook {\r\n\tappearance: none;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tbackground: none;\r\n\tborder: none;\r\n\tpadding: 0;\r\n}\r\n\r\n@mixin focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\tbox-shadow: 0 0 0 0.075em $focusOutlineInnerColor, 0 0 0 0.2em $focusOutlineOuterColor;\r\n}\r\n\r\n@mixin borderBox {\r\n\tbox-sizing: border-box;\r\n\t&:before,\r\n\t&:after {\r\n\t\tbox-sizing: inherit;\r\n\t}\r\n}\r\n\r\n@mixin cfgRootStyles {\r\n\t@include borderBox;\r\n\r\n\t {\r\n\t\t@include borderBox;\r\n\t}\r\n}\r\n\r\n@mixin cfgDefaultFont {\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif,\r\n\t\t\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n}\r\n\r\n@mixin cfgCheckAndRadio($color) {\r\n\talign-items: center;\r\n\tborder: 0.2em solid $color;\r\n\tdisplay: flex;\r\n\tflex: 0 0 auto;\r\n\theight: 2.2em;\r\n\tjustify-content: center;\r\n\tpointer-events: none;\r\n\tuser-select: none;\r\n\twidth: 2.2em;\r\n}\r\n\r\n@mixin cfgCheckbox($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 0.3em;\r\n}\r\n\r\n@mixin cfgRadio($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 50%;\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($colorActive, $colorPassive) {\r\n\t.cfgCheckmark {\r\n\t\t/* The distance-units inside the checkmark are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\t\t\ttransform: translateY(17px);\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 12;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(40deg) translateY(24px) translateX(18px);\r\n\t\t}\r\n\r\n\t\t&__lineRight {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(-50deg) translateY(-2px) translateX(-3px);\r\n\t\t}\r\n\r\n\t\t@content;\r\n\r\n\t\t&__border {\r\n\t\t\t@include mixins.cfgCheckbox($colorPassive);\r\n\t\t\t&--active {\r\n\t\t\t\t@include mixins.cfgCheckbox($colorActive);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($activeColor, $passiveColor) {\r\n\t.cfgChevron {\r\n\t\t/ The distance-units inside the chevron are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: translateY(13px);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: translateY(-13px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 10;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft,\r\n\t\t&__lineRight {\r\n\t\t\t&--active {\r\n\t\t\t\tstroke: $activeColor;\r\n\t\t\t}\r\n\t\t\t&--passive {\r\n\t\t\t\tstroke: $passiveColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__lineRight {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgCircleXmarkIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Configurator\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes($fontSize, $textColor, $grayTextColor, $headerUnderlineColor) {\r\n\t.cfgConfiguratorWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tcolor: $textColor;\r\n\t\tdisplay: flex;\r\n\t\theight: 85vh;\r\n\t\tflex-direction: column;\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\r\n\t\t.cfgTaskStart,\r\n\t\t.cfgShare,\r\n\t\t.cfgReset {\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tfont-weight: 500;\r\n\r\n\t\t\t.cfgInput,\r\n\t\t\t.cfgFormSelect,\r\n\t\t\tbutton {\r\n\t\t\t\tpadding: 0.5em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cfgTaskStart {\r\n\t\t\t.cfgFormSelect {\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tright: 0.5em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cfgShare .cfgInput,\r\n\t\t.cfgReset button {\r\n\t\t\tappearance: none;\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tfont-family: inherit;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tfont-weight: inherit;\r\n\t\t\tcursor: inherit;\r\n\t\t\tline-height: inherit;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t.cfgShare {\r\n\t\t\t&__error {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t.cfgErrorIcon {\r\n\t\t\t\t\tpadding-left: 0.25em;\r\n\t\t\t\t\tmargin-right: 0.75em;\r\n\t\t\t\t\twidth: 1.25em;\r\n\t\t\t\t\theight: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__grayed {\r\n\t\t\t\tcolor: $grayTextColor;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgCanvasWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tposition: relative;\r\n\t\theight: 50rem;\r\n\t\tuser-select: none;\r\n\r\n\t\tflex: 1 1 auto;\r\n\t\toverflow: hidden;\r\n\r\n\t\t& canvas {\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\theight: 100%;\r\n\t\t\tflex: 0 1 60%;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfigurator {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\t\tfont-size: $fontSize;\r\n\t\tcolor: $textColor;\r\n\t\tmin-width: 0;\r\n\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex: 0 0 50%;\r\n\t\toverflow: auto;\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\theight: 100%;\r\n\t\t\tflex: 0 1 40%;\r\n\t\t}\r\n\r\n\t\t& > .cfgConfiguratorTree {\r\n\t\t\t& > .cfgMiscFiles,\r\n\t\t\t& > .cfgNotes {\r\n\t\t\t\tpadding-left: 1.7em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorHeader {\r\n\t\tborder-bottom: 0.1em solid $headerUnderlineColor;\r\n\t\tpadding: 1.7em 1.7em 1.9em;\r\n\t\tposition: relative;\r\n\r\n\t\t&__actions {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorTree {\r\n\t\tpadding-top: 1em;\r\n\t\tpadding-top: 0.5em;\r\n\t\toverflow-y: auto;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\t}\r\n}\r\n","/\r\n Web UI Variables\r\n /\r\n\t\r\n$baseFontSize: 10px !default; // We use 10px for easy em conversion\r\n$overlayingZIndex: 1000 !default;\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgDownloadIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgExpandableHeadingRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.noButtonLook;\r\n\t\talign-items: stretch;\r\n\t\tdisplay: flex;\r\n\t\theight: 3.9em;\r\n\t\toutline: 0;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\r\n\t\t&--expandable {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 0 0 5em;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 1.5em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgErrorIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Feature item\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$grayTextColor,\r\n\t$checkButtonUncheckedColor,\r\n\t$checkButtonCheckedColor,\r\n\t$focusOutlineInnerColor,\r\n\t$focusOutlineOuterColor,\r\n\t$dividerDark\r\n) {\r\n\t.cfgThumbnailImage {\r\n\t\tborder-radius: 0.7em;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\t}\r\n\r\n\t.cfgThumbnailPlaceholder {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex: 0 0 4.2em;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\r\n\t.cfgFeatureItem {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\t&__dropdown {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\talign-items: stretch;\r\n\t\t\tdisplay: flex;\r\n\t\t\theight: 3.9em;\r\n\t\t\toutline: 0;\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&--optional {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\r\n\t\t&__hiddenInput {\r\n\t\t\tleft: -99999px;\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t&__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t/ The &-syntax brings in the entire path, so the second part of this rule must be explicit /\r\n\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__radio,\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t\t}\r\n\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonCheckedColor);\r\n\t\t}\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonCheckedColor);\r\n\t\t}\r\n\r\n\t\t&.cfgAdditionalProduct {\r\n\t\t\t> .cfgExpandableHeadingRow {\r\n\t\t\t\t> .cfgExpandableHeadingRow__title {\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> .cfgFeatureItem__hr {\r\n\t\t\t\tborder-bottom-color: $dividerDark;\r\n\t\t\t}\r\n\r\n\t\t\t/ The last themathic break (hr) we move under the next thematic break so it appears as one /\r\n\t\t\t.cfgFeatureItem:last-child .cfgFeatureItem__hr {\r\n\t\t\t\tmargin-bottom: -0.1em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t& > .cfgNotes,\r\n\t\t& > .cfgMiscFiles {\r\n\t\t\tmargin-left: 3.2em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__titleWrapper,\r\n\t.cfgFeatureItemOption__titleWrapper {\r\n\t\tflex: 1 1 auto;\r\n\t\tmargin-left: 1em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__title,\r\n\t.cfgFeatureItemOption__title {\r\n\t\tfont-size: 1.5em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption__price {\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 0.75em;\r\n\t\tcolor: $grayTextColor;\r\n\t}\r\n\r\n\t.cfgOptionTree--subLevel .cfgFeatureItem__hr {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tmargin-top: 0.5em;\r\n\r\n\t\t&__header {\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 0.3em 0;\r\n\t\t\tpadding: 0;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t}\r\n\t}\r\n}\r\n","@mixin classes($borderColor) {\r\n\t.cfgInput,\r\n\t.cfgFormSelect {\r\n\t\tborder: 0.1em solid $borderColor;\r\n\t\tpadding: 0.3em 0.4em;\r\n\t\tborder-radius: 0.3em;\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t.cfgFormSelect {\r\n\t\tselect {\r\n\t\t\tappearance: none;\r\n\t\t\tpadding: 0 1em 0 0;\r\n\t\t\tmargin: 0;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tfont-family: inherit;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tfont-weight: inherit;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: inherit;\r\n\t\t\tline-height: inherit;\r\n\t\t\toutline: none;\r\n\t\t\tborder: none;\r\n\t\t}\r\n\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0.35em;\r\n\t\t\ttop: 50%;\r\n\t\t\tmargin-top: -0.55em;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 1em;\r\n\t\t\theight: 1em;\r\n\t\t\tbackground-color: $borderColor;\r\n\t\t\tclip-path: polygon(50% 80%, 90% 40%, 100% 50%, 50% 100%, 0 50%, 10% 40%);\r\n\t\t\tjustify-self: end;\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin styles($color) {\r\n\t@include mixins.cfgRootStyles;\r\n\tborder: 0;\r\n\tborder-bottom: 0.1em solid $color;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n@mixin classes($color) {\r\n\t.cfgHr {\r\n\t\t@include styles($color);\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Loading\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$spinnerColor1,\r\n\t$spinnerColor2,\r\n\t$overlayBackgroundColor,\r\n\t$overlayingZIndex\r\n) {\r\n\t.cfgCenteredLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\theight: 100%;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cfgOverlayLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: $overlayBackgroundColor;\r\n\t\tbottom: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tleft: 0;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: $overlayingZIndex;\r\n\r\n\t\t&--clickThrough {\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t.cfgLoadingWithText {\r\n\t\t\t\tpadding: 2em 2em 1.8em;\r\n\t\t\t\tborder-radius: 0.8em;\r\n\t\t\t\tbackground-color: $overlayBackgroundColor;\r\n\t\t\t\topacity: 0.8;\r\n\t\t\t\tborder: 0.1em solid $spinnerColor2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--fullWindow {\r\n\t\t\tposition: fixed;\r\n\t\t\tz-index: #{$overlayingZIndex + 1};\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoadingWithText {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\r\n\t\ttext-align: center;\r\n\r\n\t\t&__text {\r\n\t\t\tcolor: $textColor;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tanimation: rotate 1.1s linear 0s infinite;\r\n\t\tborder-radius: 100%;\r\n\t\tborder: 0.5em solid $spinnerColor2;\r\n\t\tborder-bottom-color: $spinnerColor1;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\r\n\t\t&--small {\r\n\t\t\tborder-width: 0.4em;\r\n\t\t\theight: 2em;\r\n\t\t\twidth: 2em;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes rotate {\r\n\t\tfrom {\r\n\t\t\ttransform: rotate(0deg);\r\n\t\t}\r\n\t\tto {\r\n\t\t\ttransform: rotate(360deg);\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes($grayTextColor, $linkColor) {\r\n\t.cfgMiscFiles,\r\n\t.cfgNotes {\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.cfgMiscFiles {\r\n\t\t&__item {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin-top: 1em;\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t}\r\n\r\n\t\t&__link {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\tcolor: $linkColor;\r\n\t\t\tfont-size: 1.4em;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgNotes {\r\n\t\t&__item:not(:last-child) {\r\n\t\t\tmargin-bottom: -0.5em;\r\n\t\t}\r\n\r\n\t\t&__body {\r\n\t\t\twhite-space: pre-wrap;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\tcolor: $grayTextColor;\r\n\t\t\tfont-size: 1.5em;\r\n\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t\tmargin-right: 3em;\r\n\t\t}\r\n\t}\r\n}\r\n","/\r\n Web UI Option tree\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgOptionTree {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\r\n\t\t&--topLevel {\r\n\t\t\tpadding-left: 1.7em;\r\n\t\t}\r\n\r\n\t\t&--indent {\r\n\t\t\tmargin-left: 3.2em;\r\n\t\t}\r\n\r\n\t\t&--compThumb {\r\n\t\t\tmargin-left: 4.2em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Product information\r\n /\r\n\r\n@use \"sass:math\";\r\n@use \"mixins\";\r\n\r\n@mixin classes($textColor) {\r\n\t.cfgProductInfo {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\tdisplay: flex;\r\n\r\n\t\t&__left {\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tmin-width: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t&__right {\r\n\t\t\talign-items: flex-end;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tflex: 1 0 auto;\r\n\t\t\tmargin-left: 1em;\r\n\t\t\tmax-width: 0.333333333;\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\r\n\t\t&__name {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.33;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&__number {\r\n\t\t\tfont-size: 1.3em;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tline-height: 1.38;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&__taskbar {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@mixin classes($errorColor) {\r\n\t.cfgRangeView {\r\n\t\t&__inputs {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\r\n\t\t&__number-input {\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tflex-grow: 1;\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\r\n\t\t&__unit-label {\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tmargin-left: 0.3em;\r\n\t\t}\r\n\r\n\t\t&__slider-input.cfgSlider {\r\n\t\t\tmargin-left: 1em;\r\n\t\t\tflex-grow: 3;\r\n\t\t}\r\n\r\n\t\t&__error {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\tmargin-top: 1em;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tcolor: $errorColor;\r\n\r\n\t\t\t.cfgErrorIcon {\r\n\t\t\t\tpadding-right: 0.25em;\r\n\t\t\t\twidth: 1.25em;\r\n\t\t\t\theight: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n// The origins of this SCSS file is here:\r\n// https://css-tricks.com/sliding-nightmare-understanding-range-input/\r\n\r\n$trackHeight: 0.2em !default;\r\n$thumbDiameter: 2.8em !default;\r\n\r\n@mixin track($trackColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\theight: $trackHeight;\r\n\tbackground: $trackColor;\r\n}\r\n\r\n@mixin thumb($thumbColor, $thumbShadowColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\twidth: $thumbDiameter;\r\n\theight: $thumbDiameter;\r\n\tborder-radius: 50%;\r\n\tbackground: $thumbColor;\r\n\tbox-shadow: 0 0.15em 0.45em 0.05em $thumbShadowColor;\r\n}\r\n\r\n@mixin classes($trackColor, $thumbColor, $thumbShadowColor) {\r\n\t.cfgSlider {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\t&,\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\t-webkit-appearance: none;\r\n\t\t}\r\n\r\n\t\tflex: 1;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tmin-height: $thumbDiameter;\r\n\t\tbackground: transparent;\r\n\t\tfont: inherit;\r\n\r\n\t\t&::-webkit-slider-runnable-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-moz-range-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-ms-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\tmargin-top: 0.5 ($trackHeight - $thumbDiameter);\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-moz-range-thumb {\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-ms-thumb {\r\n\t\t\tmargin-top: 0;\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\r\n\t\t&::-ms-tooltip {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes($borderColor, $linkColor) {\r\n\t$preview-size: 4.8em;\r\n\t$line-width: 0.1em;\r\n\t$icon-size: 2em;\r\n\r\n\t.cfgTaskList {\r\n\t\tul {\r\n\t\t\tlist-style-type: none;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 1em 0 0 0;\r\n\t\t\tborder-bottom: 0.1em solid $borderColor;\r\n\t\t}\r\n\r\n\t\t&__item {\r\n\t\t\tpadding: 0 1.5em 0 1.7em;\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\r\n\t\t&__preview {\r\n\t\t\tborder: 0.1em solid $borderColor;\r\n\t\t\tborder-radius: 10%;\r\n\t\t\twidth: $preview-size;\r\n\t\t\theight: $preview-size;\r\n\t\t\tflex-shrink: 0;\r\n\r\n\t\t\timg {\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: 0.1 * $preview-size - $line-width;\r\n\t\t\t\ttop: 0.1 * $preview-size - $line-width;\r\n\t\t\t\twidth: 0.8 * $preview-size;\r\n\t\t\t\theight: 0.8 * $preview-size;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: $icon-size + 2em;\r\n\t\t\theight: $icon-size;\r\n\t\t\tpadding-left: 1em;\r\n\t\t\tpadding-right: 1em;\r\n\r\n\t\t\t.cfgLoadingSizer {\r\n\t\t\t\tfont-size: 0.75em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__status {\r\n\t\t\tflex-grow: 1;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t}\r\n\r\n\t\t&__abort {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\tcursor: pointer;\r\n\t\t\twidth: $icon-size;\r\n\t\t\theight: $icon-size;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t&__restart {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttext-decoration: underline;\r\n\t\t\tcolor: $linkColor;\r\n\t\t}\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../src/scss/_utilities.scss","../../src/scss/web-ui.scss","../../src/scss/_themed.scss","../../src/scss/_button.scss","../../src/scss/_mixins.scss","../../src/scss/icons/_checkmark.scss","../../src/scss/icons/_chevron.scss","../../src/scss/icons/_circle-xmark-icon.scss","../../src/scss/_configurator.scss","../../src/scss/_variables.scss","../../src/scss/icons/_download-icon.scss","../../src/scss/_expandable.scss","../../src/scss/icons/_error-icon.scss","../../src/scss/_feature-item.scss","../../src/scss/_forms.scss","../../src/scss/_hr.scss","../../src/scss/_loading.scss","../../src/scss/_misc-file-and-note.scss","../../src/scss/_option-tree.scss","../../src/scss/_product-information.scss","../../src/scss/_range-view.scss","../../src/scss/_slider.scss","../../src/scss/_tasks.scss"],"names":[],"mappings":"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","file":"web-ui.css","sourcesContent":["/*\r\n Web UI Utilities\r\n /\r\n\r\n.cfgMl1 {\r\n\tmargin-left: 1em;\r\n}\r\n\r\n.cfgMt1 {\r\n\tmargin-top: 1em;\r\n}\r\n\r\n.cfgMb1 {\r\n\tmargin-bottom: 1em;\r\n}\r\n\r\n.cfgTextOverflow {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n","/\r\n Web UI Styling\r\n/\r\n\r\n@use \"themed\";\r\n\r\n@include themed.themed(themed.$lightTheme);\r\n\r\n.cfgDarkTheme {\r\n\t@include themed.themed(themed.$darkTheme);\r\n}\r\n","@use \"sass:map\";\r\n@use \"sass:color\";\r\n\r\n@use \"variables\" as v;\r\n\r\n// Components\r\n@use \"button\";\r\n@use \"forms\";\r\n\r\n@use \"configurator\";\r\n@use \"expandable\";\r\n@use \"feature-item\";\r\n@use \"hr\";\r\n@use \"loading\";\r\n@use \"misc-file-and-note\";\r\n@use \"option-tree\";\r\n@use \"product-information\";\r\n@use \"range-view\";\r\n@use \"slider\";\r\n@use \"tasks\";\r\n\r\n// Icons\r\n@use \"icons/checkmark\";\r\n@use \"icons/chevron\";\r\n@use \"icons/circle-xmark-icon\";\r\n@use \"icons/download-icon\";\r\n@use \"icons/error-icon\";\r\n\r\n// Utilities\r\n@use \"utilities\";\r\n\r\n/ Colors /\r\n\r\n$black: hsl(0, 0%, 0%) !default;\r\n$white: hsl(0, 0%, 100%) !default;\r\n$darkGrey: hsl(0, 0%, 15%) !default;\r\n\r\n/ Specific colors /\r\n\r\n$border: hsl(252, 5%, 79%) !default;\r\n$borderDark: hsl(0, 0%, 73%) !default;\r\n$icon: hsl(252, 5%, 50%) !default;\r\n$focusOutlineOuter: hsl(0, 0%, 13%) !default;\r\n$sliderTrack: #666 !default;\r\n$spinner2: hsla(0, 0%, 0%, 0.15);\r\n$grayText: hsl(0, 0%, 50%) !default;\r\n$text: hsl(0, 0%, 20%) !default;\r\n$link: hsl(209, 100%, 35%) !default;\r\n$error: hsl(10, 72%, 41%) !default;\r\n\r\n/ As convention we assume the default theme when naming colors,\r\n as attempts at generic naming often leads to confusion /\r\n$lightTheme: (\r\n\t\"black\": $black,\r\n\t\"border\": $border,\r\n\t\"borderDark\": $borderDark,\r\n\t\"checkButtonChecked\": $black,\r\n\t\"checkButtonUnchecked\": $border,\r\n\t\"chevronActive\": $black,\r\n\t\"chevronPassive\": $borderDark,\r\n\t\"divider\": $border,\r\n\t\"dividerDark\": $borderDark,\r\n\t\"error\": $error,\r\n\t\"focusOutlineInner\": $white,\r\n\t\"focusOutlineOuter\": $text,\r\n\t\"grayText\": $grayText,\r\n\t\"icon\": $icon,\r\n\t\"link\": $link,\r\n\t\"overlayBackground\": $white,\r\n\t\"sliderThumb\": $white,\r\n\t\"sliderThumbShadow\": $sliderTrack,\r\n\t\"sliderTrack\": $sliderTrack,\r\n\t\"spinner1\": $black,\r\n\t\"spinner2\": $spinner2,\r\n\t\"text\": $text,\r\n\t\"white\": $white,\r\n) !default;\r\n\r\n@function invertLightness($color) {\r\n\t@return color.change(\r\n\t\t$color,\r\n\t\t$lightness: 100 - color.lightness($color) 0.8\r\n\t); // We scale with 80% to have a bit more contrast\r\n}\r\n\r\n@function invertLightnessList($list) {\r\n\t@each $key, $color in $list {\r\n\t\t$list: map.set($list, $key, invertLightness($color));\r\n\t}\r\n\t@return $list;\r\n}\r\n\r\n$darkTheme: invertLightnessList($lightTheme);\r\n\r\n$themes: (\r\n\t\"light\": $lightTheme,\r\n\t\"dark\": $darkTheme,\r\n);\r\n\r\n@mixin themed($ct, $baseFontSize: v.$baseFontSize, $overlayingZIndex: v.$overlayingZIndex) {\r\n\ta {\r\n\t\tcolor: map.get($ct, \"link\");\r\n\t}\r\n\r\n\t@include button.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"borderDark\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"border\")\r\n\t);\r\n\t@include checkmark.classes(\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\")\r\n\t);\r\n\t@include chevron.classes(map.get($ct, \"chevronActive\"), map.get($ct, \"chevronPassive\"));\r\n\t@include circle-xmark-icon.classes(map.get($ct, \"icon\"));\r\n\t@include configurator.classes(\r\n\t\t$baseFontSize,\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"divider\")\r\n\t);\r\n\t@include download-icon.classes(map.get($ct, \"link\"));\r\n\t@include expandable.classes;\r\n\t@include error-icon.classes(map.get($ct, \"error\"));\r\n\t@include feature-item.classes(\r\n\t\tmap.get($ct, \"text\"),\r\n\t\tmap.get($ct, \"grayText\"),\r\n\t\tmap.get($ct, \"checkButtonUnchecked\"),\r\n\t\tmap.get($ct, \"checkButtonChecked\"),\r\n\t\tmap.get($ct, \"focusOutlineInner\"),\r\n\t\tmap.get($ct, \"focusOutlineOuter\"),\r\n\t\tmap.get($ct, \"dividerDark\")\r\n\t);\r\n\t@include forms.classes(map.get($ct, \"borderDark\"));\r\n\t@include hr.classes(map.get($ct, \"divider\"));\r\n\t@include loading.classes(\r\n\t\tmap.get($ct, \"black\"),\r\n\t\tmap.get($ct, \"spinner1\"),\r\n\t\tmap.get($ct, \"spinner2\"),\r\n\t\tmap.get($ct, \"overlayBackground\"),\r\n\t\t$overlayingZIndex\r\n\t);\r\n\t@include misc-file-and-note.classes(map.get($ct, \"grayText\"), map.get($ct, \"link\"));\r\n\t@include option-tree.classes;\r\n\t@include product-information.classes(map.get($ct, \"text\"));\r\n\t@include range-view.classes(map.get($ct, \"error\"));\r\n\t@include slider.classes(\r\n\t\tmap.get($ct, \"sliderTrack\"),\r\n\t\tmap.get($ct, \"sliderThumb\"),\r\n\t\tmap.get($ct, \"sliderThumbShadow\")\r\n\t);\r\n\t@include tasks.classes(map.get($ct, \"border\"), map.get($ct, \"link\"));\r\n}\r\n","/*\r\n Web UI Product information\r\n /\r\n@use \"mixins\";\r\n\r\n@mixin styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\t@include mixins.cfgRootStyles;\r\n\tdisplay: inline-block;\r\n\tbackground-color: transparent;\r\n\tcolor: $textColor;\r\n\tborder-radius: 0.3em;\r\n\tborder: 0.1em solid $borderColor;\r\n\tfont-size: 1.3em;\r\n\tfont-weight: 500;\r\n\toutline: none;\r\n\tpadding: 0.4em 0.8em;\r\n\r\n\t&:focus {\r\n\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t}\r\n}\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$borderColor,\r\n\t$focusOutlineInnerColor,\r\n\t$focusOutlineOuterColor,\r\n\t$disabledTextColor,\r\n\t$disabledBorderColor\r\n) {\r\n\t.cfgButton {\r\n\t\t@include styles($textColor, $borderColor, $focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\r\n\t\t&[disabled] {\r\n\t\t\t@include styles(\r\n\t\t\t\t$disabledTextColor,\r\n\t\t\t\t$disabledBorderColor,\r\n\t\t\t\t$focusOutlineInnerColor,\r\n\t\t\t\t$focusOutlineOuterColor\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgButtonRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t&__button {\r\n\t\t\t&:nth-child(n + 2) {\r\n\t\t\t\tmargin-left: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@mixin noButtonLook {\r\n\tappearance: none;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tbackground: none;\r\n\tborder: none;\r\n\tpadding: 0;\r\n}\r\n\r\n@mixin focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor) {\r\n\tbox-shadow: 0 0 0 0.075em $focusOutlineInnerColor, 0 0 0 0.2em $focusOutlineOuterColor;\r\n}\r\n\r\n@mixin borderBox {\r\n\tbox-sizing: border-box;\r\n\t&:before,\r\n\t&:after {\r\n\t\tbox-sizing: inherit;\r\n\t}\r\n}\r\n\r\n@mixin cfgRootStyles {\r\n\t@include borderBox;\r\n\r\n\t {\r\n\t\t@include borderBox;\r\n\t}\r\n}\r\n\r\n@mixin cfgDefaultFont {\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif,\r\n\t\t\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n}\r\n\r\n@mixin cfgCheckAndRadio($color) {\r\n\talign-items: center;\r\n\tborder: 0.2em solid $color;\r\n\tdisplay: flex;\r\n\tflex: 0 0 auto;\r\n\theight: 2.2em;\r\n\tjustify-content: center;\r\n\tpointer-events: none;\r\n\tuser-select: none;\r\n\twidth: 2.2em;\r\n}\r\n\r\n@mixin cfgCheckbox($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 0.3em;\r\n}\r\n\r\n@mixin cfgRadio($color) {\r\n\t@include cfgCheckAndRadio($color);\r\n\tborder-radius: 50%;\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($colorActive, $colorPassive) {\r\n\t.cfgCheckmark {\r\n\t\t/* The distance-units inside the checkmark are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\t\t\ttransform: translateY(17px);\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 12;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(40deg) translateY(24px) translateX(18px);\r\n\t\t}\r\n\r\n\t\t&__lineRight {\r\n\t\t\tstroke: $colorActive;\r\n\t\t\ttransform: rotate(-50deg) translateY(-2px) translateX(-3px);\r\n\t\t}\r\n\r\n\t\t@content;\r\n\r\n\t\t&__border {\r\n\t\t\t@include mixins.cfgCheckbox($colorPassive);\r\n\t\t\t&--active {\r\n\t\t\t\t@include mixins.cfgCheckbox($colorActive);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($activeColor, $passiveColor) {\r\n\t.cfgChevron {\r\n\t\t/ The distance-units inside the chevron are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\r\n\t\t&__container {\r\n\t\t\ttransition: transform 0.4s;\r\n\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: translateY(13px);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: translateY(-13px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__line {\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-width: 10;\r\n\t\t\ttransform-origin: 50px 50px;\r\n\t\t\ttransition: transform 0.4s, stroke 0.4s;\r\n\t\t}\r\n\r\n\t\t&__lineLeft,\r\n\t\t&__lineRight {\r\n\t\t\t&--active {\r\n\t\t\t\tstroke: $activeColor;\r\n\t\t\t}\r\n\t\t\t&--passive {\r\n\t\t\t\tstroke: $passiveColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__lineLeft {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__lineRight {\r\n\t\t\t&--down {\r\n\t\t\t\ttransform: rotate(-40deg);\r\n\t\t\t}\r\n\r\n\t\t\t&--up {\r\n\t\t\t\ttransform: rotate(40deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgCircleXmarkIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Configurator\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes($fontSize, $textColor, $grayTextColor, $headerUnderlineColor) {\r\n\t.cfgConfiguratorWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tcolor: $textColor;\r\n\t\tdisplay: flex;\r\n\t\theight: 85vh;\r\n\t\tflex-direction: column;\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\r\n\t\t.cfgTaskStart,\r\n\t\t.cfgShare,\r\n\t\t.cfgReset {\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tfont-weight: 500;\r\n\r\n\t\t\t.cfgInput,\r\n\t\t\t.cfgFormSelect,\r\n\t\t\tbutton {\r\n\t\t\t\tpadding: 0.5em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cfgTaskStart {\r\n\t\t\t.cfgFormSelect {\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tright: 0.5em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cfgShare .cfgInput,\r\n\t\t.cfgReset button {\r\n\t\t\tappearance: none;\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tfont-family: inherit;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tfont-weight: inherit;\r\n\t\t\tcursor: inherit;\r\n\t\t\tline-height: inherit;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t.cfgShare {\r\n\t\t\t&__error {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t.cfgErrorIcon {\r\n\t\t\t\t\tpadding-left: 0.25em;\r\n\t\t\t\t\tmargin-right: 0.75em;\r\n\t\t\t\t\twidth: 1.25em;\r\n\t\t\t\t\theight: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__grayed {\r\n\t\t\t\tcolor: $grayTextColor;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgCanvasWrapper {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\tposition: relative;\r\n\t\theight: 50rem;\r\n\t\tuser-select: none;\r\n\r\n\t\tflex: 1 1 auto;\r\n\t\toverflow: hidden;\r\n\r\n\t\t& canvas {\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\theight: 100%;\r\n\t\t\tflex: 0 1 60%;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfigurator {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\t\tfont-size: $fontSize;\r\n\t\tcolor: $textColor;\r\n\t\tmin-width: 0;\r\n\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex: 0 0 50%;\r\n\t\toverflow: auto;\r\n\r\n\t\t@media screen and (orientation: landscape) {\r\n\t\t\theight: 100%;\r\n\t\t\tflex: 0 1 40%;\r\n\t\t}\r\n\r\n\t\t& > .cfgConfiguratorTree {\r\n\t\t\t& > .cfgMiscFiles,\r\n\t\t\t& > .cfgNotes {\r\n\t\t\t\tpadding-left: 1.7em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorHeader {\r\n\t\tborder-bottom: 0.1em solid $headerUnderlineColor;\r\n\t\tpadding: 1.7em 1.7em 1.9em;\r\n\t\tposition: relative;\r\n\r\n\t\t&__actions {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgConfiguratorTree {\r\n\t\tpadding-top: 1em;\r\n\t\tpadding-top: 0.5em;\r\n\t\toverflow-y: auto;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\t}\r\n}\r\n","/\r\n Web UI Variables\r\n /\r\n\t\r\n$baseFontSize: 10px !default; // We use 10px for easy em conversion\r\n$overlayingZIndex: 1000 !default;\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgDownloadIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgExpandableHeadingRow {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.noButtonLook;\r\n\t\talign-items: stretch;\r\n\t\tdisplay: flex;\r\n\t\theight: 3.9em;\r\n\t\toutline: 0;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\r\n\t\t&--expandable {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\talign-items: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 0 0 5em;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0 1.5em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"../mixins\";\r\n\r\n@mixin classes($color) {\r\n\t.cfgErrorIcon {\r\n\t\t/ The distance-units inside the icon are px even though everything\r\n\t\t else is relative units. The SVG has its own coordinate space. /\r\n\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\tpath,\r\n\t\tcircle {\r\n\t\t\tstroke: $color;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tstroke-width: 1.5;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Feature item\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$grayTextColor,\r\n\t$checkButtonUncheckedColor,\r\n\t$checkButtonCheckedColor,\r\n\t$focusOutlineInnerColor,\r\n\t$focusOutlineOuterColor,\r\n\t$dividerDark\r\n) {\r\n\t.cfgThumbnailImage {\r\n\t\tborder-radius: 0.7em;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\t}\r\n\r\n\t.cfgThumbnailPlaceholder {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex: 0 0 4.2em;\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\r\n\t.cfgFeatureItem {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\t&__dropdown {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\talign-items: stretch;\r\n\t\t\tdisplay: flex;\r\n\t\t\theight: 3.9em;\r\n\t\t\toutline: 0;\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&--optional {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\r\n\t\t&__hiddenInput {\r\n\t\t\tleft: -99999px;\r\n\t\t\topacity: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t&__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonUncheckedColor);\r\n\t\t}\r\n\r\n\t\t/ The &-syntax brings in the entire path, so the second part of this rule must be explicit /\r\n\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__radio,\r\n\t\t&__hiddenInput:focus ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.focusOutline($focusOutlineInnerColor, $focusOutlineOuterColor);\r\n\t\t}\r\n\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__radio {\r\n\t\t\t@include mixins.cfgRadio($checkButtonCheckedColor);\r\n\t\t}\r\n\t\t&__hiddenInput:checked ~ .cfgFeatureItem__checkbox {\r\n\t\t\t@include mixins.cfgCheckbox($checkButtonCheckedColor);\r\n\t\t}\r\n\r\n\t\t&.cfgAdditionalProduct {\r\n\t\t\t> .cfgExpandableHeadingRow {\r\n\t\t\t\t> .cfgExpandableHeadingRow__title {\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> .cfgFeatureItem__hr {\r\n\t\t\t\tborder-bottom-color: $dividerDark;\r\n\t\t\t}\r\n\r\n\t\t\t/ The last themathic break (hr) we move under the next thematic break so it appears as one /\r\n\t\t\t.cfgFeatureItem:last-child .cfgFeatureItem__hr {\r\n\t\t\t\tmargin-bottom: -0.1em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t& > .cfgNotes,\r\n\t\t& > .cfgMiscFiles {\r\n\t\t\tmargin-left: 3.2em;\r\n\t\t}\r\n\r\n\t\t&.disabled {\r\n\t\t\topacity: 0.2;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__titleWrapper,\r\n\t.cfgFeatureItemOption__titleWrapper {\r\n\t\tflex: 1 1 auto;\r\n\t\tmargin-left: 1em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional__title,\r\n\t.cfgFeatureItemOption__title {\r\n\t\tfont-size: 1.5em;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption__price {\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 0.75em;\r\n\t\tcolor: $grayTextColor;\r\n\t}\r\n\r\n\t.cfgOptionTree--subLevel .cfgFeatureItem__hr {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.cfgFeatureItemOption {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.cfgFeatureItemOptional {\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tmargin-top: 0.5em;\r\n\r\n\t\t&__header {\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 0.3em 0;\r\n\t\t\tpadding: 0;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t}\r\n\t}\r\n}\r\n","@mixin classes($borderColor) {\r\n\t.cfgInput,\r\n\t.cfgFormSelect {\r\n\t\tborder: 0.1em solid $borderColor;\r\n\t\tpadding: 0.3em 0.4em;\r\n\t\tborder-radius: 0.3em;\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t.cfgFormSelect {\r\n\t\tselect {\r\n\t\t\tappearance: none;\r\n\t\t\tpadding: 0 1em 0 0;\r\n\t\t\tmargin: 0;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tfont-family: inherit;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tfont-weight: inherit;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: inherit;\r\n\t\t\tline-height: inherit;\r\n\t\t\toutline: none;\r\n\t\t\tborder: none;\r\n\t\t}\r\n\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0.35em;\r\n\t\t\ttop: 50%;\r\n\t\t\tmargin-top: -0.55em;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 1em;\r\n\t\t\theight: 1em;\r\n\t\t\tbackground-color: $borderColor;\r\n\t\t\tclip-path: polygon(50% 80%, 90% 40%, 100% 50%, 50% 100%, 0 50%, 10% 40%);\r\n\t\t\tjustify-self: end;\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin styles($color) {\r\n\t@include mixins.cfgRootStyles;\r\n\tborder: 0;\r\n\tborder-bottom: 0.1em solid $color;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n@mixin classes($color) {\r\n\t.cfgHr {\r\n\t\t@include styles($color);\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Loading\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes(\r\n\t$textColor,\r\n\t$spinnerColor1,\r\n\t$spinnerColor2,\r\n\t$overlayBackgroundColor,\r\n\t$overlayingZIndex\r\n) {\r\n\t.cfgCenteredLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\talign-items: center;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\theight: 100%;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cfgOverlayLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: $overlayBackgroundColor;\r\n\t\tbottom: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tleft: 0;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: $overlayingZIndex;\r\n\r\n\t\t&--clickThrough {\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t.cfgLoadingWithText {\r\n\t\t\t\tpadding: 2em 2em 1.8em;\r\n\t\t\t\tborder-radius: 0.8em;\r\n\t\t\t\tbackground-color: $overlayBackgroundColor;\r\n\t\t\t\topacity: 0.8;\r\n\t\t\t\tborder: 0.1em solid $spinnerColor2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--fullWindow {\r\n\t\t\tposition: fixed;\r\n\t\t\tz-index: #{$overlayingZIndex + 1};\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoadingWithText {\r\n\t\t@include mixins.cfgRootStyles;\r\n\t\t@include mixins.cfgDefaultFont;\r\n\r\n\t\ttext-align: center;\r\n\r\n\t\t&__text {\r\n\t\t\tcolor: $textColor;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgLoading {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tanimation: rotate 1.1s linear 0s infinite;\r\n\t\tborder-radius: 100%;\r\n\t\tborder: 0.5em solid $spinnerColor2;\r\n\t\tborder-bottom-color: $spinnerColor1;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 3em;\r\n\t\twidth: 3em;\r\n\r\n\t\t&--small {\r\n\t\t\tborder-width: 0.4em;\r\n\t\t\theight: 2em;\r\n\t\t\twidth: 2em;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes rotate {\r\n\t\tfrom {\r\n\t\t\ttransform: rotate(0deg);\r\n\t\t}\r\n\t\tto {\r\n\t\t\ttransform: rotate(360deg);\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes($grayTextColor, $linkColor) {\r\n\t.cfgMiscFiles,\r\n\t.cfgNotes {\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.cfgMiscFiles {\r\n\t\t&__item {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin-top: 1em;\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t}\r\n\r\n\t\t&__link {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\tcolor: $linkColor;\r\n\t\t\tfont-size: 1.4em;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t}\r\n\r\n\t.cfgNotes {\r\n\t\t&__item:not(:last-child) {\r\n\t\t\tmargin-bottom: -0.5em;\r\n\t\t}\r\n\r\n\t\t&__body {\r\n\t\t\twhite-space: pre-wrap;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\tcolor: $grayTextColor;\r\n\t\t\tfont-size: 1.5em;\r\n\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t\tmargin-right: 3em;\r\n\t\t}\r\n\t}\r\n}\r\n","/\r\n Web UI Option tree\r\n /\r\n\r\n@use \"mixins\";\r\n\r\n@mixin classes {\r\n\t.cfgOptionTree {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\r\n\t\t&--topLevel {\r\n\t\t\tpadding-left: 1.7em;\r\n\t\t}\r\n\r\n\t\t&--indent {\r\n\t\t\tmargin-left: 3.2em;\r\n\t\t}\r\n\r\n\t\t&--compThumb {\r\n\t\t\tmargin-left: 4.2em;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","/\r\n Web UI Product information\r\n /\r\n\r\n@use \"sass:math\";\r\n@use \"mixins\";\r\n\r\n@mixin classes($textColor) {\r\n\t.cfgProductInfo {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\tcolor: $textColor;\r\n\r\n\t\tdisplay: flex;\r\n\r\n\t\t&__left {\r\n\t\t\tflex: 1 1 auto;\r\n\t\t\tmin-width: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t&__right {\r\n\t\t\talign-items: flex-end;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tflex: 1 0 auto;\r\n\t\t\tmargin-left: 1em;\r\n\t\t\tmax-width: 0.333333333;\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\r\n\t\t&__name {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.33;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&__number {\r\n\t\t\tfont-size: 1.3em;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tline-height: 1.38;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&__taskbar {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@mixin classes($errorColor) {\r\n\t.cfgRangeView {\r\n\t\t&__inputs {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\r\n\t\t&__number-input {\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tflex-grow: 1;\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\r\n\t\t&__unit-label {\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tmargin-left: 0.3em;\r\n\t\t}\r\n\r\n\t\t&__slider-input.cfgSlider {\r\n\t\t\tmargin-left: 1em;\r\n\t\t\tflex-grow: 3;\r\n\t\t}\r\n\r\n\t\t&__error {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\tmargin-top: 1em;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tcolor: $errorColor;\r\n\r\n\t\t\t.cfgErrorIcon {\r\n\t\t\t\tpadding-right: 0.25em;\r\n\t\t\t\twidth: 1.25em;\r\n\t\t\t\theight: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n// The origins of this SCSS file is here:\r\n// https://css-tricks.com/sliding-nightmare-understanding-range-input/\r\n\r\n$trackHeight: 0.2em !default;\r\n$thumbDiameter: 2.8em !default;\r\n\r\n@mixin track($trackColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\theight: $trackHeight;\r\n\tbackground: $trackColor;\r\n}\r\n\r\n@mixin thumb($thumbColor, $thumbShadowColor) {\r\n\tbox-sizing: border-box;\r\n\tborder: none;\r\n\twidth: $thumbDiameter;\r\n\theight: $thumbDiameter;\r\n\tborder-radius: 50%;\r\n\tbackground: $thumbColor;\r\n\tbox-shadow: 0 0.15em 0.45em 0.05em $thumbShadowColor;\r\n}\r\n\r\n@mixin classes($trackColor, $thumbColor, $thumbShadowColor) {\r\n\t.cfgSlider {\r\n\t\t@include mixins.cfgRootStyles;\r\n\r\n\t\t&,\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\t-webkit-appearance: none;\r\n\t\t}\r\n\r\n\t\tflex: 1;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tmin-height: $thumbDiameter;\r\n\t\tbackground: transparent;\r\n\t\tfont: inherit;\r\n\r\n\t\t&::-webkit-slider-runnable-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-moz-range-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\t\t&::-ms-track {\r\n\t\t\t@include track($trackColor);\r\n\t\t}\r\n\r\n\t\t&::-webkit-slider-thumb {\r\n\t\t\tmargin-top: 0.5 ($trackHeight - $thumbDiameter);\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-moz-range-thumb {\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\t\t&::-ms-thumb {\r\n\t\t\tmargin-top: 0;\r\n\t\t\t@include thumb($thumbColor, $thumbShadowColor);\r\n\t\t}\r\n\r\n\t\t&::-ms-tooltip {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t@content;\r\n\t}\r\n}\r\n","@use \"mixins\";\r\n\r\n@mixin classes($borderColor, $linkColor) {\r\n\t$preview-size: 4.8em;\r\n\t$line-width: 0.1em;\r\n\t$icon-size: 2em;\r\n\r\n\t.cfgTaskList {\r\n\t\tul {\r\n\t\t\tlist-style-type: none;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 1em 0 0 0;\r\n\t\t\tborder-bottom: 0.1em solid $borderColor;\r\n\t\t}\r\n\r\n\t\t&__item {\r\n\t\t\tpadding: 0 1.5em 0 1.7em;\r\n\t\t\tmargin-bottom: 1em;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\r\n\t\t&__preview {\r\n\t\t\tborder: 0.1em solid $borderColor;\r\n\t\t\tborder-radius: 10%;\r\n\t\t\twidth: $preview-size;\r\n\t\t\theight: $preview-size;\r\n\t\t\tflex-shrink: 0;\r\n\r\n\t\t\timg {\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: 0.1 * $preview-size - $line-width;\r\n\t\t\t\ttop: 0.1 * $preview-size - $line-width;\r\n\t\t\t\twidth: 0.8 * $preview-size;\r\n\t\t\t\theight: 0.8 * $preview-size;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: $icon-size + 2em;\r\n\t\t\theight: $icon-size;\r\n\t\t\tpadding-left: 1em;\r\n\t\t\tpadding-right: 1em;\r\n\r\n\t\t\t.cfgLoadingSizer {\r\n\t\t\t\tfont-size: 0.75em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__status {\r\n\t\t\tflex-grow: 1;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t}\r\n\r\n\t\t&__abort {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\tcursor: pointer;\r\n\t\t\twidth: $icon-size;\r\n\t\t\theight: $icon-size;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t&__restart {\r\n\t\t\t@include mixins.noButtonLook;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttext-decoration: underline;\r\n\t\t\tcolor: $linkColor;\r\n\t\t}\r\n\t}\r\n}\r\n"]}

package/dist/scss/_feature-item.scss CHANGED Viewed

@@ -97,6 +97,10 @@
 		& > .cfgMiscFiles {
 			margin-left: 3.2em;
 		}
+		&.disabled {
+			opacity: 0.2;
+		}
 	}
 	.cfgFeatureItemOptional__titleWrapper,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/web-ui",
-	"version": "2.0.0",
+	"version": "2.1.0-alpha.1",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -32,7 +32,7 @@
 		]
 	},
 	"dependencies": {
-		"@configura/web-api": "2.0.0"
+		"@configura/web-api": "2.1.0-alpha.1"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.14.4",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "efc959fe673f0ef172d332fae1bd53093f88b134"
+	"gitHead": "0eec1ba88fc2fa4d0f3f9a36173818f721752786"
 }