.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.accordionjs{position:relative;margin:0;padding:0;list-style:none;margin-top:10px;margin-bottom:20px}.accordionjs .acc_section{border:1px solid #ccc;position:relative;z-index:10;margin-top:-1px;overflow:hidden}.accordionjs .acc_section .acc_head{position:relative;background:#fff;padding:10px;display:block;cursor:pointer}.accordionjs .acc_section .acc_head h3{line-height:1;margin:5px 0}.accordionjs .acc_section .acc_content{padding:10px}.accordionjs .acc_section:first-of-type,.accordionjs .acc_section:first-of-type .acc_head{border-top-left-radius:3px;border-top-right-radius:3px}.accordionjs .acc_section:last-of-type,.accordionjs .acc_section:last-of-type .acc_content{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.accordionjs .acc_section.acc_active>.acc_content{display:block}.accordionjs .acc_section.acc_active>.acc_head{background:#f9f9f9;border-bottom:1px solid #ccc}body,html{height:100%;overflow:hidden}body{font-family:Poppins,sans-serif;font-weight:400;color:#2e2c31;background:#ededed;overflow:hidden}#sss-generator{padding:4em 0}#sss-builder{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh}#sss-panel{position:relative;width:24em;height:100%;overflow:visible;z-index:1;background:#fff;box-shadow:0 2px 5px 1px rgb(64 60 67 / 16%)}#sss-header{background:#64943e;height:3em;font-weight:600;color:#fff;letter-spacing:.01em}#sss-content{position:absolute;top:5.6875em;bottom:3em;left:0;width:100%}#sss-footer{position:absolute;bottom:0;left:0;width:100%;background:#495157;height:3em}#sss-footer .button{font-size:.875rem;background:#64943e;font-family:Poppins,sans-serif}#settings-fields li{border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease-in}#settings-fields li.is-active{background-color:#f1f3f5;border-color:#64943e;pointer-events:none;cursor:pointer}#fields,#settings{padding:1rem;border-top-left-radius:0}#settings{display:none}.field-item{padding:.5em;margin:.25em 0;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;border-radius:.5em;transition:all .3s ease-in}.field-item:hover{background:#f5f5f8}.field-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5em}.field-icon{background:#f7f8f9;width:24px;height:24px;border-radius:2px;text-align:center;margin-right:.75rem}.field-desc h5{font-weight:600;line-height:1}.field-desc p{font-size:.75rem;color:#9b9b9b;line-height:1;margin-top:.25em}.field-form-container{padding:1.5rem;display:none}#dropzone .field-item-container.is-open+.field-form-container{display:block}.field-label{text-align:left}.field-label.is-normal{padding-top:0}.field.is-horizontal{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#dropzone{background:#fff;max-width:50em;margin:4em auto;border-radius:.5em;padding:1em 1em 4em;min-height:calc(100vh - 8em);position:relative;border:2px dashed #2e2c31}#dropzone.is-not-empty{border-color:transparent}#dropzone::after{content:'Drag a field from left to this area';position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;line-height:1;font-weight:600}#dropzone.is-not-empty::after{content:'* marked fields are mandatory.';position:absolute;left:0;bottom:0;width:100%;text-align:center;color:red;font-size:.875rem;line-height:1.5;top:auto}#dropzone .field-item{background:#f5f5f8}#dropzone .field-item-container{border-bottom:1px solid transparent}#dropzone .field-item-container.is-open{border-color:#d3d3d3}#dropzone .field-desc p{display:none}.field-controls{margin-left:auto}.field-controls a{color:gray;margin:0 .5em;line-height:1}.field-grip,.field-type{pointer-events:none}.field-delete:hover i{color:red}.field-controls .field-grip{opacity:0;transition:opacity .3s ease-in}.field-controls a:not(.field-grip){display:none}.field-item:hover .field-grip{opacity:1}.field-controls a:hover{color:#2e2c31}#dropzone .field-controls a{padding:.25em;margin:0 .25em}#dropzone .field-controls .field-grip{display:none}#dropzone .field-controls a:not(.field-grip){display:inline-block}#dropzone .field-item-container .field-toggle{transition:all .25s ease-in}#dropzone .field-item-container.is-open .field-toggle{transform:rotate(180deg)}.tippy-box{background:rgba(151,237,171);background:linear-gradient(to bottom right,rgba(151,237,171) 0,rgba(160,196,243) 100%)}.tippy-arrow{color:rgba(151,237,171)}.tippy-content{padding:.5em}.tippy-content img{display:block}#field-tabs{display:flex}#field-tabs li{padding:.5em 1.25em;margin:0 .125em;text-align:center;cursor:pointer;border-top-left-radius:.5em;border-top-right-radius:.5em;transition:all .3s ease-in}#field-tabs li.is-active,#field-tabs li:hover{background:#4c4c4c;border-top-left-radius:.5em;border-top-right-radius:.5em;color:#fff}#field-tabs li.is-active{pointer-events:none}label span{color:red}.field:not(:last-child){margin-bottom:1.25rem}.clicklink,.clicktool{color:#fff!important;font-size:.875em;display:inline-block;padding:0 .65em;margin-left:.25em;vertical-align:text-top;background:#8d9b82;border-radius:2px;transition:all .3s ease-in}.clicklink:focus,.clicklink:hover,.clicktool:focus,.clicktool:hover{opacity:.75}#sss-preview{width:calc(100% - 24em);height:100%;overflow:auto}.dragula-container{background:#fff;width:100%;border-radius:.5em;padding:1em 1em 4em;border:1px dashed #2e2c31;position:relative;font-size:.875em}.dragula-container.is-not-empty{border-color:transparent}.dragula-container::after{content:'Drag a field from left to add to this block';position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;line-height:1;font-weight:600}.dragula-container.is-not-empty::after{display:none}.char-rem{position:absolute;top:-1.75em;right:0;font-size:.875em;font-weight:600}.gen-id{position:absolute;right:4em;font-size:.875em;font-weight:600;top:-1.75em;opacity:.5}.gen-id::before{content:'id: '}.select2-container--open .select2-dropdown--below{display:none}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:4px}.selectize-control.input{padding:0!important;border:0!important;background:none transparent!important;outline:0!important;box-shadow:none!important}.selectize-dropdown,.selectize-input,.selectize-input input{font-size:1rem;line-height:1}.selectize-control.multi .selectize-input>div{padding:8px 12px;border-radius:4px;margin:0 8px 4px 0}.selectize-input.input-active{border-color:#485fc7!important;box-shadow:0 0 0 .125em rgb(72 95 199 / 25%)!important}.selectize-control.input{height:auto}.selectize-control.single .selectize-input:after{display:none}#gen-code{display:none}.featherlight #gen-code{display:block}.featherlight .featherlight-content{width:80%;max-width:1170px}pre{background:#282c34;color:#d19a66}#gen-code{position:relative}.clipboard-btn{position:absolute;right:0;top:0;border-radius:0;font-family:Poppins,sans-serif}.site-badge{font-size:.875rem;background:#64943e;background-image:linear-gradient(to right top,#64943e,#51934a,#3d9156,#268f61,#008c6c);position:fixed;border-radius:4px;color:#fff;right:4px;bottom:4px;padding:.5em .75em;transition:all .3s ease-in}.site-badge:focus,.site-badge:hover{color:#fff;opacity:.75}.featherlight .featherlight-close-icon{font-size:1.5rem;font-weight:700;font-family:'Font Awesome 6 Free'}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.message-body{overflow-wrap: break-word;word-wrap: break-word;word-break: break-word}