:root{--primaryColor:#ffe000;--primaryContrastColor:#444;--secondaryColor:#868789;--positiveColor:#00c851;--negativeColor:#f44;--warningTextColor:#fff;--warningBackgroundColor:#f44;--warningBorderColor:rgba(0,0,0,.2);--backgroundColor:#f0f0f0;--backgroundColor:#fff;--cardBackgroundColor:#fff;--backgroundDimmColor:#f8f8f8;--borderColor:#ddd;--borderRadius:4px;--textColor:#444;--textColorMuted:#aaa;--lineHeight:34px;--padding:10px;--textSize:16px;--checkboxSize:22px;--checkboxPadding:calc((var(--lineHeight) - var(--checkboxSize))/2);--checkboxTickHeight:12px;--checkboxTickWidth:7px;--checkboxTickLeft:7px;--checkboxTickTop:3px;--checkboxTickBorder:3px}@media only screen and (min-width:600px){:root{--padding:20px}}#app,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--backgroundColor);color:var(--textColor);font-family:Helvetica Neue,arial,sans-serif;font-size:var(--textSize);font-weight:400;height:100%;line-height:var(--lineHeight);margin:0;padding:0;width:100%}*,:after,:before{box-sizing:border-box}.demo-page{padding:20px;width:100%}.demo-page-row{display:-ms-flexbox;display:flex;width:100%}.demo-page-col{border:1px solid grey;padding:20px;width:700px}.demo-page-code{overflow:auto}.demo-page-preview{border:1px solid red}.iframe-default .cards{margin:0 auto;max-width:600px;padding:var(--padding);width:100%}.iframe-default .cards-head{display:-ms-flexbox;display:flex;gap:10px;margin-bottom:6px}.iframe-default .cards-step{color:var(--textColorMuted);cursor:pointer;-ms-flex:1;flex:1;text-align:center}.iframe-default .cards-step.disabled{cursor:not-allowed}.iframe-default .cards-step.active{color:var(--primaryColor);font-weight:700}.iframe-default .cards-step.active .cards-step-number{border-color:var(--primaryColor);border-width:2px}.iframe-default .cards-step-number{border:1px solid var(--textColorMuted);border-radius:50%;display:inline-block;height:var(--lineHeight);line-height:var(--lineHeight);width:var(--lineHeight)}.iframe-default .cards-step-title{font-size:.8em;line-height:1.3;margin-top:5px}.iframe-default .card{background:var(--cardBackgroundColor);border:1px solid var(--borderColor);border-radius:var(--borderRadius);box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:var(--padding)}.iframe-default .card-header{margin-bottom:var(--padding)}.iframe-default .card-title{border-bottom:1px solid var(--borderColor);font-size:1.3em;font-weight:700;line-height:1em;margin-bottom:8px;padding-bottom:8px}.iframe-default .card-description{font-size:.9em;line-height:1.2em}.iframe-default .card-warning{background:var(--warningBackgroundColor);border:1px solid var(--warningBorderColor);border-radius:var(--borderRadius);color:var(--warningTextColor);line-height:1.4em;margin-bottom:20px;padding:20px}.iframe-default .card-footer{display:-ms-flexbox;display:flex;gap:10px;padding-top:var(--padding)}.iframe-default .card-footer-child{-ms-flex:1;flex:1}.iframe-default .row-group{margin-bottom:6px}.iframe-default .row-group .row{margin-bottom:0}.iframe-default .row{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-bottom:6px}@media only screen and (min-width:600px){.iframe-default .row{-ms-flex-direction:row;flex-direction:row;gap:6px}}.iframe-default .row-slider{-ms-flex:1;flex:1}.iframe-default .row.row-with-checkbox{-ms-flex-direction:row;flex-direction:row}.iframe-default .row-checkbox{width:40px}.iframe-default .row-multiline .row-label{line-height:24px}@media only screen and (min-width:600px){.iframe-default .row-label{width:300px}}.iframe-default .row-with-checkbox .row-label{-ms-flex:1;flex:1}@media only screen and (min-width:600px){.iframe-default .row-with-checkbox .row-label{-ms-flex:1;flex:1}}.iframe-default .row-with-checkbox .row-content{-ms-flex:none;flex:none;width:85px}@media only screen and (min-width:600px){.iframe-default .row-content{-ms-flex:1;flex:1}}.iframe-default .row-content-number{font-weight:700}.iframe-default .row-with-checkbox .row-content-number{text-align:right}@media only screen and (min-width:600px){.iframe-default .row-content-number{text-align:right}}.iframe-default .row-content-number-positive{color:var(--positiveColor)}.iframe-default .row-content-number-negative{color:var(--negativeColor)}.iframe-default .row.row-title{font-weight:700}.iframe-default .row.row-primary{background:var(--backgroundDimmColor);border-bottom:1px solid var(--borderColor);border-top:1px solid var(--borderColor);font-size:1.1em;font-weight:700;margin-left:calc(var(--padding)*-1);padding:calc(var(--padding)/2) var(--padding);width:calc(100% + var(--padding)*2)}.iframe-default .row.row-primary .row-content{color:var(--positiveColor)}.iframe-default button,.iframe-default input[type=text],.iframe-default select{background:var(--backgroundDimmColor);border:1px solid var(--borderColor);border-radius:var(--borderRadius);height:var(--lineHeight);line-height:calc(var(--lineHeight) - 2px);outline:0;padding:0 10px;width:100%}.iframe-default button{background:var(--primaryColor);border:1px solid rgba(0,0,0,.1);border-radius:var(--borderRadius);color:var(--primaryContrastColor);cursor:pointer;font-size:1em}.iframe-default button:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}.iframe-default button:disabled{background:var(--backgroundDimmColor);border-color:var(--borderColor);color:var(--textColor);cursor:auto}.iframe-default button.button-outline{background:transparent;border-color:var(--primaryColor);border-width:2px;color:var(--textColor);line-height:calc(var(--lineHeight) - 4px)}.iframe-default button.button-outline:hover{background:var(--primaryColor);border-color:rgba(0,0,0,.1);color:var(--primaryContrastColor)}.iframe-default input[type=text]{background:var(--backgroundDimmColor);border:1px solid var(--borderColor);border-radius:var(--borderRadius);height:var(--lineHeight);line-height:calc(var(--lineHeight) - 2px);outline:0;padding:0 10px;width:100%}.iframe-default input[type=text]:focus{border-color:var(--primaryColor)}input[type=range]{-webkit-appearance:none;background:var(--borderColor);border:1px solid rgba(0,0,0,.05);border-radius:var(--borderRadius);height:7px;padding:0 5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primaryColor);border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:18px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:18px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.checkbox{cursor:pointer;display:block;font-size:22px;height:var(--lineHeight);padding-left:var(--lineHeight);position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-checkmark{background:var(--backgroundDimmColor);border:1px solid var(--borderColor);border-radius:var(--borderRadius);height:var(--checkboxSize);left:0;position:absolute;top:var(--checkboxPadding);width:var(--checkboxSize)}.checkbox:hover input~.checkbox-checkmark{border-color:var(--primaryColor)}.checkbox input:checked~.checkbox-checkmark{background:var(--primaryColor);border:1px solid rgba(0,0,0,.1)}.checkbox-checkmark:after{content:"";display:none;position:absolute}.checkbox input:checked~.checkbox-checkmark:after{display:block}.checkbox .checkbox-checkmark:after{border:solid var(--primaryContrastColor);border-width:0 var(--checkboxTickBorder) var(--checkboxTickBorder) 0;height:var(--checkboxTickHeight);left:var(--checkboxTickLeft);top:var(--checkboxTickTop);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:var(--checkboxTickWidth)}.info-tooltip-icon{--info-tooltip-size:12px;border-radius:100%;color:var(--textColor);cursor:pointer;display:inline-block;font-family:sans-serif;font-size:var(--info-tooltip-size);font-weight:700;height:var(--info-tooltip-size);margin-left:4px;text-align:center;text-decoration:none;width:var(--info-tooltip-size)}.info-tooltip-icon:hover{color:var(--primaryColor)}.info-tooltip-dialog{background:var(--backgroundColor);height:100vh;left:0;padding:var(--padding);position:fixed;right:0;top:0;width:100vw;z-index:9999}.info-tooltip-dialog-content{font-size:var(--textSize);font-weight:400;line-height:var(--lineHeight);margin:0 auto;max-width:600px;width:100%}.info-tooltip-dialog-head{margin:0 auto;max-width:600px;text-align:right;width:100%}.info-tooltip-dialog-close{cursor:pointer;display:inline-block;height:var(--lineHeight);position:relative;width:var(--lineHeight)}.info-tooltip-dialog-close:after{bottom:0;color:var(--textColor);content:"\d7";font-size:calc(var(--lineHeight) - 4px);left:0;line-height:var(--lineHeight);position:absolute;right:0;text-align:center;top:0}