@font-face{font-display:block;font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;src:url(//wirth-rae.de/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(//wirth-rae.de/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-family:Font Awesome\ 6 Brands;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-threads:before{content:"\e618"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-debian:before{content:"\e60b"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{content:"\f369"}.fa-ioxhost:before{content:"\f208"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-app-store:before{content:"\f36f"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-itunes-note:before{content:"\f3b5"}.fa-golang:before{content:"\e40f"}.fa-kickstarter:before{content:"\f3bb"}.fa-grav:before{content:"\f2d6"}.fa-weibo:before{content:"\f18a"}.fa-uncharted:before{content:"\e084"}.fa-firstdraft:before{content:"\f3a1"}.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}.fa-wikipedia-w:before{content:"\f266"}.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}.fa-angellist:before{content:"\f209"}.fa-galactic-republic:before{content:"\f50c"}.fa-nfc-directional:before{content:"\e530"}.fa-skype:before{content:"\f17e"}.fa-joget:before{content:"\f3b7"}.fa-fedora:before{content:"\f798"}.fa-stripe-s:before{content:"\f42a"}.fa-meta:before{content:"\e49b"}.fa-laravel:before{content:"\f3bd"}.fa-hotjar:before{content:"\f3b1"}.fa-bluetooth-b:before{content:"\f294"}.fa-sticker-mule:before{content:"\f3f7"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-hips:before{content:"\f452"}.fa-behance:before{content:"\f1b4"}.fa-reddit:before{content:"\f1a1"}.fa-discord:before{content:"\f392"}.fa-chrome:before{content:"\f268"}.fa-app-store-ios:before{content:"\f370"}.fa-cc-discover:before{content:"\f1f2"}.fa-wpbeginner:before{content:"\f297"}.fa-confluence:before{content:"\f78d"}.fa-mdb:before{content:"\f8ca"}.fa-dochub:before{content:"\f394"}.fa-accessible-icon:before{content:"\f368"}.fa-ebay:before{content:"\f4f4"}.fa-amazon:before{content:"\f270"}.fa-unsplash:before{content:"\e07c"}.fa-yarn:before{content:"\f7e3"}.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}.fa-500px:before{content:"\f26e"}.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}.fa-asymmetrik:before{content:"\f372"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-gratipay:before{content:"\f184"}.fa-apple:before{content:"\f179"}.fa-hive:before{content:"\e07f"}.fa-gitkraken:before{content:"\f3a6"}.fa-keybase:before{content:"\f4f5"}.fa-apple-pay:before{content:"\f415"}.fa-padlet:before{content:"\e4a0"}.fa-amazon-pay:before{content:"\f42c"}.fa-github-square:before,.fa-square-github:before{content:"\f092"}.fa-stumbleupon:before{content:"\f1a4"}.fa-fedex:before{content:"\f797"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-shopify:before{content:"\e057"}.fa-neos:before{content:"\f612"}.fa-square-threads:before{content:"\e619"}.fa-hackerrank:before{content:"\f5f7"}.fa-researchgate:before{content:"\f4f8"}.fa-swift:before{content:"\f8e1"}.fa-angular:before{content:"\f420"}.fa-speakap:before{content:"\f3f3"}.fa-angrycreative:before{content:"\f36e"}.fa-y-combinator:before{content:"\f23b"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}.fa-studiovinari:before{content:"\f3f8"}.fa-pied-piper:before{content:"\f2ae"}.fa-wordpress:before{content:"\f19a"}.fa-product-hunt:before{content:"\f288"}.fa-firefox:before{content:"\f269"}.fa-linode:before{content:"\f2b8"}.fa-goodreads:before{content:"\f3a8"}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}.fa-jsfiddle:before{content:"\f1cc"}.fa-sith:before{content:"\f512"}.fa-themeisle:before{content:"\f2b2"}.fa-page4:before{content:"\f3d7"}.fa-hashnode:before{content:"\e499"}.fa-react:before{content:"\f41b"}.fa-cc-paypal:before{content:"\f1f4"}.fa-squarespace:before{content:"\f5be"}.fa-cc-stripe:before{content:"\f1f5"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-bitcoin:before{content:"\f379"}.fa-keycdn:before{content:"\f3ba"}.fa-opera:before{content:"\f26a"}.fa-itch-io:before{content:"\f83a"}.fa-umbraco:before{content:"\f8e8"}.fa-galactic-senate:before{content:"\f50d"}.fa-ubuntu:before{content:"\f7df"}.fa-draft2digital:before{content:"\f396"}.fa-stripe:before{content:"\f429"}.fa-houzz:before{content:"\f27c"}.fa-gg:before{content:"\f260"}.fa-dhl:before{content:"\f790"}.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}.fa-xing:before{content:"\f168"}.fa-blackberry:before{content:"\f37b"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-playstation:before{content:"\f3df"}.fa-quinscape:before{content:"\f459"}.fa-less:before{content:"\f41d"}.fa-blogger-b:before{content:"\f37d"}.fa-opencart:before{content:"\f23d"}.fa-vine:before{content:"\f1ca"}.fa-paypal:before{content:"\f1ed"}.fa-gitlab:before{content:"\f296"}.fa-typo3:before{content:"\f42b"}.fa-reddit-alien:before{content:"\f281"}.fa-yahoo:before{content:"\f19e"}.fa-dailymotion:before{content:"\e052"}.fa-affiliatetheme:before{content:"\f36b"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-bootstrap:before{content:"\f836"}.fa-odnoklassniki:before{content:"\f263"}.fa-nfc-symbol:before{content:"\e531"}.fa-ethereum:before{content:"\f42e"}.fa-speaker-deck:before{content:"\f83c"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-patreon:before{content:"\f3d9"}.fa-avianex:before{content:"\f374"}.fa-ello:before{content:"\f5f1"}.fa-gofore:before{content:"\f3a7"}.fa-bimobject:before{content:"\f378"}.fa-facebook-f:before{content:"\f39e"}.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}.fa-mandalorian:before{content:"\f50f"}.fa-first-order-alt:before{content:"\f50a"}.fa-osi:before{content:"\f41a"}.fa-google-wallet:before{content:"\f1ee"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-periscope:before{content:"\f3da"}.fa-fulcrum:before{content:"\f50b"}.fa-cloudscale:before{content:"\f383"}.fa-forumbee:before{content:"\f211"}.fa-mizuni:before{content:"\f3cc"}.fa-schlix:before{content:"\f3ea"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}.fa-bandcamp:before{content:"\f2d5"}.fa-wpforms:before{content:"\f298"}.fa-cloudversify:before{content:"\f385"}.fa-usps:before{content:"\f7e1"}.fa-megaport:before{content:"\f5a3"}.fa-magento:before{content:"\f3c4"}.fa-spotify:before{content:"\f1bc"}.fa-optin-monster:before{content:"\f23c"}.fa-fly:before{content:"\f417"}.fa-aviato:before{content:"\f421"}.fa-itunes:before{content:"\f3b4"}.fa-cuttlefish:before{content:"\f38c"}.fa-blogger:before{content:"\f37c"}.fa-flickr:before{content:"\f16e"}.fa-viber:before{content:"\f409"}.fa-soundcloud:before{content:"\f1be"}.fa-digg:before{content:"\f1a6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-symfony:before{content:"\f83d"}.fa-maxcdn:before{content:"\f136"}.fa-etsy:before{content:"\f2d7"}.fa-facebook-messenger:before{content:"\f39f"}.fa-audible:before{content:"\f373"}.fa-think-peaks:before{content:"\f731"}.fa-bilibili:before{content:"\e3d9"}.fa-erlang:before{content:"\f39d"}.fa-x-twitter:before{content:"\e61b"}.fa-cotton-bureau:before{content:"\f89e"}.fa-dashcube:before{content:"\f210"}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-stack-exchange:before{content:"\f18d"}.fa-elementor:before{content:"\f430"}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-palfed:before{content:"\f3d8"}.fa-superpowers:before{content:"\f2dd"}.fa-resolving:before{content:"\f3e7"}.fa-xbox:before{content:"\f412"}.fa-searchengin:before{content:"\f3eb"}.fa-tiktok:before{content:"\e07b"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-renren:before{content:"\f18b"}.fa-linux:before{content:"\f17c"}.fa-glide:before{content:"\f2a5"}.fa-linkedin:before{content:"\f08c"}.fa-hubspot:before{content:"\f3b2"}.fa-deploydog:before{content:"\f38e"}.fa-twitch:before{content:"\f1e8"}.fa-ravelry:before{content:"\f2d9"}.fa-mixer:before{content:"\e056"}.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}.fa-vimeo:before{content:"\f40a"}.fa-mendeley:before{content:"\f7b3"}.fa-uniregistry:before{content:"\f404"}.fa-figma:before{content:"\f799"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-dropbox:before{content:"\f16b"}.fa-instagram:before{content:"\f16d"}.fa-cmplid:before{content:"\e360"}.fa-facebook:before{content:"\f09a"}.fa-gripfire:before{content:"\f3ac"}.fa-jedi-order:before{content:"\f50e"}.fa-uikit:before{content:"\f403"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-phabricator:before{content:"\f3db"}.fa-ussunnah:before{content:"\f407"}.fa-earlybirds:before{content:"\f39a"}.fa-trade-federation:before{content:"\f513"}.fa-autoprefixer:before{content:"\f41c"}.fa-whatsapp:before{content:"\f232"}.fa-slideshare:before{content:"\f1e7"}.fa-google-play:before{content:"\f3ab"}.fa-viadeo:before{content:"\f2a9"}.fa-line:before{content:"\f3c0"}.fa-google-drive:before{content:"\f3aa"}.fa-servicestack:before{content:"\f3ec"}.fa-simplybuilt:before{content:"\f215"}.fa-bitbucket:before{content:"\f171"}.fa-imdb:before{content:"\f2d8"}.fa-deezer:before{content:"\e077"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-jira:before{content:"\f7b1"}.fa-docker:before{content:"\f395"}.fa-screenpal:before{content:"\e570"}.fa-bluetooth:before{content:"\f293"}.fa-gitter:before{content:"\f426"}.fa-d-and-d:before{content:"\f38d"}.fa-microblog:before{content:"\e01a"}.fa-cc-diners-club:before{content:"\f24c"}.fa-gg-circle:before{content:"\f261"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-yandex:before{content:"\f413"}.fa-readme:before{content:"\f4d5"}.fa-html5:before{content:"\f13b"}.fa-sellsy:before{content:"\f213"}.fa-sass:before{content:"\f41e"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-buromobelexperte:before{content:"\f37f"}.fa-salesforce:before{content:"\f83b"}.fa-octopus-deploy:before{content:"\e082"}.fa-medapps:before{content:"\f3c6"}.fa-ns8:before{content:"\f3d5"}.fa-pinterest-p:before{content:"\f231"}.fa-apper:before{content:"\f371"}.fa-fort-awesome:before{content:"\f286"}.fa-waze:before{content:"\f83f"}.fa-cc-jcb:before{content:"\f24b"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-rust:before{content:"\e07a"}.fa-wix:before{content:"\f5cf"}.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}.fa-supple:before{content:"\f3f9"}.fa-rebel:before{content:"\f1d0"}.fa-css3:before{content:"\f13c"}.fa-staylinked:before{content:"\f3f5"}.fa-kaggle:before{content:"\f5fa"}.fa-space-awesome:before{content:"\e5ac"}.fa-deviantart:before{content:"\f1bd"}.fa-cpanel:before{content:"\f388"}.fa-goodreads-g:before{content:"\f3a9"}.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}.fa-trello:before{content:"\f181"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-get-pocket:before{content:"\f265"}.fa-perbyte:before{content:"\e083"}.fa-grunt:before{content:"\f3ad"}.fa-weebly:before{content:"\f5cc"}.fa-connectdevelop:before{content:"\f20e"}.fa-leanpub:before{content:"\f212"}.fa-black-tie:before{content:"\f27e"}.fa-themeco:before{content:"\f5c6"}.fa-python:before{content:"\f3e2"}.fa-android:before{content:"\f17b"}.fa-bots:before{content:"\e340"}.fa-free-code-camp:before{content:"\f2c5"}.fa-hornbill:before{content:"\f592"}.fa-js:before{content:"\f3b8"}.fa-ideal:before{content:"\e013"}.fa-git:before{content:"\f1d3"}.fa-dev:before{content:"\f6cc"}.fa-sketch:before{content:"\f7c6"}.fa-yandex-international:before{content:"\f414"}.fa-cc-amex:before{content:"\f1f3"}.fa-uber:before{content:"\f402"}.fa-github:before{content:"\f09b"}.fa-php:before{content:"\f457"}.fa-alipay:before{content:"\f642"}.fa-youtube:before{content:"\f167"}.fa-skyatlas:before{content:"\f216"}.fa-firefox-browser:before{content:"\e007"}.fa-replyd:before{content:"\f3e6"}.fa-suse:before{content:"\f7d6"}.fa-jenkins:before{content:"\f3b6"}.fa-twitter:before{content:"\f099"}.fa-rockrms:before{content:"\f3e9"}.fa-pinterest:before{content:"\f0d2"}.fa-buffer:before{content:"\f837"}.fa-npm:before{content:"\f3d4"}.fa-yammer:before{content:"\f840"}.fa-btc:before{content:"\f15a"}.fa-dribbble:before{content:"\f17d"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-internet-explorer:before{content:"\f26b"}.fa-stubber:before{content:"\e5c7"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-old-republic:before{content:"\f510"}.fa-odysee:before{content:"\e5c6"}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}.fa-node-js:before{content:"\f3d3"}.fa-edge-legacy:before{content:"\e078"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-medrt:before{content:"\f3c8"}.fa-usb:before{content:"\f287"}.fa-tumblr:before{content:"\f173"}.fa-vaadin:before{content:"\f408"}.fa-quora:before{content:"\f2c4"}.fa-square-x-twitter:before{content:"\e61a"}.fa-reacteurope:before{content:"\f75d"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-amilia:before{content:"\f36d"}.fa-mixcloud:before{content:"\f289"}.fa-flipboard:before{content:"\f44d"}.fa-viacoin:before{content:"\f237"}.fa-critical-role:before{content:"\f6c9"}.fa-sitrox:before{content:"\e44a"}.fa-discourse:before{content:"\f393"}.fa-joomla:before{content:"\f1aa"}.fa-mastodon:before{content:"\f4f6"}.fa-airbnb:before{content:"\f834"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-buy-n-large:before{content:"\f8a6"}.fa-gulp:before{content:"\f3ae"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-strava:before{content:"\f428"}.fa-ember:before{content:"\f423"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-teamspeak:before{content:"\f4f9"}.fa-pushed:before{content:"\f3e1"}.fa-wordpress-simple:before{content:"\f411"}.fa-nutritionix:before{content:"\f3d6"}.fa-wodu:before{content:"\e088"}.fa-google-pay:before{content:"\e079"}.fa-intercom:before{content:"\f7af"}.fa-zhihu:before{content:"\f63f"}.fa-korvue:before{content:"\f42f"}.fa-pix:before{content:"\e43a"}.fa-steam-symbol:before{content:"\f3f6"}.wsf-form {
-webkit-tap-highlight-color: transparent;
accent-color: var(--wsf-form-color-accent);
background-color: var(--wsf-form-color-background);
border: var(--wsf-form-border-width) var(--wsf-form-border-style) var(--wsf-form-border-color);
border-radius: var(--wsf-form-border-radius);
box-sizing: border-box;
color: var(--wsf-form-color-base);
font-family: var(--wsf-form-font-family);
font-size: var(--wsf-form-font-size);
font-style: var(--wsf-form-font-style);
font-weight: var(--wsf-form-font-weight);
letter-spacing: var(--wsf-form-letter-spacing);
line-height: var(--wsf-form-line-height);
padding: var(--wsf-form-padding-vertical) var(--wsf-form-padding-horizontal);
-webkit-text-decoration: var(--wsf-form-text-decoration);
text-decoration: var(--wsf-form-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-form-text-transform);
width: 100%;
}
.wsf-form *,
.wsf-form *::before,
.wsf-form *::after {
box-sizing: inherit;
}
.wsf-form a:active, .wsf-form a:focus, .wsf-form a:hover, .wsf-form a:link, .wsf-form a:visited {
color: var(--wsf-form-color-accent);
}
.wsf-form .wsf-section,
.wsf-form .wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-form .wsf-section {
background-color: var(--wsf-section-color-background);
}
.wsf-form .wsf-section.wsf-sticky {
align-self: flex-start;
height: auto;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-section > legend {
background-color: var(--wsf-section-legend-color-background);
border: 0;
color: var(--wsf-section-legend-color);
font-family: var(--wsf-section-legend-font-family);
font-size: var(--wsf-section-legend-font-size);
font-style: var(--wsf-section-legend-font-style);
font-weight: var(--wsf-section-legend-font-weight);
letter-spacing: var(--wsf-section-legend-letter-spacing);
line-height: var(--wsf-section-legend-line-height);
-webkit-text-decoration: var(--wsf-section-legend-text-decoration);
text-decoration: var(--wsf-section-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-section-legend-text-transform);
margin: 0 0 var(--wsf-section-legend-gap) 0;
padding: 0;
}
.wsf-form .wsf-section .wsf-section-icons a {
cursor: pointer;
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
height: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
width: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a[data-action=wsf-section-drag-icon] {
cursor: move;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled {
cursor: not-allowed;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-fieldset > legend {
background: var(--wsf-field-fieldset-legend-color-background);
border: 0;
color: var(--wsf-field-fieldset-legend-color);
font-family: var(--wsf-field-fieldset-legend-font-family);
font-size: var(--wsf-field-fieldset-legend-font-size);
font-style: var(--wsf-field-fieldset-legend-font-style);
font-weight: var(--wsf-field-fieldset-legend-font-weight);
letter-spacing: var(--wsf-field-fieldset-legend-letter-spacing);
line-height: var(--wsf-field-fieldset-legend-line-height);
margin: 0 0 var(--wsf-field-fieldset-legend-gap) 0;
padding: 0;
-webkit-text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-fieldset-legend-text-transform);
}
.wsf-form .wsf-field-wrapper {
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-form .wsf-field-wrapper.wsf-sticky {
align-self: flex-start;
background-color: var(--wsf-form-color-background);
height: auto;
margin-bottom: 0;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-bottom: var(--wsf-form-grid-gap);
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor], .wsf-form .wsf-field-wrapper[data-type=html], .wsf-form .wsf-field-wrapper[data-type=divider], .wsf-form .wsf-field-wrapper[data-type=message] {
margin-bottom: 0;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color);
font-family: var(--wsf-field-texteditor-font-family);
font-style: var(--wsf-field-texteditor-font-style);
font-weight: var(--wsf-field-texteditor-font-weight);
letter-spacing: var(--wsf-field-texteditor-letter-spacing);
line-height: var(--wsf-field-texteditor-line-height);
-webkit-text-decoration: var(--wsf-field-texteditor-text-decoration);
text-decoration: var(--wsf-field-texteditor-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-texteditor-text-transform);
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p {
font-size: var(--wsf-field-texteditor-font-size);
margin-bottom: var(--wsf-field-texteditor-p-margin-bottom);
}
.wsf-form .wsf-tile {
padding-left: calc(var(--wsf-form-grid-gap) / 2);
padding-right: calc(var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-grid {
margin-left: calc(-1 * var(--wsf-form-grid-gap) / 2);
margin-right: calc(-1 * var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-inline {
display: inline-block;
flex-direction: column;
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
-webkit-appearance: none;
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-color);
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: auto;
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: 0;
min-height: auto;
max-width: none;
opacity: 1;
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
width: 100%;
}
.wsf-form input[type=date].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=file].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=month].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=password].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=search].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=time].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=week].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=email].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=number].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=tel].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=text].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=url].wsf-field::-webkit-input-placeholder,
.wsf-form select.wsf-field::-webkit-input-placeholder,
.wsf-form textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-moz-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-moz-placeholder,
.wsf-form input[type=file].wsf-field::-moz-placeholder,
.wsf-form input[type=month].wsf-field::-moz-placeholder,
.wsf-form input[type=password].wsf-field::-moz-placeholder,
.wsf-form input[type=search].wsf-field::-moz-placeholder,
.wsf-form input[type=time].wsf-field::-moz-placeholder,
.wsf-form input[type=week].wsf-field::-moz-placeholder,
.wsf-form input[type=email].wsf-field::-moz-placeholder,
.wsf-form input[type=number].wsf-field::-moz-placeholder,
.wsf-form input[type=tel].wsf-field::-moz-placeholder,
.wsf-form input[type=text].wsf-field::-moz-placeholder,
.wsf-form input[type=url].wsf-field::-moz-placeholder,
.wsf-form select.wsf-field::-moz-placeholder,
.wsf-form textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-ms-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-ms-input-placeholder,
.wsf-form input[type=file].wsf-field::-ms-input-placeholder,
.wsf-form input[type=month].wsf-field::-ms-input-placeholder,
.wsf-form input[type=password].wsf-field::-ms-input-placeholder,
.wsf-form input[type=search].wsf-field::-ms-input-placeholder,
.wsf-form input[type=time].wsf-field::-ms-input-placeholder,
.wsf-form input[type=week].wsf-field::-ms-input-placeholder,
.wsf-form input[type=email].wsf-field::-ms-input-placeholder,
.wsf-form input[type=number].wsf-field::-ms-input-placeholder,
.wsf-form input[type=tel].wsf-field::-ms-input-placeholder,
.wsf-form input[type=text].wsf-field::-ms-input-placeholder,
.wsf-form input[type=url].wsf-field::-ms-input-placeholder,
.wsf-form select.wsf-field::-ms-input-placeholder,
.wsf-form textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::placeholder,
.wsf-form input[type=datetime-local].wsf-field::placeholder,
.wsf-form input[type=file].wsf-field::placeholder,
.wsf-form input[type=month].wsf-field::placeholder,
.wsf-form input[type=password].wsf-field::placeholder,
.wsf-form input[type=search].wsf-field::placeholder,
.wsf-form input[type=time].wsf-field::placeholder,
.wsf-form input[type=week].wsf-field::placeholder,
.wsf-form input[type=email].wsf-field::placeholder,
.wsf-form input[type=number].wsf-field::placeholder,
.wsf-form input[type=tel].wsf-field::placeholder,
.wsf-form input[type=text].wsf-field::placeholder,
.wsf-form input[type=url].wsf-field::placeholder,
.wsf-form select.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=file].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=month].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=password].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=search].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=time].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=week].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=email].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=number].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=tel].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=text].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=url].wsf-field:hover:enabled:not(:focus),
.wsf-form select.wsf-field:hover:enabled:not(:focus),
.wsf-form textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover);
}
.wsf-form input[type=date].wsf-field:focus,
.wsf-form input[type=datetime-local].wsf-field:focus,
.wsf-form input[type=file].wsf-field:focus,
.wsf-form input[type=month].wsf-field:focus,
.wsf-form input[type=password].wsf-field:focus,
.wsf-form input[type=search].wsf-field:focus,
.wsf-form input[type=time].wsf-field:focus,
.wsf-form input[type=week].wsf-field:focus,
.wsf-form input[type=email].wsf-field:focus,
.wsf-form input[type=number].wsf-field:focus,
.wsf-form input[type=tel].wsf-field:focus,
.wsf-form input[type=text].wsf-field:focus,
.wsf-form input[type=url].wsf-field:focus,
.wsf-form select.wsf-field:focus,
.wsf-form textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-color-focus);
outline: 0;
}
.wsf-form input[type=date].wsf-field.wsf-field:disabled,
.wsf-form input[type=datetime-local].wsf-field.wsf-field:disabled,
.wsf-form input[type=file].wsf-field.wsf-field:disabled,
.wsf-form input[type=month].wsf-field.wsf-field:disabled,
.wsf-form input[type=password].wsf-field.wsf-field:disabled,
.wsf-form input[type=search].wsf-field.wsf-field:disabled,
.wsf-form input[type=time].wsf-field.wsf-field:disabled,
.wsf-form input[type=week].wsf-field.wsf-field:disabled,
.wsf-form input[type=email].wsf-field.wsf-field:disabled,
.wsf-form input[type=number].wsf-field.wsf-field:disabled,
.wsf-form input[type=tel].wsf-field.wsf-field:disabled,
.wsf-form input[type=text].wsf-field.wsf-field:disabled,
.wsf-form input[type=url].wsf-field.wsf-field:disabled,
.wsf-form select.wsf-field.wsf-field:disabled,
.wsf-form textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled);
color: var(--wsf-field-color-disabled);
-webkit-text-fill-color: var(--wsf-field-color-disabled);
cursor: not-allowed;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form input[type=date].wsf-field::-moz-focus-inner,
.wsf-form input[type=datetime-local].wsf-field::-moz-focus-inner,
.wsf-form input[type=file].wsf-field::-moz-focus-inner,
.wsf-form input[type=month].wsf-field::-moz-focus-inner,
.wsf-form input[type=password].wsf-field::-moz-focus-inner,
.wsf-form input[type=search].wsf-field::-moz-focus-inner,
.wsf-form input[type=time].wsf-field::-moz-focus-inner,
.wsf-form input[type=week].wsf-field::-moz-focus-inner,
.wsf-form input[type=email].wsf-field::-moz-focus-inner,
.wsf-form input[type=number].wsf-field::-moz-focus-inner,
.wsf-form input[type=tel].wsf-field::-moz-focus-inner,
.wsf-form input[type=text].wsf-field::-moz-focus-inner,
.wsf-form input[type=url].wsf-field::-moz-focus-inner,
.wsf-form select.wsf-field::-moz-focus-inner,
.wsf-form textarea.wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
.wsf-form .wsf-label-wrapper label.wsf-label {
padding: calc(var(--wsf-field-padding-vertical) + var(--wsf-field-border-width)) 0;
margin-bottom: 0;
}
.wsf-form label.wsf-label {
background-color: var(--wsf-field-label-color-background);
display: block;
color: var(--wsf-field-label-color);
font-family: var(--wsf-field-label-font-family);
font-size: var(--wsf-field-label-font-size);
font-weight: var(--wsf-field-label-font-weight);
line-height: var(--wsf-field-label-line-height);
margin-bottom: var(--wsf-field-label-gap);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form .wsf-field + label.wsf-label,
.wsf-form select.wsf-field ~ .select2-container + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ .dropzone + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ canvas + label.wsf-label,
.wsf-form .wsf-input-group-append + label.wsf-label {
margin-bottom: 0;
margin-top: var(--wsf-field-label-gap);
}
.wsf-form .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-color-background);
color: var(--wsf-field-invalid-feedback-color);
display: none;
font-family: var(--wsf-field-invalid-feedback-font-family);
font-size: var(--wsf-field-invalid-feedback-font-size);
font-style: var(--wsf-field-invalid-feedback-font-style);
font-weight: var(--wsf-field-invalid-feedback-font-weight);
letter-spacing: var(--wsf-field-invalid-feedback-letter-spacing);
line-height: var(--wsf-field-invalid-feedback-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-invalid-feedback-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-invalid-feedback-text-transform);
}
.wsf-form [data-select-min-max],
.wsf-form [data-checkbox-min-max] {
display: none;
}
.wsf-form .wsf-help {
background-color: var(--wsf-field-help-color-background);
color: var(--wsf-field-help-color);
display: block;
font-family: var(--wsf-field-help-font-family);
font-size: var(--wsf-field-help-font-size);
font-style: var(--wsf-field-help-font-style);
font-weight: var(--wsf-field-help-font-weight);
letter-spacing: var(--wsf-field-help-letter-spacing);
line-height: var(--wsf-field-help-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-help-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-help-text-decoration);
text-decoration: var(--wsf-field-help-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-help-text-transform);
}
.wsf-form .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
margin-top: 0;
}
.wsf-form .wsf-label-position-inside .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
line-height: var(--wsf-field-line-height);
margin-top: 0;
position: absolute;
top: var(--wsf-field-padding-vertical);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background);
display: block;
-webkit-margin-start: calc(-1 * var(--wsf-field-font-size) / 4);
margin-inline-start: calc(-1 * var(--wsf-field-font-size) / 4);
padding-left: calc(var(--wsf-field-font-size) / 4);
padding-right: calc(var(--wsf-field-font-size) / 4);
-webkit-transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
}
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
display: none;
}
.wsf-form [data-wsf-tooltip=""]:before,
.wsf-form [data-wsf-tooltip=""]:after {
opacity: 0 !important;
}
.wsf-form [data-wsf-tooltip] {
cursor: help;
position: relative;
}
.wsf-form [data-wsf-tooltip] svg {
display: inline-block;
vertical-align: text-bottom;
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden;
z-index: 1000;
}
.wsf-form [data-wsf-tooltip]:focus {
outline: 0;
}
.wsf-form [data-wsf-tooltip]:hover:before,
.wsf-form [data-wsf-tooltip]:hover:after,
.wsf-form [data-wsf-tooltip]:focus:before,
.wsf-form [data-wsf-tooltip]:focus:after {
opacity: 1;
visibility: visible;
}
.wsf-form [data-wsf-tooltip]:before {
border: 5px solid transparent;
border-top-color: var(--wsf-field-tooltip-color-background);
bottom: calc(100% - 5px);
content: "";
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background);
border-radius: var(--wsf-field-tooltip-border-radius);
bottom: calc(100% + var(--wsf-field-tooltip-gap));
color: var(--wsf-field-tooltip-color);
content: attr(data-wsf-tooltip);
font-family: var(--wsf-field-tooltip-font-family);
font-size: var(--wsf-field-tooltip-font-size);
font-weight: var(--wsf-field-tooltip-font-weight);
left: 50%;
line-height: var(--wsf-field-tooltip-line-height);
max-width: 320px;
min-width: 180px;
padding: var(--wsf-field-padding);
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form .wsf-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wsf-form .wsf-input-group > label.wsf-label,
.wsf-form .wsf-input-group > .wsf-invalid-feedback,
.wsf-form .wsf-input-group > .wsf-help {
width: 100%;
}
.wsf-form .wsf-input-group > .wsf-field,
.wsf-form .wsf-input-group > select.wsf-field ~ .select2-container,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ .dropzone,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ canvas {
flex: 1 1 auto;
min-width: 0;
position: relative;
width: 1% !important;
}
.wsf-form .wsf-input-group-has-prepend > .wsf-field,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.wsf-form .wsf-input-group-has-append > .wsf-field,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-append > .dropzone {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form .wsf-input-group-prepend,
.wsf-form .wsf-input-group-append {
align-items: center;
background-color: var(--wsf-field-prefix-suffix-color-background);
border: var(--wsf-field-border);
color: var(--wsf-field-prefix-suffix-color);
display: flex;
font-family: var(--wsf-field-prefix-suffix-font-family);
font-size: var(--wsf-field-prefix-suffix-font-size);
font-style: var(--wsf-field-prefix-suffix-font-style);
font-weight: var(--wsf-field-prefix-suffix-font-weight);
letter-spacing: var(--wsf-field-prefix-suffix-letter-spacing);
line-height: var(--wsf-field-prefix-suffix-line-height);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-prefix-suffix-text-transform);
}
.wsf-form .wsf-input-group-prepend {
-webkit-border-end: none;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-inline-end: none;
border-top-left-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-input-group-append {
-webkit-border-start: none;
border-bottom-right-radius: var(--wsf-field-border-radius);
border-inline-start: none;
border-top-right-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-text-primary {
color: var(--wsf-form-color-primary);
}
.wsf-form .wsf-text-secondary {
color: var(--wsf-form-color-secondary);
}
.wsf-form .wsf-text-success {
color: var(--wsf-form-color-success);
}
.wsf-form .wsf-text-information {
color: var(--wsf-form-color-info);
}
.wsf-form .wsf-text-warning {
color: var(--wsf-form-color-warning);
}
.wsf-form .wsf-text-danger {
color: var(--wsf-form-color-danger);
}
.wsf-form .wsf-text-left {
text-align: left;
}
.wsf-form .wsf-text-center {
text-align: center;
}
.wsf-form .wsf-text-right {
text-align: right;
}
.wsf-form .wsf-hidden {
display: none !important;
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
transition: background-color var(--wsf-form-transition), background-image var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form canvas.wsf-field + label,
.wsf-form select.wsf-field + label,
.wsf-form input.wsf-field[placeholder] + label,
.wsf-form textarea.wsf-field[placeholder] + label,
.wsf-form canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form select.wsf-field + .wsf-input-group-append + label,
.wsf-form input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
transition: opacity var(--wsf-form-transition), visibility var(--wsf-form-transition);
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: var(--wsf-field-border-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: var(--wsf-field-border-radius) !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: var(--wsf-field-border-radius) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: var(--wsf-field-border-radius) !important;
}
.wsf-form.wsf-rtl .wsf-input-group-prepend {
border-top-left-radius: 0;
border-top-right-radius: var(--wsf-field-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--wsf-field-border-radius);
}
.wsf-form.wsf-rtl .wsf-input-group-append {
border-top-left-radius: var(--wsf-field-border-radius);
border-top-right-radius: 0;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-bottom-right-radius: 0;
}
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: auto;
right: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.wsf-form.wsf-validated select.wsf-field:invalid,
.wsf-form.wsf-validated textarea.wsf-field:invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:invalid,
.wsf-form .wsf-validated select.wsf-field:invalid,
.wsf-form .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid);
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form.wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated textarea.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated textarea.wsf-field:-moz-ui-invalid {
box-shadow: none;
}
.wsf-form.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback {
display: block;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:disabled,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:disabled {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom .wsf-input-group span {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] {
--wsf-form-color-accent: var(--wsf-form-color-accent-alt);
background-color: var(--wsf-form-color-background-alt);
color: var(--wsf-form-color-base-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section.wsf-sticky {
background-color: var(--wsf-section-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section > legend {
background-color: var(--wsf-section-legend-background-color-alt);
color: var(--wsf-section-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-fieldset > legend {
background-color: var(--wsf-field-fieldset-legend-background-color-alt);
color: var(--wsf-field-fieldset-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper.wsf-sticky {
background-color: var(--wsf-form-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus-alt);
box-shadow: var(--wsf-field-box-shadow-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled-alt);
color: var(--wsf-field-color-disabled-alt);
-webkit-text-fill-color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] label.wsf-label {
background-color: var(--wsf-field-label-background-color-alt);
color: var(--wsf-field-label-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-background-color-alt);
color: var(--wsf-field-invalid-feedback-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-help {
background-color: var(--wsf-field-help-color-background-alt);
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside:not(.wsf-label-position-inside-hide) textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:before {
border-top-color: var(--wsf-field-tooltip-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background-alt);
color: var(--wsf-field-tooltip-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-prepend,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-append {
background-color: var(--wsf-field-prefix-suffix-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-prefix-suffix-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid-alt);
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow-alt);
}
.pac-container {
z-index: 1401;
}
.elementor-element .wsf-form .wp-editor-tools button {
background-color: inherit !important;
}
.wsf-alert {
background-color: var(--wsf-field-message-color-background);
-webkit-border-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-inline-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-message-color);
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-alert > p {
color: var(--wsf-field-message-color);
}
.wsf-alert > p a,
.wsf-alert > p a:hover,
.wsf-alert > p a:focus {
color: var(--wsf-field-message-anchor-color);
text-decoration: underline;
}
.wsf-alert > :first-child {
margin-top: 0;
}
.wsf-alert > :last-child {
margin-bottom: 0;
}
.wsf-alert.wsf-alert-success {
background-color: var(--wsf-field-message-success-color-background);
border-color: var(--wsf-field-message-success-border-color);
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p {
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p a,
.wsf-alert.wsf-alert-success > p a:hover,
.wsf-alert.wsf-alert-success > p a:focus {
color: var(--wsf-field-message-success-anchor-color);
}
.wsf-alert.wsf-alert-information {
background-color: var(--wsf-field-message-info-color-background);
border-color: var(--wsf-field-message-info-border-color);
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p {
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p a,
.wsf-alert.wsf-alert-information > p a:hover,
.wsf-alert.wsf-alert-information > p a:focus {
color: var(--wsf-field-message-info-anchor-color);
}
.wsf-alert.wsf-alert-warning {
background-color: var(--wsf-field-message-warning-color-background);
border-color: var(--wsf-field-message-warning-border-color);
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p {
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p a,
.wsf-alert.wsf-alert-warning > p a:hover,
.wsf-alert.wsf-alert-warning > p a:focus {
color: var(--wsf-field-message-warning-anchor-color);
}
.wsf-alert.wsf-alert-danger {
background-color: var(--wsf-field-message-danger-color-background);
border-color: var(--wsf-field-message-danger-border-color);
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p {
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p a,
.wsf-alert.wsf-alert-danger > p a:hover,
.wsf-alert.wsf-alert-danger > p a:focus {
color: var(--wsf-field-message-danger-anchor-color);
}.wsf-form button.wsf-button {
-webkit-appearance: none;
background-color: var(--wsf-field-button-color-background);
border-color: var(--wsf-field-button-border-color);
border-radius: var(--wsf-field-button-border-radius);
border-style: var(--wsf-field-button-border-style);
border-width: var(--wsf-field-button-border-width);
color: var(--wsf-field-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-button-font-family);
font-size: var(--wsf-field-button-font-size);
font-style: var(--wsf-field-button-font-style);
font-weight: var(--wsf-field-button-font-weight);
letter-spacing: var(--wsf-field-button-letter-spacing);
line-height: var(--wsf-field-button-line-height);
margin: 0;
min-height: auto;
max-width: none;
padding: var(--wsf-field-button-padding);
text-align: center;
-webkit-text-decoration: var(--wsf-field-button-text-decoration);
text-decoration: var(--wsf-field-button-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-button-text-transform);
touch-action: manipulation;
user-select: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.wsf-form button.wsf-button.wsf-button-full {
width: var(--wsf-field-button-width);
}
.wsf-form button.wsf-button::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0;
}
.wsf-form button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover);
border-color: var(--wsf-field-button-border-color-hover);
color: var(--wsf-field-button-color-hover);
}
.wsf-form button.wsf-button:focus, .wsf-form button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus);
border-color: var(--wsf-field-button-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-button-color-focus);
outline: 0;
}
.wsf-form button.wsf-button:disabled {
cursor: not-allowed;
opacity: 0.5;
transition: none;
}
.wsf-form button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background);
border-color: var(--wsf-field-button-primary-border-color);
color: var(--wsf-field-button-primary-color);
}
.wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover);
border-color: var(--wsf-field-button-primary-border-color-hover);
color: var(--wsf-field-button-primary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-primary:focus, .wsf-form button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus);
border-color: var(--wsf-field-button-primary-border-color-focus);
color: var(--wsf-field-button-primary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background);
border-color: var(--wsf-field-button-secondary-border-color);
color: var(--wsf-field-button-secondary-color);
}
.wsf-form button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover);
border-color: var(--wsf-field-button-secondary-border-color-hover);
color: var(--wsf-field-button-secondary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-secondary:focus, .wsf-form button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus);
border-color: var(--wsf-field-button-secondary-border-color-focus);
color: var(--wsf-field-button-secondary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background);
border-color: var(--wsf-field-button-success-border-color);
color: var(--wsf-field-button-success-color);
}
.wsf-form button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover);
border-color: var(--wsf-field-button-success-border-color-hover);
color: var(--wsf-field-button-success-color-hover);
}
.wsf-form button.wsf-button.wsf-button-success:focus, .wsf-form button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus);
border-color: var(--wsf-field-button-success-border-color-focus);
color: var(--wsf-field-button-success-color-focus);
}
.wsf-form button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background);
border-color: var(--wsf-field-button-info-border-color);
color: var(--wsf-field-button-info-color);
}
.wsf-form button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover);
border-color: var(--wsf-field-button-info-border-color-hover);
color: var(--wsf-field-button-info-color-hover);
}
.wsf-form button.wsf-button.wsf-button-information:focus, .wsf-form button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus);
border-color: var(--wsf-field-button-info-border-color-focus);
color: var(--wsf-field-button-info-color-focus);
}
.wsf-form button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background);
border-color: var(--wsf-field-button-warning-border-color);
color: var(--wsf-field-button-warning-color);
}
.wsf-form button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover);
border-color: var(--wsf-field-button-warning-border-color-hover);
color: var(--wsf-field-button-warning-color-hover);
}
.wsf-form button.wsf-button.wsf-button-warning:focus, .wsf-form button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus);
border-color: var(--wsf-field-button-warning-border-color-focus);
color: var(--wsf-field-button-warning-color-focus);
}
.wsf-form button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background);
border-color: var(--wsf-field-button-danger-border-color);
color: var(--wsf-field-button-danger-color);
}
.wsf-form button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover);
border-color: var(--wsf-field-button-danger-border-color-hover);
color: var(--wsf-field-button-danger-color-hover);
}
.wsf-form button.wsf-button.wsf-button-danger:focus, .wsf-form button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus);
border-color: var(--wsf-field-button-danger-border-color-focus);
color: var(--wsf-field-button-danger-color-focus);
}
.wsf-form.wsf-form-post-lock-progress button.wsf-button {
cursor: progress;
}
.wsf-form button.wsf-button {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button {
background-color: var(--wsf-field-button-color-background-alt);
border-color: var(--wsf-field-button-border-color-alt);
color: var(--wsf-field-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover-alt);
border-color: var(--wsf-field-button-border-color-hover-alt);
color: var(--wsf-field-button-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus-alt);
border-color: var(--wsf-field-button-border-color-focus-alt);
color: var(--wsf-field-button-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background-alt);
border-color: var(--wsf-field-button-primary-border-color-alt);
color: var(--wsf-field-button-primary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover-alt);
border-color: var(--wsf-field-button-primary-border-color-hover-alt);
color: var(--wsf-field-button-primary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus-alt);
border-color: var(--wsf-field-button-primary-border-color-focus-alt);
color: var(--wsf-field-button-primary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background-alt);
border-color: var(--wsf-field-button-secondary-border-color-alt);
color: var(--wsf-field-button-secondary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover-alt);
border-color: var(--wsf-field-button-secondary-border-color-hover-alt);
color: var(--wsf-field-button-secondary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus-alt);
border-color: var(--wsf-field-button-secondary-border-color-focus-alt);
color: var(--wsf-field-button-secondary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background-alt);
border-color: var(--wsf-field-button-success-border-color-alt);
color: var(--wsf-field-button-success-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover-alt);
border-color: var(--wsf-field-button-success-border-color-hover-alt);
color: var(--wsf-field-button-success-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus-alt);
border-color: var(--wsf-field-button-success-border-color-focus-alt);
color: var(--wsf-field-button-success-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background-alt);
border-color: var(--wsf-field-button-info-border-color-alt);
color: var(--wsf-field-button-info-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover-alt);
border-color: var(--wsf-field-button-info-border-color-hover-alt);
color: var(--wsf-field-button-info-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus-alt);
border-color: var(--wsf-field-button-info-border-color-focus-alt);
color: var(--wsf-field-button-info-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background-alt);
border-color: var(--wsf-field-button-warning-border-color-alt);
color: var(--wsf-field-button-warning-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover-alt);
border-color: var(--wsf-field-button-warning-border-color-hover-alt);
color: var(--wsf-field-button-warning-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus-alt);
border-color: var(--wsf-field-button-warning-border-color-focus-alt);
color: var(--wsf-field-button-warning-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background-alt);
border-color: var(--wsf-field-button-danger-border-color-alt);
color: var(--wsf-field-button-danger-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover-alt);
border-color: var(--wsf-field-button-danger-border-color-hover-alt);
color: var(--wsf-field-button-danger-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus-alt);
border-color: var(--wsf-field-button-danger-border-color-focus-alt);
color: var(--wsf-field-button-danger-color-focus-alt);
}.wsf-form input[type=checkbox].wsf-field {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: var(--wsf-field-checkbox-color-background);
border-radius: var(--wsf-field-checkbox-border-radius);
bottom: auto;
border: var(--wsf-field-border);
display: block;
height: var(--wsf-field-checkbox-size);
margin: 0;
min-height: var(--wsf-field-checkbox-size);
opacity: 1;
padding: 0;
position: absolute;
text-align: left;
top: auto;
vertical-align: middle;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background);
border-color: var(--wsf-field-checkbox-checked-color-background);
}
.wsf-form input[type=checkbox].wsf-field:checked::after {
background: none;
border-color: var(--wsf-field-checkbox-checkmark-color);
border-style: solid;
border-width: 0 var(--wsf-field-checkbox-check-size) var(--wsf-field-checkbox-check-size) 0;
content: "";
display: block;
height: var(--wsf-field-checkbox-check-height);
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transition: none;
width: var(--wsf-field-checkbox-check-width);
}
.wsf-form input[type=checkbox].wsf-field::before {
display: none !important;
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
display: inline-block;
margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-top: 0;
vertical-align: top;
}
.wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button, .wsf-form input[type=checkbox].wsf-field.wsf-switch, .wsf-form input[type=checkbox].wsf-field.wsf-swatch {
background: none;
border: none;
bottom: auto;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin: 0;
padding: 0;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: var(--wsf-field-invalid-feedback-gap);
margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap));
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-checkbox-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled);
border-color: var(--wsf-field-border-color-disabled);
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::after {
cursor: not-allowed;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background);
border-color: var(--wsf-field-checkbox-button-color-background);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-checkbox-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
text-align: center;
text-decoration: none;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background);
border-color: var(--wsf-field-checkbox-checked-button-color-background);
color: var(--wsf-field-checkbox-checked-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch {
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
position: relative;
-webkit-padding-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: calc(var(--wsf-field-checkbox-size) / 2);
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color);
border: none;
border-radius: 50%;
height: var(--wsf-field-checkbox-switch-size);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
top: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
width: var(--wsf-field-checkbox-switch-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background);
border-color: var(--wsf-field-checkbox-checked-switch-color-background);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color);
left: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: var(--wsf-field-height);
vertical-align: middle;
width: var(--wsf-field-height);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus);
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: auto;
max-width: 100%;
padding: 2px;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color);
display: block;
font-size: var(--wsf-field-font-size-small);
line-height: var(--wsf-field-line-height);
margin-top: var(--wsf-form-caption-gap);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color);
border-color: var(--wsf-field-checkbox-checked-image-border-color);
}
.wsf-form [data-type=checkbox] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label {
padding: 0;
}
.wsf-form [data-row-checkbox] {
margin-bottom: var(--wsf-field-checkbox-gap-vertical);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="1"] {
-webkit-margin-start: var(--wsf-field-checkbox-size);
margin-inline-start: var(--wsf-field-checkbox-size);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="2"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="3"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="4"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="5"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="6"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="7"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="8"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="9"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="10"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid {
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid:focus {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
transition: color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field + label.wsf-label {
margin-right: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-left: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
right: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
left: 0;
right: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="1"] {
-webkit-margin-end: var(--wsf-field-checkbox-size);
margin-inline-end: var(--wsf-field-checkbox-size);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="2"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="3"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="4"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="5"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="6"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="7"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="8"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="9"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="10"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field {
background-color: var(--wsf-field-checkbox-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked::after {
border-color: var(--wsf-field-checkbox-checkmark-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled-alt);
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background-alt);
border-color: var(--wsf-field-checkbox-button-color-background-alt);
color: var(--wsf-field-checkbox-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
color: var(--wsf-field-checkbox-checked-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus-alt);
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color-alt);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
border-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before {
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before {
box-shadow: var(--wsf-field-box-shadow-alt);
}.wsf-form input[type=radio].wsf-field {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: var(--wsf-field-radio-color-background);
border-radius: 50%;
border: var(--wsf-field-border);
bottom: auto;
display: block;
height: var(--wsf-field-radio-size);
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
text-align: left;
top: auto;
vertical-align: middle;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field:checked::after {
background: none;
background-color: var(--wsf-field-radio-checked-color);
border: none;
border-radius: 50%;
content: "";
display: block;
height: var(--wsf-field-radio-checked-size);
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2), calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2));
transform: translate(calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2), calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-checked-size) - var(--wsf-field-border-width) * 2) / 2));
transition: none;
width: var(--wsf-field-radio-checked-size);
}
.wsf-form input[type=radio].wsf-field::before {
display: none !important;
}
.wsf-form input[type=radio].wsf-field + label.wsf-label {
display: inline-block;
margin-left: calc(var(--wsf-field-radio-size) + var(--wsf-field-radio-gap-horizontal));
margin-top: 0;
vertical-align: top;
}
.wsf-form input[type=radio].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image) {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image) + label.wsf-label {
aspect-ratio: 1;
background-color: var(--wsf-field-radio-circle-color-background);
border: 1px solid #000;
border-radius: 50%;
color: var(--wsf-field-radio-circle-color);
cursor: pointer;
font-family: var(--wsf-field-radio-circle-font-family);
font-size: var(--wsf-field-radio-circle-font-size);
font-weight: var(--wsf-field-radio-circle-font-weight);
line-height: var(--wsf-field-radio-circle-line-height);
height: calc(var(--wsf-field-radio-circle-padding-vertical) * 2 + var(--wsf-field-radio-circle-font-size));
line-height: 1;
margin: 0;
padding: var(--wsf-field-radio-circle-padding-vertical) 0;
text-align: center;
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):disabled + label.wsf-label {
background-color: var(--wsf-field-radio-circle-color-background-disabled);
color: var(--wsf-field-radio-circle-color-disabled);
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):hover + label.wsf-label {
background-color: var(--wsf-field-radio-circle-color-background-hover);
color: var(--wsf-field-radio-circle-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-circle:not(.wsf-color):not(.wsf-image):checked + label.wsf-label {
background: var(--wsf-field-radio-checked-circle-color-background);
color: var(--wsf-field-radio-checked-circle-color);
}
.wsf-form input[type=radio].wsf-field.wsf-button, .wsf-form input[type=radio].wsf-field.wsf-switch, .wsf-form input[type=radio].wsf-field.wsf-swatch {
background: none;
border: none;
bottom: auto;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label {
margin: 0;
padding: 0;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: 50%;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-radio-size);
left: 0;
position: absolute;
vertical-align: top;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-radio-size);
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: var(--wsf-field-radio-size);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=radio].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: var(--wsf-field-invalid-feedback-gap);
margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap));
}
.wsf-form input[type=radio].wsf-field.wsf-button:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-swatch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=radio].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-radio-button-color-background);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-radio-button-color-background);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-radio-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
text-align: center;
text-decoration: none;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
.wsf-form input[type=radio].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-radio-checked-button-color-background);
border-color: var(--wsf-field-radio-checked-button-color-background);
color: var(--wsf-field-radio-checked-button-color);
}
.wsf-form input[type=radio].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-switch {
width: var(--wsf-field-radio-switch-width);
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label {
position: relative;
-webkit-padding-start: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
padding-inline-start: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: calc(var(--wsf-field-radio-size) / 2);
position: absolute;
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
width: var(--wsf-field-radio-switch-width);
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-radio-switch-color);
border: none;
border-radius: 50%;
height: var(--wsf-field-radio-switch-size);
left: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
top: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
width: var(--wsf-field-radio-switch-size);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-radio-checked-switch-color-background);
border-color: var(--wsf-field-radio-checked-switch-color-background);
}
.wsf-form input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-radio-checked-switch-color);
left: calc(var(--wsf-field-radio-switch-width) - var(--wsf-field-radio-switch-size) - (var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form input[type=radio].wsf-field.wsf-color {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: var(--wsf-field-height);
vertical-align: middle;
width: var(--wsf-field-height);
}
.wsf-form input[type=radio].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
.wsf-form input[type=radio].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus);
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-radio-checked-swatch-border-color);
box-shadow: inset 0 0 0 2px var(--wsf-field-radio-checked-swatch-box-shadow-color);
}
.wsf-form input[type=radio].wsf-field.wsf-image {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label::before {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label::after {
display: none;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: auto;
max-width: 100%;
padding: 2px;
vertical-align: middle;
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color);
display: block;
font-size: var(--wsf-field-font-size-small);
line-height: var(--wsf-field-line-height);
margin-top: var(--wsf-form-caption-gap);
}
.wsf-form input[type=radio].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
.wsf-form input[type=radio].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
.wsf-form input[type=radio].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
.wsf-form input[type=radio].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=radio].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=radio].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-radio-checked-image-border-color);
border-color: var(--wsf-field-radio-checked-image-border-color);
}
.wsf-form [data-type=radio] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label {
padding: 0;
}
.wsf-form [data-row-radio] {
margin-bottom: var(--wsf-field-radio-gap-vertical);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="1"] {
-webkit-margin-start: var(--wsf-field-radio-size);
margin-inline-start: var(--wsf-field-radio-size);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="2"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 2);
margin-inline-start: calc(var(--wsf-field-radio-size) * 2);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="3"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 3);
margin-inline-start: calc(var(--wsf-field-radio-size) * 3);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="4"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 4);
margin-inline-start: calc(var(--wsf-field-radio-size) * 4);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="5"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 5);
margin-inline-start: calc(var(--wsf-field-radio-size) * 5);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="6"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 6);
margin-inline-start: calc(var(--wsf-field-radio-size) * 6);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="7"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 7);
margin-inline-start: calc(var(--wsf-field-radio-size) * 7);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="8"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 8);
margin-inline-start: calc(var(--wsf-field-radio-size) * 8);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="9"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 9);
margin-inline-start: calc(var(--wsf-field-radio-size) * 9);
}
.wsf-form [data-row-radio][data-wsf-hierarchy="10"] {
-webkit-margin-start: calc(var(--wsf-field-radio-size) * 10);
margin-inline-start: calc(var(--wsf-field-radio-size) * 10);
}
.wsf-form.wsf-validated input[type=radio].wsf-field:invalid,
.wsf-form .wsf-validated input[type=radio].wsf-field:invalid {
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=radio].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=radio].wsf-field:invalid:focus {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=radio].wsf-field + label.wsf-label {
transition: color var(--wsf-form-transition);
}
.wsf-form input[type=radio].wsf-field + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=radio].wsf-field.wsf-button + label.wsf-label {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition);
}
.wsf-form input[type=radio].wsf-field.wsf-switch + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}
.wsf-form input[type=radio].wsf-field.wsf-color + label.wsf-label > span {
transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=radio].wsf-field.wsf-image + label.wsf-label > img {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field:checked::after {
-webkit-transform: translate(calc(-1 * var(--wsf-field-radio-size) / 3), calc(var(--wsf-field-radio-size) / 10)) rotate(45deg);
transform: translate(calc(-1 * var(--wsf-field-radio-size) / 3), calc(var(--wsf-field-radio-size) / 10)) rotate(45deg);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field + label.wsf-label {
margin-right: calc(var(--wsf-field-radio-size) + var(--wsf-field-radio-gap-horizontal));
margin-left: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label {
margin-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label::before {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-swatch + label.wsf-label::after {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-end: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
padding-inline-end: calc(var(--wsf-field-radio-switch-width) + var(--wsf-field-radio-gap-horizontal));
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
right: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
left: calc((var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
left: 0;
right: calc(var(--wsf-field-radio-switch-width) - var(--wsf-field-radio-switch-size) - (var(--wsf-field-radio-size) - var(--wsf-field-radio-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-color + label.wsf-label {
margin-left: auto;
margin-right: 0;
padding-left: auto;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-image + label.wsf-label {
margin-left: auto;
margin-right: 0;
padding-left: auto;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="1"] {
-webkit-margin-end: var(--wsf-field-radio-size);
margin-inline-end: var(--wsf-field-radio-size);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="2"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 2);
margin-inline-end: calc(var(--wsf-field-radio-size) * 2);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="3"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 3);
margin-inline-end: calc(var(--wsf-field-radio-size) * 3);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="4"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 4);
margin-inline-end: calc(var(--wsf-field-radio-size) * 4);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="5"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 5);
margin-inline-end: calc(var(--wsf-field-radio-size) * 5);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="6"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 6);
margin-inline-end: calc(var(--wsf-field-radio-size) * 6);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="7"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 7);
margin-inline-end: calc(var(--wsf-field-radio-size) * 7);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="8"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 8);
margin-inline-end: calc(var(--wsf-field-radio-size) * 8);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="9"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 9);
margin-inline-end: calc(var(--wsf-field-radio-size) * 9);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field [data-wsf-hierarchy="10"] {
-webkit-margin-end: calc(var(--wsf-field-radio-size) * 10);
margin-inline-end: calc(var(--wsf-field-radio-size) * 10);
}
.wsf-form.wsf-rtl input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field {
background-color: var(--wsf-field-radio-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field:checked::after {
background-color: var(--wsf-field-radio-checked-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled-alt);
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-radio-button-color-background-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-radio-button-color-background-alt);
color: var(--wsf-field-radio-button-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-radio-checked-button-color-background-alt);
border-color: var(--wsf-field-radio-checked-button-color-background-alt);
color: var(--wsf-field-radio-checked-button-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-radio-switch-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-radio-checked-switch-color-background-alt);
border-color: var(--wsf-field-radio-checked-switch-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-radio-checked-switch-color);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus-alt);
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-radio-checked-swatch-border-color-alt);
box-shadow: inset 0 0 0 2px var(--wsf-field-radio-checked-swatch-box-shadow-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=radio].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-radio-checked-image-border-color-alt);
border-color: var(--wsf-field-radio-checked-image-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label::before {
border-color: var(--wsf-field-border-color-invalid-alt);
}.wsf-form textarea.wsf-field {
height: auto;
min-height: var(--wsf-field-height);
overflow: auto;
resize: vertical;
}
.wsf-form textarea.wsf-field[data-textarea-type=tinymce] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wsf-form textarea.wsf-field[data-wsf-field-sizing-content] {
field-sizing: content;
}
.wsf-form [data-type=textarea] .wp-editor-tabs {
box-sizing: content-box;
}
.wsf-form [data-type=textarea] .mce-btn.mce-active button,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover button,
.wsf-form [data-type=textarea] .mce-btn.mce-active i,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover i {
color: #000;
}