body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.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);
}