.mailpoet_form_html p,.mailpoet_form_html ol,.mailpoet_form_html ul,.mailpoet_form_html li,.mailpoet_form_html dl,.mailpoet_form_html dt,.mailpoet_form_html dd,.mailpoet_form_html blockquote,.mailpoet_form_html figure,.mailpoet_form_html fieldset,.mailpoet_form_html form,.mailpoet_form_html legend,.mailpoet_form_html textarea,.mailpoet_form_html pre,.mailpoet_form_html iframe,.mailpoet_form_html hr,.mailpoet_form_html h1,.mailpoet_form_html h2,.mailpoet_form_html h3,.mailpoet_form_html h4,.mailpoet_form_html h5,.mailpoet_form_html h6,.mailpoet_form_iframe p,.mailpoet_form_iframe ol,.mailpoet_form_iframe ul,.mailpoet_form_iframe li,.mailpoet_form_iframe dl,.mailpoet_form_iframe dt,.mailpoet_form_iframe dd,.mailpoet_form_iframe blockquote,.mailpoet_form_iframe figure,.mailpoet_form_iframe fieldset,.mailpoet_form_iframe form,.mailpoet_form_iframe legend,.mailpoet_form_iframe textarea,.mailpoet_form_iframe pre,.mailpoet_form_iframe iframe,.mailpoet_form_iframe hr,.mailpoet_form_iframe h1,.mailpoet_form_iframe h2,.mailpoet_form_iframe h3,.mailpoet_form_iframe h4,.mailpoet_form_iframe h5,.mailpoet_form_iframe h6{font-family:Arial,Helvetica,sans-serif;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-synthesis:none;font-weight:normal;letter-spacing:normal}.mailpoet_form_html h1,.mailpoet_form_html .h1,.mailpoet_form_html h2,.mailpoet_form_html .h2,.mailpoet_form_html h3,.mailpoet_form_html .h3,.mailpoet_form_html h4,.mailpoet_form_html .h4,.mailpoet_form_html h5,.mailpoet_form_html .h5,.mailpoet_form_html h6,.mailpoet_form_html .h6,.mailpoet_form_iframe h1,.mailpoet_form_iframe .h1,.mailpoet_form_iframe h2,.mailpoet_form_iframe .h2,.mailpoet_form_iframe h3,.mailpoet_form_iframe .h3,.mailpoet_form_iframe h4,.mailpoet_form_iframe .h4,.mailpoet_form_iframe h5,.mailpoet_form_iframe .h5,.mailpoet_form_iframe h6,.mailpoet_form_iframe .h6{font-weight:700;letter-spacing:normal;padding-top:0}.mailpoet_form_html ul,.mailpoet_form_html ol,.mailpoet_form_iframe ul,.mailpoet_form_iframe ol{font-family:Arial,Helvetica,sans-serif}.mailpoet_form_html label,.mailpoet_form_iframe label{font-family:Arial,Helvetica,sans-serif;margin-bottom:10px}.mailpoet_form_html input,.mailpoet_form_iframe input{font-family:Arial,Helvetica,sans-serif}.mailpoet_form_html a,.mailpoet_form_iframe a{background-color:rgba(0,0,0,0);color:#28303d;cursor:pointer;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all;text-decoration-thickness:1px;text-underline-offset:3px}.mailpoet_form_html button,.mailpoet_form_html input[type=button],.mailpoet_form_html input[type=reset],.mailpoet_form_html input[type=submit],.mailpoet_form_iframe button,.mailpoet_form_iframe input[type=button],.mailpoet_form_iframe input[type=reset],.mailpoet_form_iframe input[type=submit]{text-transform:none}input.parsley-success,select.parsley-success,textarea.parsley-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}input.parsley-error,select.parsley-error,textarea.parsley-error{background-color:#f2dede;border-color:#eed3d7;color:#900}.parsley-errors-list{color:#900;font-size:.8rem;line-height:1em;list-style-type:none;margin:8px 0 3px;opacity:0;padding:0;transition:all .3s ease-in}.parsley-errors-list.filled{opacity:1}.mailpoet-form-input .parsley-errors-list{left:16px;margin-top:2px;position:absolute;top:100%}.parsley-required,.parsley-custom-error-message{color:#900}.mailpoet-form-errors{padding:0 16px}.mailpoet_text_label,.mailpoet_textarea_label,.mailpoet_select_label,.mailpoet_radio_label,.mailpoet_checkbox_label,.mailpoet_list_label,.mailpoet_date_label{display:block}@media screen and (max-width: 499px){.mailpoet_text_label,.mailpoet_textarea_label,.mailpoet_select_label,.mailpoet_radio_label,.mailpoet_checkbox_label,.mailpoet_list_label,.mailpoet_date_label{font-size:16px !important;line-height:1.4 !important}}@media screen and (max-width: 499px){.mailpoet_form{box-sizing:border-box}}.mailpoet_form .mailpoet_submit,.mailpoet_form .mailpoet_paragraph,.mailpoet_form .mailpoet_form_paragraph,.mailpoet_form .mailpoet_textarea,.mailpoet_form .mailpoet_text,.mailpoet_form .mailpoet_select,.mailpoet_form .mailpoet_form_image,.mailpoet_form .mailpoet_message,.mailpoet_form .mailpoet_paragraph select{max-width:100%}@media screen and (max-width: 499px){.mailpoet_form .mailpoet_submit,.mailpoet_form .mailpoet_paragraph,.mailpoet_form .mailpoet_form_paragraph,.mailpoet_form .mailpoet_textarea,.mailpoet_form .mailpoet_text,.mailpoet_form .mailpoet_select,.mailpoet_form .mailpoet_form_image,.mailpoet_form .mailpoet_message,.mailpoet_form .mailpoet_paragraph select{font-size:16px !important;line-height:1.4 !important}}.mailpoet_form.mailpoet_form_successfully_send{position:relative}.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%)}.mailpoet_form .mailpoet-has-background-color{padding:1.25em 2.375em}.mailpoet_form .mailpoet-has-font-size{line-height:1.4}.mailpoet_form .mailpoet_submit{white-space:normal;word-wrap:break-word}.mailpoet_paragraph fieldset,.mailpoet_paragraph legend{background:rgba(0,0,0,0);border:0;color:inherit;margin:0;padding:0}.mailpoet_textarea{height:auto}.mailpoet_form_sending .mailpoet_form_loading{display:block}.mailpoet_form_sending .mailpoet_submit{display:none}.mailpoet_form_loading{display:none;text-align:center;width:30px}.mailpoet_form_loading>span{animation:mailpoet-bouncedelay 1.4s infinite ease-in-out both;background-color:#5b5b5b;border-radius:100%;display:inline-block;height:5px;width:5px}.mailpoet_form_loading .mailpoet_bounce1{animation-delay:-0.32s}.mailpoet_form_loading .mailpoet_bounce2{animation-delay:-0.16s;margin:0 7px}.mailpoet_captcha_form .mailpoet_validate_success{color:#468847}.mailpoet_captcha_form .mailpoet_validate_error{color:#b94a48}.mailpoet_captcha_update{cursor:pointer}.mailpoet_recaptcha_noscript_container{height:422px;position:relative;width:302px}.mailpoet_recaptcha_noscript_container>div{height:422px;position:absolute;width:302px}.mailpoet_recaptcha_noscript_container>div iframe{border-style:none;height:422px;width:302px}.mailpoet_recaptcha_noscript_input{background:#f9f9f9;border:1px solid #c1c1c1;border-radius:3px;border-style:none;bottom:12px;height:60px;left:25px;margin:0;padding:0;right:25px;width:300px}.mailpoet_recaptcha_noscript_input textarea{border:1px solid #c1c1c1;height:40px;margin:10px 25px;padding:0;resize:none;width:250px}@keyframes mailpoet-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.mailpoet_form .mailpoet_paragraph{margin-bottom:20px}.mailpoet_column_with_background{padding:10px}.mailpoet_form_column:not(:first-child){margin-left:20px}@media screen and (min-width: 500px){.mailpoet_form_fixed_bar .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph:last-child{margin-bottom:0}}@media screen and (min-width: 500px){div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph:last-child,div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph p:last-child{margin-bottom:0}}.mailpoet_form_columns_container{container-name:columns;container-type:inline-size}.mailpoet_form_columns{display:flex;flex-wrap:nowrap}.mailpoet_form_columns.mailpoet_vertically_align_top{align-items:flex-start}.mailpoet_form_columns.mailpoet_vertically_align_center{align-items:flex-start}.mailpoet_form_columns.mailpoet_vertically_align_bottom{align-items:flex-start}@container columns (width < 400px){.mailpoet_form_columns.mailpoet_stack_on_mobile{flex-wrap:wrap}.mailpoet_form_columns.mailpoet_stack_on_mobile.mailpoet_column_with_background .mailpoet_form_column:last-child .mailpoet_paragraph:last-child{margin-bottom:0 !important}.mailpoet_form_columns.mailpoet_stack_on_mobile .mailpoet_form_column{flex-basis:100% !important}.mailpoet_form_columns.mailpoet_stack_on_mobile .mailpoet_form_column:not(:first-child){margin-left:0 !important}}.mailpoet_form_column{container-name:column;container-type:inline-size;display:flex;flex-direction:column;flex-grow:1}.mailpoet_form_column.mailpoet_vertically_align_top{align-self:flex-start}.mailpoet_form_column.mailpoet_vertically_align_center{align-self:center}.mailpoet_form_column.mailpoet_vertically_align_bottom{align-self:flex-end}@container column (width > 400px){.mailpoet_paragraph:last-child{margin-bottom:0}}.mailpoet_widget_preview{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;max-width:100% !important;overflow-y:auto !important;position:fixed;top:0;width:100% !important;z-index:100000}.mailpoet_widget_preview .widget-area{display:block !important;float:none !important;margin:auto;position:static !important;width:600px}.mailpoet_form_popup_overlay{background-color:#000;display:none;height:100%;left:0;margin:0;max-width:100% !important;opacity:.7;position:fixed;top:0;width:100% !important;z-index:100000}div.mailpoet_form_popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 35px 0 rgba(195,65,2,.2);display:none;left:50%;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;top:50%;transform:translate(-50%, -50%);z-index:100001}.mailpoet_form_close_icon{cursor:pointer;display:block;height:20px;margin:0 0 0 auto;padding:0;position:absolute;right:10px;top:10px;width:20px;z-index:100002}div.mailpoet_form_fixed_bar{background-color:#fff;box-shadow:0 4px 35px 0 rgba(195,65,2,.2);box-sizing:border-box;display:none;left:0;margin:0;max-height:calc(100vh - 60px);max-width:100% !important;overflow-y:auto;position:fixed;width:100% !important;z-index:100000}div.mailpoet_form_fixed_bar form{margin:0 auto}.mailpoet_form_position_top{top:0}.mailpoet_form_position_bottom{bottom:0}div.mailpoet_form_slide_in{background-color:#fff;bottom:0;box-shadow:0 4px 35px 0 rgba(195,65,2,.2);display:none;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;z-index:100000}@media screen and (min-width: 500px){div.mailpoet_form_slide_in.mailpoet_form_position_left{border-top-right-radius:10px}div.mailpoet_form_slide_in.mailpoet_form_position_right{border-top-left-radius:10px}}.mailpoet_form_position_left{left:0}.mailpoet_form_position_right{right:0}.mailpoet_form_popup_overlay.active,div.mailpoet_form_popup.active,div.mailpoet_form_fixed_bar.active,div.mailpoet_form_slide_in.active{display:block}@media screen and (max-width: 500px){.mailpoet_form_popup_overlay.active{display:none}}.mailpoet_form_image.is-style-rounded img{border-radius:9999px}.mailpoet_form_image>figure{margin:0}.mailpoet_form_image img{margin:0;max-width:100%}.mailpoet_form_image .aligncenter{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:auto;margin-top:auto}.mailpoet_form_image .alignleft{float:left;margin-right:1em}.mailpoet_form_image .alignright{float:right;margin-left:1em}.mailpoet_form_image figcaption{text-align:center}@media screen and (max-width: 499px){.mailpoet_form_image{display:none}}.mailpoet_spacer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:100%}@media screen and (max-width: 499px){.mailpoet_spacer:not(.mailpoet_has_divider){display:none}.mailpoet_spacer.mailpoet_has_divider{max-height:10px}}.mailpoet_message{clear:both}@media screen and (max-width: 499px){.mailpoet_form .mailpoet-heading{font-size:18px !important;line-height:1.4 !important;margin:12.6px 0 !important}}@media screen and (max-width: 499px){h1.mailpoet-heading{font-size:23px !important;line-height:1.4 !important;margin:16.1px 0 !important}}@media screen and (max-width: 499px){h2.mailpoet-heading{font-size:20px !important;line-height:1.4 !important;margin:14px 0 !important}}h2.mailpoet-heading:before{content:none}h2.mailpoet-heading:after{content:none}.mailpoet-manage-subscription .mailpoet_text_label,.mailpoet-manage-subscription .mailpoet_textarea_label,.mailpoet-manage-subscription .mailpoet_select_label,.mailpoet-manage-subscription .mailpoet_radio_label,.mailpoet-manage-subscription .mailpoet_checkbox_label,.mailpoet-manage-subscription .mailpoet_list_label,.mailpoet-manage-subscription .mailpoet_date_label{padding-right:10px}.mailpoet-manage-subscription .mailpoet-submit-success{color:#7ed321}.mailpoet-manage-subscription .mailpoet-change-email-info{font-size:85%}.mailpoet_form_overlay_animation{animation:fade-in-overlay 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes fade-in-overlay{0%{opacity:0}100%{opacity:.7}}.mailpoet_form_animation_slideup{animation:slide-up 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_slideup{animation:slide-up-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes slide-up-popup{0%{opacity:0;transform:translate(-50%, -20%)}100%{opacity:1;transform:translate(-50%, -50%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}.mailpoet_form_animation_fadein{animation:fade-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.mailpoet_form_animation_slideright{animation:slide-right 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_slideright{animation:slide-right-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes slide-right{0%{opacity:0;transform:translateX(-30%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-right-popup{0%{opacity:0;transform:translate(-80%, -50%)}100%{opacity:1;transform:translate(-50%, -50%)}}.mailpoet_form_animation_slideleft{animation:slide-left 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_slideleft{animation:slide-left-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes slide-left{0%{opacity:0;transform:translateX(30%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-left-popup{0%{opacity:0;transform:translate(-20%, -50%)}100%{opacity:1;transform:translate(-50%, -50%)}}.mailpoet_form_animation_slidedown{animation:slide-down 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_slidedown{animation:slide-down-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-30%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-popup{0%{opacity:0;transform:translate(-50%, -80%)}100%{opacity:1;transform:translate(-50%, -50%)}}.mailpoet_form_animation_zoomout{animation:zoom-out 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_zoomout{animation:zoom-out-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes zoom-out{0%{opacity:0;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@keyframes zoom-out-popup{0%{transform:scale(1.3) translate(-35%, -35%)}100%{transform:scale(1) translate(-50%, -50%)}}.mailpoet_form_animation_zoomin{animation:zoom-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.mailpoet_form_popup.mailpoet_form_animation_zoomin{animation:zoom-in-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}@keyframes zoom-in{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes zoom-in-popup{0%{transform:scale(0.8) translate(-60%, -60%)}100%{transform:scale(1) translate(-50%, -50%)}}.mailpoet_form_animation_flip{animation:flip 1s 1 ease-in-out;perspective:2000px}.mailpoet_form_popup.mailpoet_form_animation_flip{animation:flip-popup 1s 1 ease-in-out;perspective:2000px}@keyframes flip{0%{opacity:0;transform:rotateY(-60deg);transform-style:preserve-3d}100%{opacity:1;transform:rotateY(0deg)}}@keyframes flip-popup{0%{opacity:0;transform:rotateY(-60deg) translate(-59%, -50%);transform-style:preserve-3d}100%{opacity:1;transform:rotateY(0deg) translate(-50%, -50%)}}.mailpoet_form .has-black-color{color:#000}.mailpoet_form .has-black-background-color{background-color:#000}.mailpoet_form .has-cyan-bluish-gray-color{color:#abb8c3}.mailpoet_form .has-cyan-bluish-gray-background-color{background-color:#abb8c3}.mailpoet_form .has-white-color{color:#fff}.mailpoet_form .has-black-white-color{background-color:#fff}.mailpoet_form .has-pale-pink-color{color:#f78da7}.mailpoet_form .has-pale-pink-background-color{background-color:#f78da7}.mailpoet_form .has-vivid-red-color{color:#cf2e2e}.mailpoet_form .has-vivid-red-background-color{background-color:#cf2e2e}.mailpoet_form .has-luminous-vivid-orange-color{color:#ff6900}.mailpoet_form .has-luminous-vivid-orange-background-color{background-color:#ff6900}.mailpoet_form .has-luminous-vivid-amber-color{color:#fcb900}.mailpoet_form .has-luminous-vivid-amber-background-color{background-color:#fcb900}.mailpoet_form .has-light-green-cyan-color{color:#7bdcb5}.mailpoet_form .has-light-green-cyan-background-color{background-color:#7bdcb5}.mailpoet_form .has-vivid-green-cyan-color{color:#00d084}.mailpoet_form .has-vivid-green-cyan-background-color{background-color:#00d084}.mailpoet_form .has-pale-cyan-blue-color{color:#8ed1fc}.mailpoet_form .has-pale-cyan-blue-background-color{background-color:#8ed1fc}.mailpoet_form .has-vivid-cyan-blue-color{color:#0693e3}.mailpoet_form .has-vivid-cyan-blue-background-color{background-color:#0693e3}.mailpoet_form .has-vivid-purple-color{color:#9b51e0}.mailpoet_form .has--vivid-purple--background-color{background-color:#9b51e0}.mailpoet_captcha_form .mailpoet_icon_button{background:rgba(0,0,0,0);border:0;cursor:pointer}.mailpoet_captcha_form .mailpoet_icon_button img{height:20px;width:20px}form#registerform .g-recaptcha:not([data-size=invisible]){scale:.9;transform-origin:0 0}form.woocommerce-form-register .g-recaptcha{padding-inline-start:3px}@layer bricks{.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide.brx-auto-height .splide__list{align-items:flex-start}.splide__container{box-sizing:border-box;position:relative}.splide__track{height:100%;overflow:hidden;position:relative;width:100%;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide__list{display:flex;height:100%;padding:0}.splide__list,.splide__slide{backface-visibility:hidden;margin:0}.splide__slide{-webkit-tap-highlight-color:transparent;background-size:cover;box-sizing:border-box;flex-shrink:0;list-style-type:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrows.custom{display:block!important}.splide__arrow{align-items:center;background-color:transparent;cursor:pointer;display:flex;font-size:60px;height:50px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:1}.splide__arrow:disabled{opacity:.5}.splide__arrow--prev{left:0}.splide__arrow--next{right:0}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:0}.splide__arrows--rtl .splide__arrow--next{left:0;right:auto}.splide__arrows--rtl .splide__arrow--next svg,.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:0}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:0;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:0;list-style-type:none;margin:0;pointer-events:auto}.splide__pagination{bottom:15px;left:50%;list-style:none;padding:0;position:absolute;transform:translateX(-50%);z-index:1}.splide__pagination .splide__pagination__page{background-color:rgba(0,0,0,.33);border:0;border-radius:100%;display:inline-block;height:10px;margin:5px;padding:0;position:relative;transition:transform .2s linear;width:10px}.splide__pagination .splide__pagination__page.is-active{background-color:#000;z-index:1}.splide__pagination .splide__pagination__page:focus{outline:none}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__progress__bar{background:#ccc;height:3px;width:0}.splide__toggle{cursor:pointer}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.wsf-form {
-webkit-tap-highlight-color: transparent;
accent-color: var(--wsf-form-color-accent);
background-color: var(--wsf-form-color-background);
border: var(--wsf-form-border-width) var(--wsf-form-border-style) var(--wsf-form-border-color);
border-radius: var(--wsf-form-border-radius);
box-sizing: border-box;
color: var(--wsf-form-color-base);
font-family: var(--wsf-form-font-family);
font-size: var(--wsf-form-font-size);
font-style: var(--wsf-form-font-style);
font-weight: var(--wsf-form-font-weight);
letter-spacing: var(--wsf-form-letter-spacing);
line-height: var(--wsf-form-line-height);
padding: var(--wsf-form-padding-vertical) var(--wsf-form-padding-horizontal);
-webkit-text-decoration: var(--wsf-form-text-decoration);
text-decoration: var(--wsf-form-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-form-text-transform);
width: 100%;
}
.wsf-form *,
.wsf-form *::before,
.wsf-form *::after {
box-sizing: inherit;
}
.wsf-form a:active, .wsf-form a:focus, .wsf-form a:hover, .wsf-form a:link, .wsf-form a:visited {
color: var(--wsf-form-color-accent);
}
.wsf-form .wsf-section,
.wsf-form .wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-form .wsf-section {
background-color: var(--wsf-section-color-background);
}
.wsf-form .wsf-section.wsf-sticky {
align-self: flex-start;
height: auto;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-section > legend {
background-color: var(--wsf-section-legend-color-background);
border: 0;
color: var(--wsf-section-legend-color);
font-family: var(--wsf-section-legend-font-family);
font-size: var(--wsf-section-legend-font-size);
font-style: var(--wsf-section-legend-font-style);
font-weight: var(--wsf-section-legend-font-weight);
letter-spacing: var(--wsf-section-legend-letter-spacing);
line-height: var(--wsf-section-legend-line-height);
-webkit-text-decoration: var(--wsf-section-legend-text-decoration);
text-decoration: var(--wsf-section-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-section-legend-text-transform);
margin: 0 0 var(--wsf-section-legend-gap) 0;
padding: 0;
}
.wsf-form .wsf-section .wsf-section-icons a {
cursor: pointer;
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
height: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
width: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a[data-action=wsf-section-drag-icon] {
cursor: move;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled {
cursor: not-allowed;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-fieldset > legend {
background: var(--wsf-field-fieldset-legend-color-background);
border: 0;
color: var(--wsf-field-fieldset-legend-color);
font-family: var(--wsf-field-fieldset-legend-font-family);
font-size: var(--wsf-field-fieldset-legend-font-size);
font-style: var(--wsf-field-fieldset-legend-font-style);
font-weight: var(--wsf-field-fieldset-legend-font-weight);
letter-spacing: var(--wsf-field-fieldset-legend-letter-spacing);
line-height: var(--wsf-field-fieldset-legend-line-height);
margin: 0 0 var(--wsf-field-fieldset-legend-gap) 0;
padding: 0;
-webkit-text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-fieldset-legend-text-transform);
}
.wsf-form .wsf-field-wrapper {
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-form .wsf-field-wrapper.wsf-sticky {
align-self: flex-start;
background-color: var(--wsf-form-color-background);
height: auto;
margin-bottom: 0;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-bottom: var(--wsf-form-grid-gap);
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor], .wsf-form .wsf-field-wrapper[data-type=html], .wsf-form .wsf-field-wrapper[data-type=divider], .wsf-form .wsf-field-wrapper[data-type=message] {
margin-bottom: 0;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color);
font-family: var(--wsf-field-texteditor-font-family);
font-style: var(--wsf-field-texteditor-font-style);
font-weight: var(--wsf-field-texteditor-font-weight);
letter-spacing: var(--wsf-field-texteditor-letter-spacing);
line-height: var(--wsf-field-texteditor-line-height);
-webkit-text-decoration: var(--wsf-field-texteditor-text-decoration);
text-decoration: var(--wsf-field-texteditor-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-texteditor-text-transform);
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p {
font-size: var(--wsf-field-texteditor-font-size);
margin-bottom: var(--wsf-field-texteditor-p-margin-bottom);
}
.wsf-form .wsf-tile {
padding-left: calc(var(--wsf-form-grid-gap) / 2);
padding-right: calc(var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-grid {
margin-left: calc(-1 * var(--wsf-form-grid-gap) / 2);
margin-right: calc(-1 * var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-inline {
display: inline-block;
flex-direction: column;
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
-webkit-appearance: none;
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-color);
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: auto;
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: 0;
min-height: auto;
max-width: none;
opacity: 1;
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
width: 100%;
}
.wsf-form input[type=date].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=file].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=month].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=password].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=search].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=time].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=week].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=email].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=number].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=tel].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=text].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=url].wsf-field::-webkit-input-placeholder,
.wsf-form select.wsf-field::-webkit-input-placeholder,
.wsf-form textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-moz-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-moz-placeholder,
.wsf-form input[type=file].wsf-field::-moz-placeholder,
.wsf-form input[type=month].wsf-field::-moz-placeholder,
.wsf-form input[type=password].wsf-field::-moz-placeholder,
.wsf-form input[type=search].wsf-field::-moz-placeholder,
.wsf-form input[type=time].wsf-field::-moz-placeholder,
.wsf-form input[type=week].wsf-field::-moz-placeholder,
.wsf-form input[type=email].wsf-field::-moz-placeholder,
.wsf-form input[type=number].wsf-field::-moz-placeholder,
.wsf-form input[type=tel].wsf-field::-moz-placeholder,
.wsf-form input[type=text].wsf-field::-moz-placeholder,
.wsf-form input[type=url].wsf-field::-moz-placeholder,
.wsf-form select.wsf-field::-moz-placeholder,
.wsf-form textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-ms-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-ms-input-placeholder,
.wsf-form input[type=file].wsf-field::-ms-input-placeholder,
.wsf-form input[type=month].wsf-field::-ms-input-placeholder,
.wsf-form input[type=password].wsf-field::-ms-input-placeholder,
.wsf-form input[type=search].wsf-field::-ms-input-placeholder,
.wsf-form input[type=time].wsf-field::-ms-input-placeholder,
.wsf-form input[type=week].wsf-field::-ms-input-placeholder,
.wsf-form input[type=email].wsf-field::-ms-input-placeholder,
.wsf-form input[type=number].wsf-field::-ms-input-placeholder,
.wsf-form input[type=tel].wsf-field::-ms-input-placeholder,
.wsf-form input[type=text].wsf-field::-ms-input-placeholder,
.wsf-form input[type=url].wsf-field::-ms-input-placeholder,
.wsf-form select.wsf-field::-ms-input-placeholder,
.wsf-form textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::placeholder,
.wsf-form input[type=datetime-local].wsf-field::placeholder,
.wsf-form input[type=file].wsf-field::placeholder,
.wsf-form input[type=month].wsf-field::placeholder,
.wsf-form input[type=password].wsf-field::placeholder,
.wsf-form input[type=search].wsf-field::placeholder,
.wsf-form input[type=time].wsf-field::placeholder,
.wsf-form input[type=week].wsf-field::placeholder,
.wsf-form input[type=email].wsf-field::placeholder,
.wsf-form input[type=number].wsf-field::placeholder,
.wsf-form input[type=tel].wsf-field::placeholder,
.wsf-form input[type=text].wsf-field::placeholder,
.wsf-form input[type=url].wsf-field::placeholder,
.wsf-form select.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=file].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=month].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=password].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=search].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=time].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=week].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=email].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=number].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=tel].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=text].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=url].wsf-field:hover:enabled:not(:focus),
.wsf-form select.wsf-field:hover:enabled:not(:focus),
.wsf-form textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover);
}
.wsf-form input[type=date].wsf-field:focus,
.wsf-form input[type=datetime-local].wsf-field:focus,
.wsf-form input[type=file].wsf-field:focus,
.wsf-form input[type=month].wsf-field:focus,
.wsf-form input[type=password].wsf-field:focus,
.wsf-form input[type=search].wsf-field:focus,
.wsf-form input[type=time].wsf-field:focus,
.wsf-form input[type=week].wsf-field:focus,
.wsf-form input[type=email].wsf-field:focus,
.wsf-form input[type=number].wsf-field:focus,
.wsf-form input[type=tel].wsf-field:focus,
.wsf-form input[type=text].wsf-field:focus,
.wsf-form input[type=url].wsf-field:focus,
.wsf-form select.wsf-field:focus,
.wsf-form textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-color-focus);
outline: 0;
}
.wsf-form input[type=date].wsf-field.wsf-field:disabled,
.wsf-form input[type=datetime-local].wsf-field.wsf-field:disabled,
.wsf-form input[type=file].wsf-field.wsf-field:disabled,
.wsf-form input[type=month].wsf-field.wsf-field:disabled,
.wsf-form input[type=password].wsf-field.wsf-field:disabled,
.wsf-form input[type=search].wsf-field.wsf-field:disabled,
.wsf-form input[type=time].wsf-field.wsf-field:disabled,
.wsf-form input[type=week].wsf-field.wsf-field:disabled,
.wsf-form input[type=email].wsf-field.wsf-field:disabled,
.wsf-form input[type=number].wsf-field.wsf-field:disabled,
.wsf-form input[type=tel].wsf-field.wsf-field:disabled,
.wsf-form input[type=text].wsf-field.wsf-field:disabled,
.wsf-form input[type=url].wsf-field.wsf-field:disabled,
.wsf-form select.wsf-field.wsf-field:disabled,
.wsf-form textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled);
color: var(--wsf-field-color-disabled);
-webkit-text-fill-color: var(--wsf-field-color-disabled);
cursor: not-allowed;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form input[type=date].wsf-field::-moz-focus-inner,
.wsf-form input[type=datetime-local].wsf-field::-moz-focus-inner,
.wsf-form input[type=file].wsf-field::-moz-focus-inner,
.wsf-form input[type=month].wsf-field::-moz-focus-inner,
.wsf-form input[type=password].wsf-field::-moz-focus-inner,
.wsf-form input[type=search].wsf-field::-moz-focus-inner,
.wsf-form input[type=time].wsf-field::-moz-focus-inner,
.wsf-form input[type=week].wsf-field::-moz-focus-inner,
.wsf-form input[type=email].wsf-field::-moz-focus-inner,
.wsf-form input[type=number].wsf-field::-moz-focus-inner,
.wsf-form input[type=tel].wsf-field::-moz-focus-inner,
.wsf-form input[type=text].wsf-field::-moz-focus-inner,
.wsf-form input[type=url].wsf-field::-moz-focus-inner,
.wsf-form select.wsf-field::-moz-focus-inner,
.wsf-form textarea.wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
.wsf-form .wsf-label-wrapper label.wsf-label {
padding: calc(var(--wsf-field-padding-vertical) + var(--wsf-field-border-width)) 0;
margin-bottom: 0;
}
.wsf-form label.wsf-label {
background-color: var(--wsf-field-label-color-background);
display: block;
color: var(--wsf-field-label-color);
font-family: var(--wsf-field-label-font-family);
font-size: var(--wsf-field-label-font-size);
font-weight: var(--wsf-field-label-font-weight);
line-height: var(--wsf-field-label-line-height);
margin-bottom: var(--wsf-field-label-gap);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form .wsf-field + label.wsf-label,
.wsf-form select.wsf-field ~ .select2-container + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ .dropzone + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ canvas + label.wsf-label,
.wsf-form .wsf-input-group-append + label.wsf-label {
margin-bottom: 0;
margin-top: var(--wsf-field-label-gap);
}
.wsf-form .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-color-background);
color: var(--wsf-field-invalid-feedback-color);
display: none;
font-family: var(--wsf-field-invalid-feedback-font-family);
font-size: var(--wsf-field-invalid-feedback-font-size);
font-style: var(--wsf-field-invalid-feedback-font-style);
font-weight: var(--wsf-field-invalid-feedback-font-weight);
letter-spacing: var(--wsf-field-invalid-feedback-letter-spacing);
line-height: var(--wsf-field-invalid-feedback-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-invalid-feedback-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-invalid-feedback-text-transform);
}
.wsf-form [data-select-min-max],
.wsf-form [data-checkbox-min-max] {
display: none;
}
.wsf-form .wsf-help {
background-color: var(--wsf-field-help-color-background);
color: var(--wsf-field-help-color);
display: block;
font-family: var(--wsf-field-help-font-family);
font-size: var(--wsf-field-help-font-size);
font-style: var(--wsf-field-help-font-style);
font-weight: var(--wsf-field-help-font-weight);
letter-spacing: var(--wsf-field-help-letter-spacing);
line-height: var(--wsf-field-help-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-help-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-help-text-decoration);
text-decoration: var(--wsf-field-help-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-help-text-transform);
}
.wsf-form .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
margin-top: 0;
}
.wsf-form .wsf-label-position-inside .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
line-height: var(--wsf-field-line-height);
margin-top: 0;
position: absolute;
top: var(--wsf-field-padding-vertical);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background);
display: block;
-webkit-margin-start: calc(-1 * var(--wsf-field-font-size) / 4);
margin-inline-start: calc(-1 * var(--wsf-field-font-size) / 4);
padding-left: calc(var(--wsf-field-font-size) / 4);
padding-right: calc(var(--wsf-field-font-size) / 4);
-webkit-transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
}
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
display: none;
}
.wsf-form [data-wsf-tooltip=""]:before,
.wsf-form [data-wsf-tooltip=""]:after {
opacity: 0 !important;
}
.wsf-form [data-wsf-tooltip] {
cursor: help;
position: relative;
}
.wsf-form [data-wsf-tooltip] svg {
display: inline-block;
vertical-align: text-bottom;
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden;
z-index: 1000;
}
.wsf-form [data-wsf-tooltip]:focus {
outline: 0;
}
.wsf-form [data-wsf-tooltip]:hover:before,
.wsf-form [data-wsf-tooltip]:hover:after,
.wsf-form [data-wsf-tooltip]:focus:before,
.wsf-form [data-wsf-tooltip]:focus:after {
opacity: 1;
visibility: visible;
}
.wsf-form [data-wsf-tooltip]:before {
border: 5px solid transparent;
border-top-color: var(--wsf-field-tooltip-color-background);
bottom: calc(100% - 5px);
content: "";
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background);
border-radius: var(--wsf-field-tooltip-border-radius);
bottom: calc(100% + var(--wsf-field-tooltip-gap));
color: var(--wsf-field-tooltip-color);
content: attr(data-wsf-tooltip);
font-family: var(--wsf-field-tooltip-font-family);
font-size: var(--wsf-field-tooltip-font-size);
font-weight: var(--wsf-field-tooltip-font-weight);
left: 50%;
line-height: var(--wsf-field-tooltip-line-height);
max-width: 320px;
min-width: 180px;
padding: var(--wsf-field-padding);
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form .wsf-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wsf-form .wsf-input-group > label.wsf-label,
.wsf-form .wsf-input-group > .wsf-invalid-feedback,
.wsf-form .wsf-input-group > .wsf-help {
width: 100%;
}
.wsf-form .wsf-input-group > .wsf-field,
.wsf-form .wsf-input-group > select.wsf-field ~ .select2-container,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ .dropzone,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ canvas {
flex: 1 1 auto;
min-width: 0;
position: relative;
width: 1% !important;
}
.wsf-form .wsf-input-group-has-prepend > .wsf-field,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.wsf-form .wsf-input-group-has-append > .wsf-field,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-append > .dropzone {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form .wsf-input-group-prepend,
.wsf-form .wsf-input-group-append {
align-items: center;
background-color: var(--wsf-field-prefix-suffix-color-background);
border: var(--wsf-field-border);
color: var(--wsf-field-prefix-suffix-color);
display: flex;
font-family: var(--wsf-field-prefix-suffix-font-family);
font-size: var(--wsf-field-prefix-suffix-font-size);
font-style: var(--wsf-field-prefix-suffix-font-style);
font-weight: var(--wsf-field-prefix-suffix-font-weight);
letter-spacing: var(--wsf-field-prefix-suffix-letter-spacing);
line-height: var(--wsf-field-prefix-suffix-line-height);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-prefix-suffix-text-transform);
}
.wsf-form .wsf-input-group-prepend {
-webkit-border-end: none;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-inline-end: none;
border-top-left-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-input-group-append {
-webkit-border-start: none;
border-bottom-right-radius: var(--wsf-field-border-radius);
border-inline-start: none;
border-top-right-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-text-primary {
color: var(--wsf-form-color-primary);
}
.wsf-form .wsf-text-secondary {
color: var(--wsf-form-color-secondary);
}
.wsf-form .wsf-text-success {
color: var(--wsf-form-color-success);
}
.wsf-form .wsf-text-information {
color: var(--wsf-form-color-info);
}
.wsf-form .wsf-text-warning {
color: var(--wsf-form-color-warning);
}
.wsf-form .wsf-text-danger {
color: var(--wsf-form-color-danger);
}
.wsf-form .wsf-text-left {
text-align: left;
}
.wsf-form .wsf-text-center {
text-align: center;
}
.wsf-form .wsf-text-right {
text-align: right;
}
.wsf-form .wsf-hidden {
display: none !important;
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
transition: background-color var(--wsf-form-transition), background-image var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form canvas.wsf-field + label,
.wsf-form select.wsf-field + label,
.wsf-form input.wsf-field[placeholder] + label,
.wsf-form textarea.wsf-field[placeholder] + label,
.wsf-form canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form select.wsf-field + .wsf-input-group-append + label,
.wsf-form input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
transition: opacity var(--wsf-form-transition), visibility var(--wsf-form-transition);
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: var(--wsf-field-border-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: var(--wsf-field-border-radius) !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: var(--wsf-field-border-radius) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: var(--wsf-field-border-radius) !important;
}
.wsf-form.wsf-rtl .wsf-input-group-prepend {
border-top-left-radius: 0;
border-top-right-radius: var(--wsf-field-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--wsf-field-border-radius);
}
.wsf-form.wsf-rtl .wsf-input-group-append {
border-top-left-radius: var(--wsf-field-border-radius);
border-top-right-radius: 0;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-bottom-right-radius: 0;
}
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: auto;
right: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.wsf-form.wsf-validated select.wsf-field:invalid,
.wsf-form.wsf-validated textarea.wsf-field:invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:invalid,
.wsf-form .wsf-validated select.wsf-field:invalid,
.wsf-form .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid);
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form.wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated textarea.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated textarea.wsf-field:-moz-ui-invalid {
box-shadow: none;
}
.wsf-form.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback {
display: block;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:disabled,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:disabled {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom .wsf-input-group span {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] {
--wsf-form-color-accent: var(--wsf-form-color-accent-alt);
background-color: var(--wsf-form-color-background-alt);
color: var(--wsf-form-color-base-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section.wsf-sticky {
background-color: var(--wsf-section-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section > legend {
background-color: var(--wsf-section-legend-background-color-alt);
color: var(--wsf-section-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-fieldset > legend {
background-color: var(--wsf-field-fieldset-legend-background-color-alt);
color: var(--wsf-field-fieldset-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper.wsf-sticky {
background-color: var(--wsf-form-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus-alt);
box-shadow: var(--wsf-field-box-shadow-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled-alt);
color: var(--wsf-field-color-disabled-alt);
-webkit-text-fill-color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] label.wsf-label {
background-color: var(--wsf-field-label-background-color-alt);
color: var(--wsf-field-label-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-background-color-alt);
color: var(--wsf-field-invalid-feedback-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-help {
background-color: var(--wsf-field-help-color-background-alt);
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside:not(.wsf-label-position-inside-hide) textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:before {
border-top-color: var(--wsf-field-tooltip-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background-alt);
color: var(--wsf-field-tooltip-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-prepend,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-append {
background-color: var(--wsf-field-prefix-suffix-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-prefix-suffix-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid-alt);
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow-alt);
}
.pac-container {
z-index: 1401;
}
.elementor-element .wsf-form .wp-editor-tools button {
background-color: inherit !important;
}
.wsf-alert {
background-color: var(--wsf-field-message-color-background);
-webkit-border-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-inline-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-message-color);
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-alert > p {
color: var(--wsf-field-message-color);
}
.wsf-alert > p a,
.wsf-alert > p a:hover,
.wsf-alert > p a:focus {
color: var(--wsf-field-message-anchor-color);
text-decoration: underline;
}
.wsf-alert > :first-child {
margin-top: 0;
}
.wsf-alert > :last-child {
margin-bottom: 0;
}
.wsf-alert.wsf-alert-success {
background-color: var(--wsf-field-message-success-color-background);
border-color: var(--wsf-field-message-success-border-color);
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p {
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p a,
.wsf-alert.wsf-alert-success > p a:hover,
.wsf-alert.wsf-alert-success > p a:focus {
color: var(--wsf-field-message-success-anchor-color);
}
.wsf-alert.wsf-alert-information {
background-color: var(--wsf-field-message-info-color-background);
border-color: var(--wsf-field-message-info-border-color);
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p {
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p a,
.wsf-alert.wsf-alert-information > p a:hover,
.wsf-alert.wsf-alert-information > p a:focus {
color: var(--wsf-field-message-info-anchor-color);
}
.wsf-alert.wsf-alert-warning {
background-color: var(--wsf-field-message-warning-color-background);
border-color: var(--wsf-field-message-warning-border-color);
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p {
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p a,
.wsf-alert.wsf-alert-warning > p a:hover,
.wsf-alert.wsf-alert-warning > p a:focus {
color: var(--wsf-field-message-warning-anchor-color);
}
.wsf-alert.wsf-alert-danger {
background-color: var(--wsf-field-message-danger-color-background);
border-color: var(--wsf-field-message-danger-border-color);
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p {
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p a,
.wsf-alert.wsf-alert-danger > p a:hover,
.wsf-alert.wsf-alert-danger > p a:focus {
color: var(--wsf-field-message-danger-anchor-color);
}.wsf-form button.wsf-button {
-webkit-appearance: none;
background-color: var(--wsf-field-button-color-background);
border-color: var(--wsf-field-button-border-color);
border-radius: var(--wsf-field-button-border-radius);
border-style: var(--wsf-field-button-border-style);
border-width: var(--wsf-field-button-border-width);
color: var(--wsf-field-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-button-font-family);
font-size: var(--wsf-field-button-font-size);
font-style: var(--wsf-field-button-font-style);
font-weight: var(--wsf-field-button-font-weight);
letter-spacing: var(--wsf-field-button-letter-spacing);
line-height: var(--wsf-field-button-line-height);
margin: 0;
min-height: auto;
max-width: none;
padding: var(--wsf-field-button-padding);
text-align: center;
-webkit-text-decoration: var(--wsf-field-button-text-decoration);
text-decoration: var(--wsf-field-button-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-button-text-transform);
touch-action: manipulation;
user-select: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.wsf-form button.wsf-button.wsf-button-full {
width: var(--wsf-field-button-width);
}
.wsf-form button.wsf-button::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0;
}
.wsf-form button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover);
border-color: var(--wsf-field-button-border-color-hover);
color: var(--wsf-field-button-color-hover);
}
.wsf-form button.wsf-button:focus, .wsf-form button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus);
border-color: var(--wsf-field-button-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-button-color-focus);
outline: 0;
}
.wsf-form button.wsf-button:disabled {
cursor: not-allowed;
opacity: 0.5;
transition: none;
}
.wsf-form button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background);
border-color: var(--wsf-field-button-primary-border-color);
color: var(--wsf-field-button-primary-color);
}
.wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover);
border-color: var(--wsf-field-button-primary-border-color-hover);
color: var(--wsf-field-button-primary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-primary:focus, .wsf-form button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus);
border-color: var(--wsf-field-button-primary-border-color-focus);
color: var(--wsf-field-button-primary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background);
border-color: var(--wsf-field-button-secondary-border-color);
color: var(--wsf-field-button-secondary-color);
}
.wsf-form button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover);
border-color: var(--wsf-field-button-secondary-border-color-hover);
color: var(--wsf-field-button-secondary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-secondary:focus, .wsf-form button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus);
border-color: var(--wsf-field-button-secondary-border-color-focus);
color: var(--wsf-field-button-secondary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background);
border-color: var(--wsf-field-button-success-border-color);
color: var(--wsf-field-button-success-color);
}
.wsf-form button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover);
border-color: var(--wsf-field-button-success-border-color-hover);
color: var(--wsf-field-button-success-color-hover);
}
.wsf-form button.wsf-button.wsf-button-success:focus, .wsf-form button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus);
border-color: var(--wsf-field-button-success-border-color-focus);
color: var(--wsf-field-button-success-color-focus);
}
.wsf-form button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background);
border-color: var(--wsf-field-button-info-border-color);
color: var(--wsf-field-button-info-color);
}
.wsf-form button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover);
border-color: var(--wsf-field-button-info-border-color-hover);
color: var(--wsf-field-button-info-color-hover);
}
.wsf-form button.wsf-button.wsf-button-information:focus, .wsf-form button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus);
border-color: var(--wsf-field-button-info-border-color-focus);
color: var(--wsf-field-button-info-color-focus);
}
.wsf-form button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background);
border-color: var(--wsf-field-button-warning-border-color);
color: var(--wsf-field-button-warning-color);
}
.wsf-form button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover);
border-color: var(--wsf-field-button-warning-border-color-hover);
color: var(--wsf-field-button-warning-color-hover);
}
.wsf-form button.wsf-button.wsf-button-warning:focus, .wsf-form button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus);
border-color: var(--wsf-field-button-warning-border-color-focus);
color: var(--wsf-field-button-warning-color-focus);
}
.wsf-form button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background);
border-color: var(--wsf-field-button-danger-border-color);
color: var(--wsf-field-button-danger-color);
}
.wsf-form button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover);
border-color: var(--wsf-field-button-danger-border-color-hover);
color: var(--wsf-field-button-danger-color-hover);
}
.wsf-form button.wsf-button.wsf-button-danger:focus, .wsf-form button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus);
border-color: var(--wsf-field-button-danger-border-color-focus);
color: var(--wsf-field-button-danger-color-focus);
}
.wsf-form.wsf-form-post-lock-progress button.wsf-button {
cursor: progress;
}
.wsf-form button.wsf-button {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button {
background-color: var(--wsf-field-button-color-background-alt);
border-color: var(--wsf-field-button-border-color-alt);
color: var(--wsf-field-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover-alt);
border-color: var(--wsf-field-button-border-color-hover-alt);
color: var(--wsf-field-button-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus-alt);
border-color: var(--wsf-field-button-border-color-focus-alt);
color: var(--wsf-field-button-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background-alt);
border-color: var(--wsf-field-button-primary-border-color-alt);
color: var(--wsf-field-button-primary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover-alt);
border-color: var(--wsf-field-button-primary-border-color-hover-alt);
color: var(--wsf-field-button-primary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus-alt);
border-color: var(--wsf-field-button-primary-border-color-focus-alt);
color: var(--wsf-field-button-primary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background-alt);
border-color: var(--wsf-field-button-secondary-border-color-alt);
color: var(--wsf-field-button-secondary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover-alt);
border-color: var(--wsf-field-button-secondary-border-color-hover-alt);
color: var(--wsf-field-button-secondary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus-alt);
border-color: var(--wsf-field-button-secondary-border-color-focus-alt);
color: var(--wsf-field-button-secondary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background-alt);
border-color: var(--wsf-field-button-success-border-color-alt);
color: var(--wsf-field-button-success-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover-alt);
border-color: var(--wsf-field-button-success-border-color-hover-alt);
color: var(--wsf-field-button-success-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus-alt);
border-color: var(--wsf-field-button-success-border-color-focus-alt);
color: var(--wsf-field-button-success-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background-alt);
border-color: var(--wsf-field-button-info-border-color-alt);
color: var(--wsf-field-button-info-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover-alt);
border-color: var(--wsf-field-button-info-border-color-hover-alt);
color: var(--wsf-field-button-info-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus-alt);
border-color: var(--wsf-field-button-info-border-color-focus-alt);
color: var(--wsf-field-button-info-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background-alt);
border-color: var(--wsf-field-button-warning-border-color-alt);
color: var(--wsf-field-button-warning-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover-alt);
border-color: var(--wsf-field-button-warning-border-color-hover-alt);
color: var(--wsf-field-button-warning-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus-alt);
border-color: var(--wsf-field-button-warning-border-color-focus-alt);
color: var(--wsf-field-button-warning-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background-alt);
border-color: var(--wsf-field-button-danger-border-color-alt);
color: var(--wsf-field-button-danger-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover-alt);
border-color: var(--wsf-field-button-danger-border-color-hover-alt);
color: var(--wsf-field-button-danger-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus-alt);
border-color: var(--wsf-field-button-danger-border-color-focus-alt);
color: var(--wsf-field-button-danger-color-focus-alt);
}.wsf-form input[type=checkbox].wsf-field {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: var(--wsf-field-checkbox-color-background);
border-radius: var(--wsf-field-checkbox-border-radius);
bottom: auto;
border: var(--wsf-field-border);
display: block;
height: var(--wsf-field-checkbox-size);
margin: 0;
min-height: var(--wsf-field-checkbox-size);
opacity: 1;
padding: 0;
position: absolute;
text-align: left;
top: auto;
vertical-align: middle;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background);
border-color: var(--wsf-field-checkbox-checked-color-background);
}
.wsf-form input[type=checkbox].wsf-field:checked::after {
background: none;
border-color: var(--wsf-field-checkbox-checkmark-color);
border-style: solid;
border-width: 0 var(--wsf-field-checkbox-check-size) var(--wsf-field-checkbox-check-size) 0;
content: "";
display: block;
height: var(--wsf-field-checkbox-check-height);
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transition: none;
width: var(--wsf-field-checkbox-check-width);
}
.wsf-form input[type=checkbox].wsf-field::before {
display: none !important;
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
display: inline-block;
margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-top: 0;
vertical-align: top;
}
.wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button, .wsf-form input[type=checkbox].wsf-field.wsf-switch, .wsf-form input[type=checkbox].wsf-field.wsf-swatch {
background: none;
border: none;
bottom: auto;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin: 0;
padding: 0;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: var(--wsf-field-invalid-feedback-gap);
margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap));
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-checkbox-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled);
border-color: var(--wsf-field-border-color-disabled);
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::after {
cursor: not-allowed;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background);
border-color: var(--wsf-field-checkbox-button-color-background);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-checkbox-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
text-align: center;
text-decoration: none;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background);
border-color: var(--wsf-field-checkbox-checked-button-color-background);
color: var(--wsf-field-checkbox-checked-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch {
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
position: relative;
-webkit-padding-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: calc(var(--wsf-field-checkbox-size) / 2);
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color);
border: none;
border-radius: 50%;
height: var(--wsf-field-checkbox-switch-size);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
top: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
width: var(--wsf-field-checkbox-switch-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background);
border-color: var(--wsf-field-checkbox-checked-switch-color-background);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color);
left: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: var(--wsf-field-height);
vertical-align: middle;
width: var(--wsf-field-height);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus);
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: auto;
max-width: 100%;
padding: 2px;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color);
display: block;
font-size: var(--wsf-field-font-size-small);
line-height: var(--wsf-field-line-height);
margin-top: var(--wsf-form-caption-gap);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color);
border-color: var(--wsf-field-checkbox-checked-image-border-color);
}
.wsf-form [data-type=checkbox] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label {
padding: 0;
}
.wsf-form [data-row-checkbox] {
margin-bottom: var(--wsf-field-checkbox-gap-vertical);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="1"] {
-webkit-margin-start: var(--wsf-field-checkbox-size);
margin-inline-start: var(--wsf-field-checkbox-size);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="2"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="3"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="4"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="5"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="6"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="7"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="8"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="9"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="10"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid {
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid:focus {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
transition: color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field + label.wsf-label {
margin-right: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-left: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
right: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
left: 0;
right: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="1"] {
-webkit-margin-end: var(--wsf-field-checkbox-size);
margin-inline-end: var(--wsf-field-checkbox-size);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="2"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="3"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="4"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="5"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="6"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="7"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="8"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="9"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="10"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field {
background-color: var(--wsf-field-checkbox-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked::after {
border-color: var(--wsf-field-checkbox-checkmark-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled-alt);
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background-alt);
border-color: var(--wsf-field-checkbox-button-color-background-alt);
color: var(--wsf-field-checkbox-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
color: var(--wsf-field-checkbox-checked-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus-alt);
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color-alt);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
border-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before {
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before {
box-shadow: var(--wsf-field-box-shadow-alt);
}.wsf-form input[type=number].wsf-field::-webkit-inner-spin-button, .wsf-form input[type=number].wsf-field::-webkit-outer-spin-button {
height: auto;
}
.wsf-form input[type=number].wsf-field[data-wsf-no-spinner] {
-moz-appearance: textfield;
}
.wsf-form input[type=number].wsf-field[data-wsf-no-spinner]::-webkit-outer-spin-button, .wsf-form input[type=number].wsf-field[data-wsf-no-spinner]::-webkit-inner-spin-button {
display: none !important;
}