.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; max-width: none; min-height: auto; 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 [data-captcha-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 [data-captcha-invalid] ~ .wsf-invalid-feedback, .wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback { display: block; } .wsf-form [data-type=captchafox]:has([data-mode=hidden]), .wsf-form [data-type=recaptcha]:has([data-recaptcha-type=v2_invisible], [data-recaptcha-type=v3_default]), .wsf-form [data-type=turnstile]:has([data-appearance=interaction-only]) { height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; } .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); }