@charset "UTF-8";
.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=radio].wsf-field {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: var(--wsf-field-radio-color-background);
border-radius: 50%;
border: var(--wsf-field-border);
bottom: auto;
display: block;
height: var(--wsf-field-radio-size);
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
text-align: left;
top: auto;
vertical-align: middle;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field:checked::after {
background: none;
background-color: var(--wsf-field-radio-checked-color);
border: none;
border-radius: 50%;
content: "";
display: block;
height: var(--wsf-field-radio-checked-size);
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2), calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2));
transform: translate(calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2), calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2));
transition: none;
width: var(--wsf-field-radio-checked-size);
}
.wsf-form input[type=radio].wsf-field::before {
display: none !important;
}
.wsf-form input[type=radio].wsf-field + label.wsf-label {
display: inline-block;
margin-left: calc(var(--wsf-field-radio-size) + var(--wsf-field-radio-gap-horizontal));
margin-top: 0;
vertical-align: top;
}
.wsf-form input[type=radio].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=radio].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image) {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image) + label.wsf-label {
aspect-ratio: 1;
background-color: var(--wsf-field-radio-circle-color-background);
border: 1px solid #000;
border-radius: 50%;
color: var(--wsf-field-radio-circle-color);
cursor: pointer;
font-family: var(--wsf-field-radio-circle-font-family);
font-size: var(--wsf-field-radio-circle-font-size);
font-weight: var(--wsf-field-radio-circle-font-weight);
line-height: var(--wsf-field-radio-circle-line-height);
height: calc(var(--wsf-field-radio-circle-padding-vertical) * 2 + var(--wsf-field-radio-circle-font-size));
line-height: 1;
margin: 0;
padding: var(--wsf-field-radio-circle-padding-vertical) 0;
text-align: center;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):disabled + label.wsf-label {
background-color: var(--wsf-field-radio-circle-color-background-disabled);
color: var(--wsf-field-radio-circle-color-disabled);
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):hover + label.wsf-label {
background-color: var(--wsf-field-radio-circle-color-background-hover);
color: var(--wsf-field-radio-circle-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):checked + label.wsf-label {
background: var(--wsf-field-radio-checked-circle-color-background);
color: var(--wsf-field-radio-checked-circle-color);
}
.wsf-form input[type=radio].wsf-field.wsf-button, .wsf-form input[type=radio].wsf-field.wsf-switch, .wsf-form input[type=radio].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=radio].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label {
margin: 0;
padding: 0;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: 50%;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-radio-size);
left: 0;
position: absolute;
vertical-align: top;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-radio-size);
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=radio].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=radio].wsf-field.wsf-button:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-swatch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=radio].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=radio].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-radio-button-color-background);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-radio-button-color-background);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-radio-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=radio].wsf-field.wsf-button + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
.wsf-form input[type=radio].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-radio-checked-button-color-background);
border-color: var(--wsf-field-radio-checked-button-color-background);
color: var(--wsf-field-radio-checked-button-color);
}
.wsf-form input[type=radio].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-switch {
width: var(--wsf-field-radio-switch-width);
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label {
position: relative;
-webkit-padding-start: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
padding-inline-start: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: calc(var(--wsf-field-radio-size) / 2);
position: absolute;
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
width: var(--wsf-field-radio-switch-width);
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-radio-switch-color);
border: none;
border-radius: 50%;
height: var(--wsf-field-radio-switch-size);
left: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
top: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
width: var(--wsf-field-radio-switch-size);
}
.wsf-form input[type=radio].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=radio].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-radio-checked-switch-color-background);
border-color: var(--wsf-field-radio-checked-switch-color-background);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-radio-checked-switch-color);
left: calc(var(--wsf-field-radio-switch-width) - var(--wsf-field-radio-switch-size) - (var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form input[type=radio].wsf-field.wsf-color {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].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=radio].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
.wsf-form input[type=radio].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=radio].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=radio].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-radio-checked-swatch-border-color);
box-shadow: inset 0 0 0 2px var(--wsf-field-radio-checked-swatch-box-shadow-color);
}
.wsf-form input[type=radio].wsf-field.wsf-image {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].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=radio].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=radio].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
.wsf-form input[type=radio].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
.wsf-form input[type=radio].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
.wsf-form input[type=radio].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=radio].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=radio].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-radio-checked-image-border-color);
border-color: var(--wsf-field-radio-checked-image-border-color);
}
.wsf-form [data-type=radio] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label {
padding: 0;
}
.wsf-form [data-row-radio] {
margin-bottom: var(--wsf-field-radio-gap-vertical);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="1"] {
-webkit-margin-start: var(--wsf-field-radio-size);
margin-inline-start: var(--wsf-field-radio-size);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="2"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 2);
margin-inline-start: calc(var(--wsf-field-radio-size) * 2);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="3"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 3);
margin-inline-start: calc(var(--wsf-field-radio-size) * 3);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="4"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 4);
margin-inline-start: calc(var(--wsf-field-radio-size) * 4);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="5"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 5);
margin-inline-start: calc(var(--wsf-field-radio-size) * 5);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="6"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 6);
margin-inline-start: calc(var(--wsf-field-radio-size) * 6);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="7"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 7);
margin-inline-start: calc(var(--wsf-field-radio-size) * 7);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="8"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 8);
margin-inline-start: calc(var(--wsf-field-radio-size) * 8);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="9"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 9);
margin-inline-start: calc(var(--wsf-field-radio-size) * 9);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="10"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 10);
margin-inline-start: calc(var(--wsf-field-radio-size) * 10);
}
.wsf-form.wsf-validated input[type=radio].wsf-field:invalid,
.wsf-form .wsf-validated input[type=radio].wsf-field:invalid {
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=radio].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=radio].wsf-field:invalid:focus {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field + label.wsf-label {
transition: color var(--wsf-form-transition);
}
.wsf-form input[type=radio].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=radio].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=radio].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=radio].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=radio].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=radio].wsf-field:checked::after {
-webkit-transform: translate(calc(-1 * var(--wsf-field-radio-size) / 3), calc(var(--wsf-field-radio-size) / 10)) rotate(45deg);
transform: translate(calc(-1 * var(--wsf-field-radio-size) / 3), calc(var(--wsf-field-radio-size) / 10)) rotate(45deg);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field + label.wsf-label {
margin-right: calc(var(--wsf-field-radio-size) + var(--wsf-field-radio-gap-horizontal));
margin-left: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label {
margin-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label::before {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label::after {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-end: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
padding-inline-end: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
right: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
left: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
left: 0;
right: calc(var(--wsf-field-radio-switch-width) - var(--wsf-field-radio-switch-size) - (var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-color + label.wsf-label {
margin-left: auto;
margin-right: 0;
padding-left: auto;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-image + label.wsf-label {
margin-left: auto;
margin-right: 0;
padding-left: auto;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="1"] {
-webkit-margin-end: var(--wsf-field-radio-size);
margin-inline-end: var(--wsf-field-radio-size);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="2"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 2);
margin-inline-end: calc(var(--wsf-field-radio-size) * 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="3"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 3);
margin-inline-end: calc(var(--wsf-field-radio-size) * 3);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="4"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 4);
margin-inline-end: calc(var(--wsf-field-radio-size) * 4);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="5"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 5);
margin-inline-end: calc(var(--wsf-field-radio-size) * 5);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="6"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 6);
margin-inline-end: calc(var(--wsf-field-radio-size) * 6);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="7"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 7);
margin-inline-end: calc(var(--wsf-field-radio-size) * 7);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="8"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 8);
margin-inline-end: calc(var(--wsf-field-radio-size) * 8);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="9"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 9);
margin-inline-end: calc(var(--wsf-field-radio-size) * 9);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="10"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 10);
margin-inline-end: calc(var(--wsf-field-radio-size) * 10);
}
.wsf-form.wsf-rtl input[type=radio].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=radio].wsf-field {
background-color: var(--wsf-field-radio-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field:checked::after {
background-color: var(--wsf-field-radio-checked-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].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=radio].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].wsf-field.wsf-button:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch:hover:enabled:not(:checked):not(:focus) + 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=radio].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-radio-button-color-background-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-radio-button-color-background-alt);
color: var(--wsf-field-radio-button-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-radio-checked-button-color-background-alt);
border-color: var(--wsf-field-radio-checked-button-color-background-alt);
color: var(--wsf-field-radio-checked-button-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-radio-switch-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].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=radio].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=radio].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-radio-checked-switch-color-background-alt);
border-color: var(--wsf-field-radio-checked-switch-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-radio-checked-switch-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].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=radio].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=radio].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-radio-checked-swatch-border-color-alt);
box-shadow: inset 0 0 0 2px var(--wsf-field-radio-checked-swatch-box-shadow-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].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=radio].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=radio].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=radio].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=radio].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-radio-checked-image-border-color-alt);
border-color: var(--wsf-field-radio-checked-image-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label::before {
border-color: var(--wsf-field-border-color-invalid-alt);
}

.wsf-form ul.wsf-group-tabs {
border-bottom: var(--wsf-group-ul-border-width) var(--wsf-group-ul-border-style) var(--wsf-group-ul-border-color);
display: flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-column-gap: var(--wsf-group-li-gap);
-moz-column-gap: var(--wsf-group-li-gap);
column-gap: var(--wsf-group-li-gap);
list-style: none;
margin: 0 0 var(--wsf-form-grid-gap) 0;
padding: 0;
position: relative;
}
.wsf-form ul.wsf-group-tabs > li {
box-sizing: border-box;
margin-bottom: calc(-1 * var(--wsf-group-ul-border-width));
outline: none;
position: relative;
--wsf-group-li-border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color);
--wsf-group-li-border-active: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-active);
--wsf-group-li-border-focus: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-focus);
--wsf-group-li-border-transparent: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) transparent;
}
.wsf-form ul.wsf-group-tabs > li > a {
background-color: var(--wsf-group-li-color-background);
border-top: var(--wsf-group-li-border);
border-left: var(--wsf-group-li-border);
border-right: var(--wsf-group-li-border);
border-bottom: var(--wsf-group-li-border-transparent);
border-top-left-radius: var(--wsf-group-li-border-radius);
border-top-right-radius: var(--wsf-group-li-border-radius);
box-shadow: none;
color: var(--wsf-group-li-color);
cursor: pointer;
display: block;
font-family: var(--wsf-group-li-font-family);
font-size: var(--wsf-group-li-font-size);
font-style: var(--wsf-group-li-font-style);
font-weight: var(--wsf-group-li-font-weight);
letter-spacing: var(--wsf-group-li-letter-spacing);
line-height: var(--wsf-group-li-line-height);
padding: var(--wsf-group-li-padding);
text-align: center;
-webkit-text-decoration: var(--wsf-group-li-text-decoration);
text-decoration: var(--wsf-group-li-text-decoration);
text-transform: var(--wsf-group-li-text-transform);
white-space: nowrap;
}
.wsf-form ul.wsf-group-tabs > li > a:focus {
background-color: var(--wsf-group-li-color-background-focus);
border-top: var(--wsf-group-li-border-focus);
border-left: var(--wsf-group-li-border-focus);
border-right: var(--wsf-group-li-border-focus);
border-bottom: var(--wsf-group-li-border-transparent);
color: var(--wsf-group-li-color-focus);
outline: 0;
}
.wsf-form ul.wsf-group-tabs > li > a.wsf-tab-disabled {
background-color: var(--wsf-group-ul-color-background-disabled);
border: var(--wsf-group-li-border-width-disabled) var(--wsf-group-li-border-style-disabled) var(--wsf-group-li-border-color-disabled);
color: var(--wsf-group-li-color-disabled);
cursor: not-allowed;
pointer-events: none;
}
.wsf-form ul.wsf-group-tabs > li.wsf-tab-active {
z-index: 1;
}
.wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a {
background-color: var(--wsf-group-li-color-background-active);
border-top: var(--wsf-group-li-border-active);
border-left: var(--wsf-group-li-border-active);
border-right: var(--wsf-group-li-border-active);
border-bottom: var(--wsf-group-li-border-transparent);
color: var(--wsf-group-li-color-active);
cursor: default;
}
.wsf-form ul.wsf-group-tabs.wsf-steps {
border-bottom: none;
counter-reset: step;
justify-content: space-between;
flex-wrap: nowrap;
z-index: 0;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li {
margin-bottom: 0;
width: 100%;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a {
border: none !important;
padding: 0;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a::before {
background-color: var(--wsf-group-li-steps-color-background-complete);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color-complete);
border-radius: 50%;
content: counter(step);
counter-increment: step;
color: var(--wsf-group-li-steps-color-complete);
display: block;
font-family: var(--wsf-group-li-steps-font-family);
font-size: var(--wsf-group-li-steps-font-size);
font-style: var(--wsf-group-li-steps-font-style);
font-weight: var(--wsf-group-li-steps-font-weight);
height: var(--wsf-group-li-steps-size);
letter-spacing: var(--wsf-group-li-steps-letter-spacing);
line-height: var(--wsf-group-li-steps-size);
margin: 0 auto var(--wsf-field-padding-horizontal);
text-align: center;
-webkit-text-decoration: var(--wsf-group-li-steps-text-decoration);
text-decoration: var(--wsf-group-li-steps-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-group-li-steps-text-transform);
width: var(--wsf-group-li-steps-size);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a::after {
background-color: var(--wsf-group-li-steps-border-color-complete);
content: "";
height: var(--wsf-group-li-border-width);
left: -50%;
position: absolute;
top: calc(var(--wsf-group-li-steps-size) / 2);
width: 100%;
z-index: -2;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus::before {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li:first-child > a::after {
content: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a.wsf-tab-disabled:before, .wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a.wsf-tab-disabled::before {
color: var(--wsf-group-li-color-disabled);
cursor: not-allowed;
pointer-events: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active {
z-index: -1;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a {
background-color: transparent;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a::before {
background-color: var(--wsf-group-li-steps-color-background-active);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color-active);
color: var(--wsf-group-li-steps-color-active);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a::before {
background-color: var(--wsf-group-li-steps-color-background);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color);
color: var(--wsf-group-li-steps-color);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a::after {
background-color: var(--wsf-group-li-steps-border-color);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a::before {
background-color: var(--wsf-form-color-success);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-form-color-succecss);
color: #fff;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a::after {
background-color: var(--wsf-form-color-success);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a:not(.wsf-tab-disabled):focus:before {
border-color: var(--wsf-form-color-success);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a > li.wsf-tab-active > a::before {
color: var(--wsf-form-color-success);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-no-label > li > a > span {
display: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li > a::before {
content: "✓";
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li.wsf-tab-active > a::before {
content: counter(step);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li.wsf-tab-active ~ li > a::before {
content: counter(step);
}
.wsf-form ul.wsf-group-tabs.wsf-sticky {
align-self: flex-start;
background-color: var(--wsf-form-color-background);
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 ul.wsf-group-tabs.wsf-sticky.wsf-steps {
margin-bottom: 0;
padding-bottom: var(--wsf-form-grid-gap);
}
.wsf-form.wsf-vertical {
display: flex;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs {
border-bottom: none;
-webkit-border-end: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color);
border-inline-end: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color);
flex-direction: column;
-webkit-margin-end: var(--wsf-form-grid-gap);
margin-inline-end: var(--wsf-form-grid-gap);
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps {
-webkit-border-end: none;
border-inline-end: none;
justify-content: flex-start;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps > li {
margin-bottom: var(--wsf-form-grid-gap);
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a {
border: none;
text-align: left;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a::before {
display: inline-block;
margin-bottom: 0;
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a::after {
height: 100%;
left: calc(var(--wsf-group-li-steps-size) / 2);
top: -50%;
width: var(--wsf-group-li-border-width);
}
.wsf-form.wsf-vertical ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a {
border: none;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs > li {
margin-bottom: 0;
-webkit-margin-end: calc(-1 * var(--wsf-group-li-border-width));
margin-inline-end: calc(-1 * var(--wsf-group-li-border-width));
}
.wsf-form.wsf-vertical ul.wsf-group-tabs > li > a {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color);
border-top-left-radius: var(--wsf-group-li-border-radius);
border-top-right-radius: 0;
border-bottom-left-radius: var(--wsf-group-li-border-radius);
}
.wsf-form.wsf-vertical ul.wsf-group-tabs > li > a:focus {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-focus);
outline: 0;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs > li > a::after {
background-color: var(--wsf-group-li-border-color);
content: "";
height: var(--wsf-group-step-width);
left: -50%;
position: absolute;
top: var(--wsf-group-step-gap);
width: 100%;
z-index: -2;
}
.wsf-form.wsf-vertical ul.wsf-group-tabs > li.wsf-tab-active > a {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-active);
-webkit-border-end-color: transparent;
border-inline-end-color: transparent;
}
.wsf-form.wsf-vertical .wsf-groups {
width: 100%;
}
.wsf-form.wsf-vertical.wsf-sticky {
margin-top: 0;
padding-top: 0;
}
.wsf-form.wsf-vertical.wsf-sticky.wsf-steps {
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-top: var(--wsf-form-grid-gap);
}
.wsf-form.wsf-vertical.wsf-sticky.wsf-steps > li > a:last-child {
margin-bottom: 0;
}
.wsf-form ul.wsf-group-tabs > li > a {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a::before {
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 ul.wsf-group-tabs.wsf-steps > li > a::after {
transition: background-color var(--wsf-form-transition);
}
.wsf-form.wsf-rtl.wsf-vertical ul.wsf-group-tabs > li > a {
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-vertical ul.wsf-group-tabs .wsf-steps > li > a {
text-align: right;
}
.wsf-form.wsf-rtl.wsf-vertical ul.wsf-group-tabs .wsf-steps > li > a :after {
left: auto;
right: calc(var(--wsf-group-step-gap) / 2);
}
.wsf-form.wsf-rtl ul.wsf-group-tabs.wsf-steps > li > a::after {
left: auto;
right: -50%;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs {
border-bottom: var(--wsf-group-ul-border-width) var(--wsf-group-ul-border-style) var(--wsf-group-ul-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs > li {
--wsf-group-li-border-alt: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-alt);
--wsf-group-li-border-focus-alt: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-focus-alt);
--wsf-group-li-border-active-alt: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-active-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs > li > a {
background-color: var(--wsf-group-li-color-background-alt);
border-top: var(--wsf-group-li-border-alt);
border-left: var(--wsf-group-li-border-alt);
border-right: var(--wsf-group-li-border-alt);
color: var(--wsf-group-li-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs > li > a:focus {
background-color: var(--wsf-group-li-color-background-focus-alt);
border-top: var(--wsf-group-li-border-focus-alt);
border-left: var(--wsf-group-li-border-focus-alt);
border-right: var(--wsf-group-li-border-focus-alt);
color: var(--wsf-group-li-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs > li > a.wsf-tab-disabled {
background-color: var(--wsf-group-ul-color-background-disabled-alt);
border: var(--wsf-group-li-border-width-disabled) var(--wsf-group-li-border-style-disabled) var(--wsf-group-li-border-color-disabled-alt);
color: var(--wsf-group-li-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs > li.wsf-tab-active > a {
background-color: var(--wsf-group-li-color-background-active-alt);
border-top: var(--wsf-group-li-border-active-alt);
border-left: var(--wsf-group-li-border-active-alt);
border-right: var(--wsf-group-li-border-active-alt);
color: var(--wsf-group-li-color-active-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li > a::before {
background-color: var(--wsf-group-li-steps-color-background-complete-alt);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color-complete-alt);
color: var(--wsf-group-li-steps-color-complete-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li > a::after {
background-color: var(--wsf-group-li-steps-border-color-complete-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus::before {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li:first-child > a::after {
content: none;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li > a.wsf-tab-disabled:before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a.wsf-tab-disabled::before {
color: var(--wsf-group-li-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active {
z-index: -1;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a {
background-color: transparent;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a::before {
background-color: var(--wsf-group-li-steps-color-background-active-alt);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color-active-alt);
color: var(--wsf-group-li-steps-color-active-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a::before {
background-color: var(--wsf-group-li-steps-color-background-alt);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-steps-border-color-alt);
color: var(--wsf-group-li-steps-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a::after {
background-color: var(--wsf-group-li-steps-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a::before {
background-color: var(--wsf-form-color-success-alt);
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-form-color-succecss-alt);
color: #fff;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a::after {
background-color: var(--wsf-form-color-success-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a:not(.wsf-tab-disabled):focus:before {
border-color: var(--wsf-form-color-success-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a > li.wsf-tab-active > a::before {
color: var(--wsf-form-color-success-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] ul.wsf-group-tabs.wsf-sticky {
background-color: var(--wsf-form-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-vertical ul.wsf-group-tabs {
-webkit-border-end: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-alt);
border-inline-end: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-vertical ul.wsf-group-tabs > li > a {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-vertical ul.wsf-group-tabs > li > a:focus {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-vertical ul.wsf-group-tabs > li > a::after {
background-color: var(--wsf-group-li-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-vertical ul.wsf-group-tabs > li.wsf-tab-active > a {
border: var(--wsf-group-li-border-width) var(--wsf-group-li-border-style) var(--wsf-group-li-border-color-active-alt);
}.wsf-form textarea.wsf-field {
height: auto;
min-height: var(--wsf-field-height);
overflow: auto;
resize: vertical;
}
.wsf-form textarea.wsf-field[data-textarea-type=tinymce] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wsf-form textarea.wsf-field[data-wsf-field-sizing-content] {
field-sizing: content;
}
.wsf-form [data-type=textarea] .wp-editor-tabs {
box-sizing: content-box;
}
.wsf-form [data-type=textarea] .mce-btn.mce-active button,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover button,
.wsf-form [data-type=textarea] .mce-btn.mce-active i,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover i {
color: #000;
}:root {
--wsf-loader-fade-in-duration: 0s;
--wsf-loader-fade-out-duration: 0s;
--wsf-loader-overlay-color: 255, 255, 255;
--wsf-loader-overlay-opacity: 0.5;
--wsf-loader-overlay-cursor: wait;
--wsf-loader-overlay-z-index: 2;
--wsf-loader-sprite-animation-duration: 1s;
--wsf-loader-sprite-border: 5px;
--wsf-loader-sprite-color: 0, 0, 0;
--wsf-loader-sprite-color-accent: 255, 61, 0;
--wsf-loader-sprite-offset-top: -10px;
--wsf-loader-sprite-offset-top-align: 0;
--wsf-loader-sprite-offset-top-always-visible: 0;
--wsf-loader-sprite-offset-left: 0;
--wsf-loader-sprite-offset-left-align: 0;
--wsf-loader-sprite-opacity: 1;
--wsf-loader-sprite-opacity-accent: 1;
--wsf-loader-sprite-size: 48px;
--wsf-loader-text-display: none;
--wsf-loader-text-margin-top: 10px;
}
.wsf-loader {
background: rgba(var(--wsf-loader-overlay-color), var(--wsf-loader-overlay-opacity));
cursor: var(--wsf-loader-overlay-cursor);
display: none;
margin: 0;
min-height: var(--wsf-loader-sprite-size);
padding: 0;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: var(--wsf-loader-overlay-z-index);
}
.wsf-form-loader-show .wsf-loader {
-webkit-animation: wsf-fade-in var(--wsf-loader-fade-in-duration);
animation: wsf-fade-in var(--wsf-loader-fade-in-duration);
}
.wsf-form-loader-hide .wsf-loader {
-webkit-animation: wsf-fade-out var(--wsf-loader-fade-out-duration);
animation: wsf-fade-out var(--wsf-loader-fade-out-duration);
}
.wsf-loader-inner {
box-sizing: border-box;
display: block;
left: calc(50% + var(--wsf-loader-sprite-offset-left) + var(--wsf-loader-sprite-offset-left-align));
margin: 0;
padding: 0;
position: relative;
text-align: center;
top: calc(50% + var(--wsf-loader-sprite-offset-top) + var(--wsf-loader-sprite-offset-top-align) + var(--wsf-loader-sprite-offset-top-always-visible));
}
.wsf-loader-inner p {
display: var(--wsf-loader-text-display);
margin: 0;
margin-top: var(--wsf-loader-text-margin-top);
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-loader-inner .wsf-loader-sprite {
border-radius: 50%;
color: var(--wsf-loader-sprite-color);
display: inline-block;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-25-gap {
-webkit-animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
border: var(--wsf-loader-sprite-border) solid rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
border-bottom-color: transparent;
height: var(--wsf-loader-sprite-size);
width: var(--wsf-loader-sprite-size);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-25-accent {
-webkit-animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
border: var(--wsf-loader-sprite-border) solid rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
border-bottom-color: rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent));
height: var(--wsf-loader-sprite-size);
width: var(--wsf-loader-sprite-size);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-grow {
-webkit-animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
height: var(--wsf-loader-sprite-size);
width: var(--wsf-loader-sprite-size);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-grow:before {
-webkit-animation: wsf-loader-animation-rotate-grow 2s linear infinite;
animation: wsf-loader-animation-rotate-grow 2s linear infinite;
border-radius: 50%;
border: var(--wsf-loader-sprite-border) solid rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
content: "";
inset: 0;
position: absolute;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-circle-dots-pulse {
-webkit-animation: wsf-loader-animation-circle-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-circle-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite linear;
font-size: calc(var(--wsf-loader-sprite-size) / 7);
height: 1em;
width: 1em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-dots {
-webkit-animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
border: var(--wsf-loader-sprite-border) dotted rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
height: var(--wsf-loader-sprite-size);
width: var(--wsf-loader-sprite-size);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-circle-dots {
-webkit-animation: wsf-loader-animation-circle-dots var(--wsf-loader-sprite-animation-duration) infinite ease;
animation: wsf-loader-animation-circle-dots var(--wsf-loader-sprite-animation-duration) infinite ease;
font-size: calc(var(--wsf-loader-sprite-size) / 6);
height: 1em;
width: 1em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-dots-tail {
-webkit-animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite linear;
display: inline-block;
border-top: var(--wsf-loader-sprite-border) dotted rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
border-right: var(--wsf-loader-sprite-border) dotted transparent;
height: var(--wsf-loader-sprite-size);
width: var(--wsf-loader-sprite-size);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-rotate-dots-pulse {
-webkit-animation: wsf-loader-animation-rotate-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite ease, wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite ease;
animation: wsf-loader-animation-rotate-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite ease, wsf-loader-animation-rotate var(--wsf-loader-sprite-animation-duration) infinite ease;
font-size: calc(var(--wsf-loader-sprite-size) / 1.8);
height: 1em;
overflow: hidden;
width: 1em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse, .wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:before, .wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:after {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: wsf-loader-animation-horizontal-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite ease-in-out;
animation: wsf-loader-animation-horizontal-dots-pulse var(--wsf-loader-sprite-animation-duration) infinite ease-in-out;
height: 2.5em;
width: 2.5em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
font-size: calc(var(--wsf-loader-sprite-size) / 9.5);
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:before, .wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:after {
border-radius: 50%;
content: "";
position: absolute;
top: 0;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:before {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
left: -3.5em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-pulse:after {
left: 3.5em;
}
.wsf-loader-inner .wsf-loader-sprite.wsf-loader-sprite-horizontal-dots-accent {
-webkit-animation: wsf-loader-animation-horizontal-dots-accent var(--wsf-loader-sprite-animation-duration) infinite linear;
animation: wsf-loader-animation-horizontal-dots-accent var(--wsf-loader-sprite-animation-duration) infinite linear;
background: rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
height: calc(var(--wsf-loader-sprite-size) / 5);
width: calc(var(--wsf-loader-sprite-size) / 5);
}
@-webkit-keyframes wsf-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes wsf-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes wsf-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes wsf-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes wsf-loader-animation-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wsf-loader-animation-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes wsf-loader-animation-rotate-grow {
0% {
-webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
@keyframes wsf-loader-animation-rotate-grow {
0% {
-webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
@-webkit-keyframes wsf-loader-animation-circle-dots-pulse {
0%, 100% {
box-shadow: 0 -3em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
12.5% {
box-shadow: 0 -3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
25% {
box-shadow: 0 -3em 0 -0.5em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
37.5% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
50% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
62.5% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
75% {
box-shadow: 0em -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
87.5% {
box-shadow: 0em -3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
}
@keyframes wsf-loader-animation-circle-dots-pulse {
0%, 100% {
box-shadow: 0 -3em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
12.5% {
box-shadow: 0 -3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
25% {
box-shadow: 0 -3em 0 -0.5em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
37.5% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
50% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 0em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
62.5% {
box-shadow: 0 -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
75% {
box-shadow: 0em -3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
87.5% {
box-shadow: 0em -3em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em -2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 3em 0 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 2em 2em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), 0 3em 0 -1em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em 2em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -3em 0em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), -2em -2em 0 0.2em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
}
@-webkit-keyframes wsf-loader-animation-circle-dots {
0%, 100% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 1), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.7), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.5), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1);
}
}
@keyframes wsf-loader-animation-circle-dots {
0%, 100% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 1), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.7), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.5), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 1), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 1), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 2.5em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 1.75em 1.75em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), 0em 2.5em 0 0em rgba(var(--wsf-loader-sprite-color), 0.2), -1.8em 1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 0.5), -2.6em 0em 0 0em rgba(var(--wsf-loader-sprite-color), 0.7), -1.8em -1.8em 0 0em rgba(var(--wsf-loader-sprite-color), 1);
}
}
@-webkit-keyframes wsf-loader-animation-rotate-dots-pulse {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%, 95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%, 59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes wsf-loader-animation-rotate-dots-pulse {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%, 95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%, 59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@-webkit-keyframes wsf-loader-animation-horizontal-dots-pulse {
0%, 80%, 100% {
box-shadow: 0 2.5em 0 -1.3em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
40% {
box-shadow: 0 2.5em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
}
@keyframes wsf-loader-animation-horizontal-dots-pulse {
0%, 80%, 100% {
box-shadow: 0 2.5em 0 -1.3em rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
40% {
box-shadow: 0 2.5em 0 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
}
@-webkit-keyframes wsf-loader-animation-horizontal-dots-accent {
25% {
background: rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
50% {
background: rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
75% {
background: rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent));
}
}
@keyframes wsf-loader-animation-horizontal-dots-accent {
25% {
background: rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
50% {
background: rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
}
75% {
background: rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity));
box-shadow: calc(var(--wsf-loader-sprite-size) / 2.5 * -1) 0 rgba(var(--wsf-loader-sprite-color), var(--wsf-loader-sprite-opacity)), calc(var(--wsf-loader-sprite-size) / 2.5) 0 rgba(var(--wsf-loader-sprite-color-accent), var(--wsf-loader-sprite-opacity-accent));
}
}.wsf-form input[type=range].wsf-field {
-webkit-appearance: none;
background: none;
border: none;
margin: 0;
outline: none;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
--wsf-color-lower-track: var(--wsf-field-range-track-lower-color);
--wsf-color-upper-track: var(--wsf-field-range-track-upper-color);
--wsf-fill-lower-track: 0%;
}
.wsf-form input[type=range].wsf-field[data-fill-lower-track]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, var(--wsf-color-lower-track), var(--wsf-color-lower-track) var(--wsf-fill-lower-track), var(--wsf-color-upper-track) var(--wsf-fill-lower-track), var(--wsf-color-upper-track) 100%);
}
.wsf-form input[type=range].wsf-field[data-fill-lower-track]::-moz-range-track {
background-image: linear-gradient(to right, var(--wsf-color-lower-track), var(--wsf-color-lower-track) var(--wsf-fill-lower-track), var(--wsf-color-upper-track) var(--wsf-fill-lower-track), var(--wsf-color-upper-track) 100%);
}
.wsf-form input[type=range].wsf-field[data-fill-lower-track]::-ms-fill-lower {
background-color: var(--wsf-color-lower-track);
}
.wsf-form input[type=range].wsf-field::-webkit-slider-runnable-track {
background-color: var(--wsf-field-range-track-color);
border-radius: var(--wsf-field-range-track-border-radius);
cursor: pointer;
height: var(--wsf-field-range-track-size);
}
.wsf-form input[type=range].wsf-field::-moz-range-track {
background-color: var(--wsf-field-range-track-color);
border-radius: var(--wsf-field-range-track-border-radius);
cursor: pointer;
height: var(--wsf-field-range-track-size);
}
.wsf-form input[type=range].wsf-field::-ms-track {
background-color: var(--wsf-field-range-track-color);
border-color: transparent;
border-radius: var(--wsf-field-range-track-border-radius);
color: transparent;
cursor: pointer;
height: var(--wsf-field-range-track-size);
}
.wsf-form input[type=range].wsf-field::-ms-fill-lower, .wsf-form input[type=range].wsf-field::-ms-fill-upper {
background-color: var(--wsf-field-range-track-color);
border-radius: var(--wsf-field-range-track-border-radius);
cursor: pointer;
height: var(--wsf-field-range-track-size);
}
.wsf-form input[type=range].wsf-field::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: var(--wsf-field-range-thumb-color);
border-radius: 50%;
cursor: pointer;
height: var(--wsf-field-range-thumb-size);
margin-top: calc(-1 * (var(--wsf-field-range-thumb-size) - var(--wsf-field-range-track-size)) / 2);
width: var(--wsf-field-range-thumb-size);
}
.wsf-form input[type=range].wsf-field::-moz-range-thumb {
-webkit-appearance: none;
background-color: var(--wsf-field-range-thumb-color);
border: none;
border-radius: 50%;
cursor: pointer;
height: var(--wsf-field-range-thumb-size);
margin-top: calc(-1 * (var(--wsf-field-range-thumb-size) - var(--wsf-field-range-track-size)) / 2);
width: var(--wsf-field-range-thumb-size);
}
.wsf-form input[type=range].wsf-field::-ms-thumb {
-webkit-appearance: none;
background-color: var(--wsf-field-range-thumb-color);
border: none;
border-radius: 50%;
cursor: pointer;
height: var(--wsf-field-range-thumb-size);
margin-top: calc(-1 * (var(--wsf-field-range-thumb-size) - var(--wsf-field-range-track-size)) / 2);
width: var(--wsf-field-range-thumb-size);
}
.wsf-form input[type=range].wsf-field:hover:enabled:not(:checked):not(:focus) {
-webkit-appearance: none;
background: none;
border: none;
outline: none;
}
.wsf-form input[type=range].wsf-field:focus {
-webkit-appearance: none;
background: none;
border: none;
outline: none;
}
.wsf-form input[type=range].wsf-field:focus::-webkit-slider-thumb {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=range].wsf-field:focus::-moz-range-thumb {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=range].wsf-field:focus::-ms-thumb {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=range].wsf-field::-moz-focus-outer {
border: 0;
}
.wsf-form input[type=range].wsf-field:disabled {
opacity: 0.5;
}
.wsf-form input[type=range].wsf-field:disabled::-webkit-slider-runnable-track {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field:disabled::-moz-range-track {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field:disabled::-ms-fill-lower, .wsf-form input[type=range].wsf-field:disabled::-ms-fill-upper {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field:disabled::-webkit-slider-thumb {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field:disabled::-moz-range-thumb {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field:disabled::-ms-thumb {
cursor: not-allowed;
}
.wsf-form input[type=range].wsf-field.wsf-hue::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.wsf-form input[type=range].wsf-field.wsf-hue::-moz-range-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.wsf-form input[type=range].wsf-field.wsf-hue::-ms-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.wsf-form input[type=range].wsf-field + datalist {
display: block;
height: var(--wsf-field-range-tickmark-label-font-size);
position: relative;
margin: 0 calc(var(--wsf-field-range-thumb-size) / 2) 0;
top: calc(-1 * var(--wsf-field-range-thumb-size));
width: calc(100% - var(--wsf-field-range-thumb-size));
z-index: 0;
}
.wsf-form input[type=range].wsf-field + datalist option {
display: block;
left: var(--wsf-position-tick-mark);
padding: 0;
position: absolute;
top: 0;
}
.wsf-form input[type=range].wsf-field + datalist option:before {
background-color: var(--wsf-field-range-tickmark-color);
content: "";
display: block;
height: var(--wsf-field-range-tickmark-height);
margin-left: calc(-1 * var(--wsf-field-range-tickmark-width) / 2);
width: var(--wsf-field-range-tickmark-width);
}
.wsf-form input[type=range].wsf-field + datalist option:after {
content: attr(data-label);
color: var(--wsf-field-range-tickmark-label-color);
font-family: var(--wsf-field-range-tickmark-label-font-family);
font-size: var(--wsf-field-range-tickmark-label-font-size);
font-style: var(--wsf-field-range-tickmark-label-font-style);
font-weight: var(--wsf-field-range-tickmark-label-font-weight);
letter-spacing: var(--wsf-field-range-tickmark-label-letter-spacing);
line-height: var(--wsf-field-range-tickmark-label-line-height);
position: absolute;
-webkit-text-decoration: var(--wsf-field-range-tickmark-label-text-decoration);
text-decoration: var(--wsf-field-range-tickmark-label-text-decoration);
text-transform: var(--wsf-field-range-tickmark-label-text-transform);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form .wsf-field-wrapper[data-type=range].wsf-range-vertical,
.wsf-form .wsf-field-wrapper[data-type=price_range].wsf-range-vertical {
--wsf-range-vertical-height: 200px;
}
.wsf-form .wsf-field-wrapper[data-type=range].wsf-range-vertical input.wsf-field,
.wsf-form .wsf-field-wrapper[data-type=price_range].wsf-range-vertical input.wsf-field {
left: calc(-1 * (var(--wsf-range-vertical-height) - var(--wsf-field-range-thumb-size) / 2));
position: relative;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: center right;
transform-origin: center right;
width: var(--wsf-range-vertical-height);
z-index: 1;
}
.wsf-form .wsf-field-wrapper[data-type=range].wsf-range-vertical input.wsf-field + datalist,
.wsf-form .wsf-field-wrapper[data-type=price_range].wsf-range-vertical input.wsf-field + datalist {
left: calc(-1 * (var(--wsf-range-vertical-height) - var(--wsf-field-range-thumb-size)));
top: calc(-1 * var(--wsf-field-range-thumb-size) / 2);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: center right;
transform-origin: center right;
width: calc(var(--wsf-range-vertical-height) - var(--wsf-field-range-thumb-size));
}
.wsf-form .wsf-field-wrapper[data-type=range].wsf-range-vertical input.wsf-field + datalist option:after,
.wsf-form .wsf-field-wrapper[data-type=price_range].wsf-range-vertical input.wsf-field + datalist option:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.wsf-form .wsf-field-wrapper[data-type=range].wsf-range-vertical input.wsf-field ~ small,
.wsf-form .wsf-field-wrapper[data-type=price_range].wsf-range-vertical input.wsf-field ~ small {
margin-top: calc(var(--wsf-range-vertical-height) - var(--wsf-field-range-thumb-size) / 2);
position: relative;
}
.wsf-form input[type=range].wsf-field::-webkit-slider-thumb {
transition: box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=range].wsf-field::-moz-range-thumb {
transition: box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=range].wsf-field::-ms-thumb {
transition: box-shadow var(--wsf-form-transition);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field {
--wsf-color-lower-track: var(--wsf-field-range-track-lower-color-alt);
--wsf-color-upper-track: var(--wsf-field-range-track-upper-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-webkit-slider-runnable-track {
background-color: var(--wsf-field-range-track-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-moz-range-track {
background-color: var(--wsf-field-range-track-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-ms-track {
background-color: var(--wsf-field-range-track-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-ms-fill-lower, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-ms-fill-upper {
background-color: var(--wsf-field-range-track-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-webkit-slider-thumb {
background-color: var(--wsf-field-range-thumb-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-moz-range-thumb {
background-color: var(--wsf-field-range-thumb-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field::-ms-thumb {
background-color: var(--wsf-field-range-thumb-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field + datalist option:before {
background-color: var(--wsf-field-range-tickmark-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=range].wsf-field + datalist option:after {
color: var(--wsf-field-range-tickmark-label-color-alt);
}
@-moz-document url-prefix() {
.wsf-form-canvas input[type=range].wsf-field + datalist {
display: none;
}
}:where(.fr-accordion) {
width: 100%;
display: flex;
flex-direction: column;
} ul.fr-accordion,
ol.fr-accordion {
list-style: none;
padding: 0;
margin: 0;
}
.fr-accordion__header{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
} :where(.fr-accordion__header) {
transition: all 0.3s ease-out;
width: 100%;
cursor: pointer;
background-color: var(--neutral-light);
color: var(--fr-text-dark);
padding: var(--space-s);
}
:where(.fr-accordion__title) {
font-size: var(--h4);
}
:where(.fr-accordion__icon-wrapper) {
display: flex;
justify-content: center;
aspect-ratio: 1/1;
}
i.fr-accordion__icon,
svg.fr-accordion__icon {
display: flex;
justify-content: center;
line-height: 1;
font-size: 1.5em;
min-width: 1em;
min-height: 1em;
}
.fr-accordion__body {
overflow: hidden;
height: 0;
transition: all 0.3s ease-out;
}
:where(.fr-accordion__content-wrapper) {
padding: var(--space-s);
}
.fr-accordion__alert {
background-color: rgb(148, 42, 42);
color: white;
padding: 1rem;
margin: 0;
border-radius: .25rem;
} .fr-accordion--toggle-all > * > :nth-child(2) {
height: auto !important;
}
.fr-accordion--first-item-opened > *:first-child > :nth-child(2) {
height: auto !important;
}
:where(.fr-accordion__icon) {
transition: all 0.3s ease-out;
}@layer bricks{[data-balloon],button[data-balloon]{overflow:visible}[data-balloon]{position:relative}[data-balloon]:hover:after,[data-balloon]:hover:before{opacity:1;pointer-events:auto}[data-balloon]:before{border:4px solid transparent;border-top:4px solid var(--bricks-tooltip-bg);content:"";display:none;height:0;transform:translate(-50%);width:0}[data-balloon]:after{background-color:var(--bricks-tooltip-bg);border-radius:4px;color:#fff;color:var(--bricks-tooltip-text);content:attr(data-balloon);display:none;font-size:12px;font-weight:700;letter-spacing:-.1px;line-height:1;padding:4px;text-transform:none;transform:translate(-50%);white-space:nowrap}[data-balloon]:not([data-balloon=""]):after,[data-balloon]:not([data-balloon=""]):before{display:block}[data-balloon]:after,[data-balloon]:before{opacity:0;pointer-events:none;position:absolute;z-index:10}[data-balloon-pos=top]:after,[data-balloon-pos=top]:before,[data-balloon]:not([data-balloon-pos]):after,[data-balloon]:not([data-balloon-pos]):before{left:50%;top:-6px}[data-balloon-pos=top]:before,[data-balloon]:not([data-balloon-pos]):before{border-bottom:none;border-top-color:var(--bricks-tooltip-bg)}[data-balloon-pos=top]:after,[data-balloon]:not([data-balloon-pos]):after{transform:translate(-50%,-100%)}[data-balloon-pos=top-right]:before{border-bottom-color:transparent;border-top-color:var(--bricks-tooltip-bg);right:4px;top:0;transform:translateY(-100%)}[data-balloon-pos=top-right]:after{right:0;top:-8px;transform:translateY(-100%)}body.rtl [data-balloon-pos=top-right]:before{left:4px;right:auto}body.rtl [data-balloon-pos=top-right]:after{left:0;right:auto;transform:translateY(-100%)}[data-balloon-pos=right]:after,[data-balloon-pos=right]:before{left:100%;top:50%;transform:translate(7px,-50%)}[data-balloon-pos=right]:before{border-right-color:var(--bricks-tooltip-bg);border-top-color:transparent;left:auto;right:0}[data-balloon-pos=bottom-right]:after,[data-balloon-pos=bottom-right]:before{bottom:-6px}[data-balloon-pos=bottom-right]:before{border-bottom-color:var(--bricks-tooltip-bg);border-top-color:transparent;right:4px;transform:translate(-50%)}[data-balloon-pos=bottom-right]:after{right:0;transform:translateY(100%)}body.rtl [data-balloon-pos=bottom-right]:before{left:8px;right:auto}body.rtl [data-balloon-pos=bottom-right]:after{left:0;right:auto;transform:translateY(100%)}[data-balloon-pos=bottom]:after,[data-balloon-pos=bottom]:before{bottom:-6px;left:50%}[data-balloon-pos=bottom]:before{border-bottom-color:var(--bricks-tooltip-bg);border-top:none}[data-balloon-pos=bottom-left]:after,[data-balloon-pos=bottom-left]:before{bottom:-6px}[data-balloon-pos=bottom-left]:before{border-bottom-color:var(--bricks-tooltip-bg);border-top-color:transparent;left:4px;transform:translate(50%)}[data-balloon-pos=bottom-left]:after{left:0;transform:translateY(100%)}body.rtl [data-balloon-pos=bottom-left]:before{right:4px;transform:translate(-50%)}body.rtl [data-balloon-pos=bottom-left]:after{left:auto;right:0;transform:translateY(100%)}[data-balloon-pos=bottom]:after{transform:translate(-50%,100%)}[data-balloon-pos=left]:after,[data-balloon-pos=left]:before{right:100%;top:50%;transform:translate(-7px,-50%)}[data-balloon-pos=left]:before{border-left-color:var(--bricks-tooltip-bg);border-top-color:transparent;left:0}body.rtl [data-balloon-pos=left]:before{transform:translateY(-50%)}[data-balloon-pos=top-left]:before{border-bottom-color:transparent;border-top-color:var(--bricks-tooltip-bg);left:4px;top:0;transform:translateY(-100%)}[data-balloon-pos=top-left]:after{left:0;top:-8px;transform:translateY(-100%)}body.rtl [data-balloon-pos=top-left]:before{right:4px}body.rtl [data-balloon-pos=top-left]:after{left:auto;right:0;transform:translateY(-100%)}[data-balloon-length]:after{line-height:1.2;white-space:normal}[data-balloon-length=fit]:after{width:100%}[data-balloon-length=small]:after{width:80px}[data-balloon-length=medium]:after{width:160px}[data-balloon-length=large]:after{width:240px}[data-balloon-length=xlarge]:after{width:320px}[data-balloon-break]:after{white-space:pre}[data-balloon-break][data-balloon-length]:after{white-space:pre-line;word-break:break-word}[data-builder-mode=dark] .brx-body.main{--bricks-tooltip-bg:#eaecef;--bricks-tooltip-text:#23282d}[data-builder-mode=dark] .brx-body.main [data-balloon]:after{background-color:var(--bricks-tooltip-bg);color:var(--bricks-tooltip-text)}[data-builder-mode=dark] .brx-body.main [data-balloon-pos=top-left]:before,[data-builder-mode=dark] .brx-body.main [data-balloon-pos=top-right]:before,[data-builder-mode=dark] .brx-body.main [data-balloon-pos=top]:before{border-top-color:var(--bricks-tooltip-bg)}[data-builder-mode=dark] .brx-body.main [data-balloon-pos=bottom-left]:before,[data-builder-mode=dark] .brx-body.main [data-balloon-pos=bottom-right]:before,[data-builder-mode=dark] .brx-body.main [data-balloon-pos=bottom]:before{border-bottom-color:var(--bricks-tooltip-bg)}[data-builder-mode=dark] .brx-body.main [data-balloon-pos=left]:before{border-left-color:var(--bricks-tooltip-bg)}[data-builder-mode=dark] .brx-body.main [data-balloon-pos=right]:before{border-right-color:var(--bricks-tooltip-bg)}}