.fundraising-thermometer-wizard{font-family:"Roboto";font-size:18px;line-height:1.2;color:#1a1a1a}@media (max-width: 767px){.fundraising-thermometer-wizard{font-size:14px}}.fundraising-thermometer-wizard .color-picker{position:absolute;z-index:-1;opacity:0;bottom:-1em;left:0;width:100%;max-width:15em;background:#fff;padding:1em;border-radius:1em;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-box-shadow:0 31px 81px 0 rgba(0,35,40,0.4);box-shadow:0 31px 81px 0 rgba(0,35,40,0.4);-webkit-transition:z-index 0.1s step-end, opacity 0.1s linear;transition:z-index 0.1s step-end, opacity 0.1s linear}.fundraising-thermometer-wizard .color-picker::before{content:"";position:absolute;display:block;top:-0.4em;left:50%;z-index:-1;width:1em;height:1em;margin-left:-0.5em;background:#fff;border-radius:0.25em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fundraising-thermometer-wizard .color-picker>div+div{margin-top:1em;background:url("../image/alpha.png");background-position:center}.fundraising-thermometer-wizard .color-picker .hue,.fundraising-thermometer-wizard .color-picker .alpha,.fundraising-thermometer-wizard .color-picker .palette{position:relative;width:100%}.fundraising-thermometer-wizard .color-picker .hue canvas,.fundraising-thermometer-wizard .color-picker .alpha canvas,.fundraising-thermometer-wizard .color-picker .palette canvas{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%}.fundraising-thermometer-wizard .color-picker .hue .picker,.fundraising-thermometer-wizard .color-picker .alpha .picker,.fundraising-thermometer-wizard .color-picker .palette .picker{cursor:-webkit-grab;cursor:grab;position:absolute;z-index:1;width:0.5em;height:0.5em;border-radius:50%;margin:-0.25em;background-color:red;outline:2px solid #fff;-webkit-box-shadow:0 0 2px 2px #575757;box-shadow:0 0 2px 2px #575757;-webkit-transition:width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out;transition:width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out}.fundraising-thermometer-wizard .color-picker .hue .picker:hover,.fundraising-thermometer-wizard .color-picker .alpha .picker:hover,.fundraising-thermometer-wizard .color-picker .palette .picker:hover{width:0.8em;height:0.8em;margin:-0.4em}.fundraising-thermometer-wizard .color-picker .hue.dragging .picker,.fundraising-thermometer-wizard .color-picker .alpha.dragging .picker,.fundraising-thermometer-wizard .color-picker .palette.dragging .picker{cursor:-webkit-grabbing;cursor:grabbing;width:1em;height:1em;margin:-0.5em}.fundraising-thermometer-wizard .color-picker .hue,.fundraising-thermometer-wizard .color-picker .alpha{padding-bottom:0.75em}.fundraising-thermometer-wizard .color-picker .hue .picker,.fundraising-thermometer-wizard .color-picker .alpha .picker{top:50%}.fundraising-thermometer-wizard .color-picker .palette{padding-bottom:100%}.fundraising-thermometer-wizard .control.open .color-picker{z-index:2;opacity:1;-webkit-transition:z-index 0.1s step-start, opacity 0.1s linear;transition:z-index 0.1s step-start, opacity 0.1s linear}.fundraising-thermometer-wizard button{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:1em;margin:0;padding:0.5em 1.5em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:1em;outline:none;background:#ff7c57;color:#fff;white-space:nowrap;vertical-align:middle;line-height:1;font-family:inherit;font-size:1em;font-weight:700;text-decoration:none;text-align:center}.fundraising-thermometer-wizard button:hover,.fundraising-thermometer-wizard button:focus{background:#ff5424}.fundraising-thermometer-wizard h2{margin:0 0 1.2em 0;font-size:1.8em;font-weight:800}.fundraising-thermometer-wizard h3{margin:0 0 0.6em 0;font-size:1.2em;font-weight:800}.fundraising-thermometer-wizard .description{margin:0 0 1.5em 0;color:#666;font-weight:400}.fundraising-thermometer-wizard .control-section{display:block;margin:0 0 0.8em 0;font-weight:700;font-size:1.2em}.fundraising-thermometer-wizard .control-section:not(:first-child){margin-top:0.8em}.fundraising-thermometer-wizard .control-label,.fundraising-thermometer-wizard .control label{display:inline-block;margin:0 0 0.35em 0;font-weight:700;font-size:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fundraising-thermometer-wizard .control{position:relative;margin:0 0 1em 0}.fundraising-thermometer-wizard .control .input-with-helper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fundraising-thermometer-wizard .control .input-with-helper .helper{-webkit-box-sizing:content-box;box-sizing:content-box;font-size:0.8em;-ms-flex-negative:0;flex-shrink:0;height:1.5em;width:1.5em;padding:1em;color:#868686;opacity:0.5}.fundraising-thermometer-wizard .control .input-with-helper .helper:hover{opacity:1}.fundraising-thermometer-wizard .control .input-with-helper .helper:hover+.helper-info{display:block}.fundraising-thermometer-wizard .control .input-with-helper .helper-info{position:absolute;display:none;background:#444;top:50%;right:-0.5em;max-width:15em;padding:0.25em 0.5em;border-radius:0.25em;font-size:0.8em;color:#fff;-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}.fundraising-thermometer-wizard .control .input-with-helper .helper-info::before{content:"";position:absolute;display:block;left:-0.4em;top:50%;z-index:-1;width:1em;height:1em;margin-top:-0.5em;background:#444;border-radius:0.25em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width: 1039px){.fundraising-thermometer-wizard .control .input-with-helper .helper-info{right:4em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fundraising-thermometer-wizard .control .input-with-helper .helper-info::before{right:-0.4em;left:auto}}.fundraising-thermometer-wizard .control.control-input input[type="text"]{display:inline-block;width:100%;margin:0;padding:0.6em 1em;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(26,26,26,0.1);border-radius:1.5em;outline:none;background:#fff;color:inherit;line-height:1.6em;font:inherit;opacity:0.75}.fundraising-thermometer-wizard .control.control-input input[type="text"]:hover,.fundraising-thermometer-wizard .control.control-input input[type="text"]:focus{opacity:1}.fundraising-thermometer-wizard .control.control-input input[type="text"].invalid{border-color:#ff7c57;background-color:#fff5f2}.fundraising-thermometer-wizard .control.control-checkbox{padding-left:1.9em}.fundraising-thermometer-wizard .control.control-checkbox+.control-checkbox{margin-top:-0.35em}.fundraising-thermometer-wizard .control.control-checkbox .helper{margin-left:auto;margin-top:-1em;margin-bottom:-1em}.fundraising-thermometer-wizard .control.control-checkbox label{position:relative;font-weight:500;margin:0}.fundraising-thermometer-wizard .control.control-checkbox label::before{content:"";position:absolute;left:-1.7em;top:0em;width:1.25em;height:1.25em;display:block;background:transparent;border:2px solid #ff7c57;border-radius:50%}.fundraising-thermometer-wizard .control.control-checkbox label::after{content:"";opacity:0;position:absolute;left:-1.45em;top:0.3em;width:0.75em;height:0.5em;display:block;border-left:3px solid #ff7c57;border-bottom:3px solid #ff7c57;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.fundraising-thermometer-wizard .control.control-checkbox input[type="checkbox"]{opacity:0;position:absolute;z-index:-99999}.fundraising-thermometer-wizard .control.control-checkbox input[type="checkbox"]:hover ~ label::after{opacity:0.5}.fundraising-thermometer-wizard .control.control-checkbox input[type="checkbox"]:checked ~ label::before{background:#ff7c57}.fundraising-thermometer-wizard .control.control-checkbox input[type="checkbox"]:checked ~ label::after{opacity:1;border-left-color:#ffffff;border-bottom-color:#ffffff}.fundraising-thermometer-wizard .control.control-checkbox input[type="checkbox"]:checked:hover ~ label::after{opacity:0.5}.fundraising-thermometer-wizard .export .export-image{margin-bottom:2em}.fundraising-thermometer-wizard .export .embed-code{width:100%;height:14em;margin:0 0 2rem 0;padding:1em;font-size:0.9em;font-family:inherit;font-weight:400;line-height:inherit;resize:none;color:#dfdfdf;background-color:#1a1a1a;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0.4em}.fundraising-thermometer-wizard .export .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fundraising-thermometer-wizard .export .button-container button{margin-bottom:1em}.fundraising-thermometer-wizard .export .button-notify{font-size:0.9em;display:inline-block;margin-top:-0.5em;margin-bottom:-1.35em;padding:0.25em 0.75em;border-radius:1em;background:#f4f4f4;border:1px solid #e6e6e6;opacity:1;-webkit-transition:opacity 2s ease;transition:opacity 2s ease}.fundraising-thermometer-wizard .wizard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;grid-gap:2em;margin-bottom:3em}.fundraising-thermometer-wizard .wizard .layouts-selector{margin-bottom:1em}.fundraising-thermometer-wizard .wizard .layouts-selector .layout-button{margin:0 0.5em 0.5em 0;font-size:0.9em}.fundraising-thermometer-wizard .wizard .layouts-selector .layout-button:not(.active){opacity:0.75}.fundraising-thermometer-wizard .wizard .controls{width:40%}.fundraising-thermometer-wizard .wizard .controls .layout-controls:not(.active){display:none}.fundraising-thermometer-wizard .wizard .preview{width:60%;overflow:hidden;border:2px solid #eaeaea;border-radius:0.4em}.fundraising-thermometer-wizard .wizard .preview .layout-preview:not(.active){display:none}.fundraising-thermometer-wizard .wizard .preview .layout-preview svg{width:100%;height:auto}@media (max-width: 1039px){.fundraising-thermometer-wizard .wizard{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fundraising-thermometer-wizard .wizard .controls,.fundraising-thermometer-wizard .wizard .preview{width:100%}}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-fill-empty{height:443px;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.animate .svg-thermometer-fill-empty{-webkit-transition:fill 0.3s ease-in-out, height 1s ease-in-out;transition:fill 0.3s ease-in-out, height 1s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-fill-filled{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-background{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-reflection{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-unit{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-thermometer-border{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-powered-letter{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-logo-text-primary{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-logo-text-secondary{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-logo-icon-primary{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-logo-icon-secondary{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-goal-textarea{font-family:"Roboto";font-weight:800;font-size:50px;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.animate .svg-percent{-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out, -webkit-transform 1s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.animate .svg-amount{-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out, -webkit-transform 1s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-percent-textarea{padding:17px 15px 13px;border-radius:14px;font-family:"Roboto";font-weight:600;font-size:27px;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg .svg-amount-textarea{padding:17px 15px 13px;border-radius:15px;font-family:"Roboto";font-weight:600;font-size:27px;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-fill-empty{fill:#ecf0f1}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-fill-filled{fill:#e75f51}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-background{fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-reflection{fill:rgba(255,255,255,0.5)}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-unit{fill:#1d1d1b}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-thermometer-border{fill:#304a63}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-powered-letter{fill:#c9c9c9}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-logo-text-primary{fill:#f37b57}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-logo-text-secondary{fill:#2fbdd0}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-logo-icon-primary{fill:#2fbdd0}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-logo-icon-secondary{fill:#f37b57}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-goal-textarea{fill:#304a63}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-percent-textarea{background-color:#304a63;fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-1 .svg-amount-textarea{background-color:#304a63;fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-fill-empty{fill:#19263a}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-fill-filled{fill:#e75f51}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-background{fill:#19263a}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-reflection{fill:rgba(255,255,255,0.5)}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-unit{fill:rgba(255,255,255,0.5)}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-thermometer-border{fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-powered-letter{fill:#555555}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-logo-text-primary{fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-logo-text-secondary{fill:#d0d0d0}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-logo-icon-primary{fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-logo-icon-secondary{fill:#d0d0d0}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-goal-textarea{fill:#ffffff}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-percent-textarea{background-color:#ffffff;fill:#19263a}.fundraising-thermometer-wizard .layout-preview.layout-1 svg.style-2 .svg-amount-textarea{background-color:#ffffff;fill:#19263a}.fundraising-thermometer-wizard.dragging .layout-preview.layout-1 svg .svg-thermometer-fill-filled{-webkit-transition:none;transition:none}