:root {
--fb-bg-page: #FFFFFF;
--fb-bg-alt: #F9F8EC;
--fb-bg-dark: #2A2710;
--fb-brand: #615C20;
--fb-text: #1A1A1A;
--fb-text-muted: #555555;
--fb-text-light: #FFFFFF;
--fb-text-on-dark: #FFFFFF;
--fb-text-on-dark-muted: #CCCCBB;
--fb-text-on-dark-subtle: #999988;
--fb-border: #E8E6D9;
--fb-section-py: 80px;
--fb-section-px: 120px;
--fb-section-px-narrow: 56px;
--fb-gap-xs: 4px;
--fb-gap-sm: 8px;
--fb-gap-md: 16px;
--fb-gap-lg: 24px;
--fb-gap-xl: 32px;
--fb-gap-2xl: 48px;
--fb-gap-3xl: 56px;
--fb-gap-4xl: 64px;
--fb-radius-sm: 0px;
--fb-radius-md: 8px;
--fb-font-heading: 'Merriweather', serif;
--fb-font-body: 'Inter', sans-serif;
--fb-btn-py: 14px;
--fb-btn-px: 28px;
} body.single-fb_landing #brx-header,
body.single-fb_landing #brx-footer {
display: none !important;
} body.single-fb_landing #brx-content .brxe-section {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
width: 100% !important;
}
body.single-fb_landing .brxe-code {
padding: 0 !important;
margin: 0 !important;
} .fb-lp {
font-family: var(--fb-font-body) !important;
color: var(--fb-text) !important;
background-color: var(--fb-bg-page) !important;
max-width: 1440px !important;
margin: 0 auto !important;
line-height: 1.6 !important;
padding: 0 !important;
}
.fb-lp *,
.fb-lp *::before,
.fb-lp *::after {
box-sizing: border-box;
}
.fb-lp img {
max-width: 100%;
height: auto;
display: block;
}
.fb-lp h1, .fb-lp h2, .fb-lp h3, .fb-lp h4, .fb-lp h5, .fb-lp h6 {
margin: 0 !important;
padding: 0 !important;
}
.fb-lp p {
margin: 0 !important;
padding: 0 !important;
}
.fb-lp section,
.fb-lp header,
.fb-lp footer,
.fb-lp nav {
margin: 0 !important;
} .fb-lp .fb-lp__heading {
font-family: var(--fb-font-heading) !important;
font-weight: 700 !important;
color: var(--fb-text) !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 0 !important;
}
.fb-lp .fb-lp__heading--xl {
font-size: clamp(28px, 3vw, 44px) !important;
line-height: 1.2 !important;
}
.fb-lp .fb-lp__heading--lg {
font-size: clamp(24px, 2.5vw, 36px) !important;
}
.fb-lp .fb-lp__heading--md {
font-size: clamp(22px, 2.2vw, 32px) !important;
}
.fb-lp .fb-lp__heading--sm {
font-size: clamp(18px, 1.5vw, 24px) !important;
}
.fb-lp .fb-lp__heading--xs {
font-size: 18px !important;
}
.fb-lp .fb-lp__body {
font-family: var(--fb-font-body) !important;
color: var(--fb-text-muted) !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__body--lg { font-size: 18px !important; }
.fb-lp .fb-lp__body--md { font-size: 16px !important; }
.fb-lp .fb-lp__body--sm { font-size: 15px !important; }
.fb-lp .fb-lp__body--xs { font-size: 14px !important; } .fb-lp .fb-lp__btn {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
padding: var(--fb-btn-py) var(--fb-btn-px) !important;
font-family: var(--fb-font-body) !important;
font-size: 16px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
border: none !important;
border-radius: 0 !important;
transition: opacity 0.2s ease !important;
line-height: 1.4 !important;
}
.fb-lp .fb-lp__btn:hover {
opacity: 0.9 !important;
text-decoration: none !important;
}
.fb-lp .fb-lp__btn--primary {
background-color: var(--fb-brand) !important;
color: var(--fb-text-light) !important;
border: none !important;
}
.fb-lp .fb-lp__btn--outline {
background-color: transparent !important;
color: var(--fb-brand) !important;
border: 2px solid var(--fb-brand) !important;
}
.fb-lp .fb-lp__btn--white {
background-color: var(--fb-bg-page) !important;
color: var(--fb-brand) !important;
border-radius: var(--fb-radius-md) !important;
padding: 16px 40px !important;
font-weight: 600 !important;
}
.fb-lp .fb-lp__btn--full {
width: 100% !important;
justify-content: center !important;
} .fb-lp .fb-lp__badge {
display: inline-block !important;
padding: 6px 16px !important;
font-family: var(--fb-font-body) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: var(--fb-brand) !important;
}
.fb-lp .fb-lp__badge--light {
background-color: var(--fb-bg-alt) !important;
}
.fb-lp .fb-lp__badge--dark {
background-color: #3D3A1A !important;
color: var(--fb-text-on-dark) !important;
} .fb-lp .fb-lp__header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 16px var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-page) !important;
border-bottom: 1px solid var(--fb-border) !important;
}
.fb-lp .fb-lp__header-logo {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
}
.fb-lp .fb-lp__header-logo-img {
height: 40px !important;
width: auto !important;
}
.fb-lp .fb-lp__header-cta {
padding: 10px 20px !important;
} .fb-lp .fb-lp__hero {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: var(--fb-gap-3xl) !important;
padding: var(--fb-section-py) var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-alt) !important;
}
.fb-lp .fb-lp__hero-content {
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
flex: 1 1 0% !important;
min-width: 0 !important;
}
.fb-lp .fb-lp__hero-headline {
font-size: clamp(28px, 3vw, 44px) !important;
line-height: 1.2 !important;
}
.fb-lp .fb-lp__hero-subtext {
font-size: 18px !important;
}
.fb-lp .fb-lp__hero-buttons {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
flex-wrap: wrap !important;
}
.fb-lp .fb-lp__hero-image {
width: 560px !important;
height: 400px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.fb-lp .fb-lp__hero-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .fb-lp .fb-lp__trust {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 24px var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-page) !important;
border-top: 1px solid var(--fb-border) !important;
border-bottom: 1px solid var(--fb-border) !important;
}
.fb-lp .fb-lp__trust-metric {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-xs) !important;
text-align: center !important;
}
.fb-lp .fb-lp__trust-number {
font-family: var(--fb-font-body) !important;
font-size: 28px !important;
font-weight: 700 !important;
color: var(--fb-brand) !important;
}
.fb-lp .fb-lp__trust-label {
font-size: 14px !important;
color: var(--fb-text-muted) !important;
} .fb-lp .fb-lp__info {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-3xl) !important;
padding: var(--fb-section-py) var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-page) !important;
}
.fb-lp .fb-lp__info-content {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-xl) !important;
flex: 1 !important;
}
.fb-lp .fb-lp__info-bullets {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.fb-lp .fb-lp__info-bullet {
font-size: 16px !important;
color: var(--fb-text-muted) !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__info-card {
width: 400px !important;
flex-shrink: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-lg) !important;
padding: 32px !important;
background-color: var(--fb-bg-alt) !important;
border: 1px solid var(--fb-border) !important;
}
.fb-lp .fb-lp__info-card-title {
font-size: 24px !important;
}
.fb-lp .fb-lp__info-card-details {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
width: 100% !important;
}
.fb-lp .fb-lp__info-card-row {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 12px 0 !important;
border-bottom: 1px solid var(--fb-border) !important;
gap: var(--fb-gap-lg) !important;
}
.fb-lp .fb-lp__info-card-label {
font-size: 14px !important;
font-weight: 500 !important;
color: var(--fb-text-muted) !important;
flex-shrink: 0 !important;
text-align: left !important;
}
.fb-lp .fb-lp__info-card-value {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--fb-text) !important;
text-align: right !important;
margin-left: auto !important;
} .fb-lp .fb-lp__selfdev {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-2xl) !important;
padding: var(--fb-section-py) var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-alt) !important;
}
.fb-lp .fb-lp__selfdev-header {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
text-align: center !important;
}
.fb-lp .fb-lp__selfdev-header .fb-lp__heading,
.fb-lp .fb-lp__selfdev-header .fb-lp__body {
max-width: 800px !important;
}
.fb-lp .fb-lp__selfdev-cards {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-lg) !important;
}
.fb-lp .fb-lp__selfdev-card {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-md) !important;
padding: 28px !important;
background-color: var(--fb-bg-page) !important;
border: 1px solid var(--fb-border) !important;
flex: 1 !important;
}
.fb-lp .fb-lp__selfdev-card-icon {
width: 32px !important;
height: 32px !important;
color: var(--fb-brand) !important;
}
.fb-lp .fb-lp__selfdev-card-title {
font-size: 18px !important;
}
.fb-lp .fb-lp__selfdev-card-desc {
font-size: 14px !important;
} .fb-lp .fb-lp__skills {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: var(--fb-gap-3xl) !important;
padding: var(--fb-section-py) var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-page) !important;
}
.fb-lp .fb-lp__skills-content {
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
flex: 1 !important;
}
.fb-lp .fb-lp__skills-list {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.fb-lp .fb-lp__skills-item {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.fb-lp .fb-lp__skills-icon {
width: 20px !important;
height: 20px !important;
color: var(--fb-brand) !important;
flex-shrink: 0 !important;
}
.fb-lp .fb-lp__skills-text {
font-size: 16px !important;
color: var(--fb-text-muted) !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__skills-cta {
border-radius: var(--fb-radius-md) !important;
padding: var(--fb-btn-py) 32px !important;
font-weight: 600 !important;
font-size: 15px !important;
}
.fb-lp .fb-lp__skills-image {
width: 560px !important;
height: 400px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.fb-lp .fb-lp__skills-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .fb-lp .fb-lp__impressions {
display: flex !important;
flex-direction: column !important;
gap: 40px !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-bg-page) !important;
}
.fb-lp .fb-lp__impressions-header {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-sm) !important;
text-align: center !important;
}
.fb-lp .fb-lp__impressions-header .fb-lp__heading {
max-width: 800px !important;
}
.fb-lp .fb-lp__impressions-header .fb-lp__body {
max-width: 700px !important;
font-size: 17px !important;
line-height: 1.5 !important;
}
.fb-lp .fb-lp__impressions-gallery {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
}
.fb-lp .fb-lp__impressions-item {
overflow: hidden !important;
border-radius: var(--fb-radius-md) !important;
aspect-ratio: 4 / 3 !important;
}
.fb-lp .fb-lp__impressions-item a {
display: block !important;
width: 100% !important;
height: 100% !important;
cursor: zoom-in !important;
}
.fb-lp .fb-lp__impressions-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.3s ease !important;
}
.fb-lp .fb-lp__impressions-item:hover img {
transform: scale(1.05) !important;
} .fb-lp__lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 99999;
justify-content: center;
align-items: center;
cursor: zoom-out;
}
.fb-lp__lightbox.is-active {
display: flex;
}
.fb-lp__lightbox img {
max-width: 90%;
max-height: 90vh;
object-fit: contain;
border-radius: 4px;
}
.fb-lp__lightbox-close {
position: absolute;
top: 20px;
right: 30px;
font-size: 36px;
color: #fff;
cursor: pointer;
line-height: 1;
z-index: 100000;
}
.fb-lp__lightbox-prev,
.fb-lp__lightbox-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px;
color: #fff;
cursor: pointer;
padding: 20px;
user-select: none;
z-index: 100000;
}
.fb-lp__lightbox-prev { left: 20px; }
.fb-lp__lightbox-next { right: 20px; } .fb-lp .fb-lp__target {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-4xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-bg-dark) !important;
}
.fb-lp .fb-lp__target-content {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-lg) !important;
flex: 1 !important;
}
.fb-lp .fb-lp__target .fb-lp__heading {
color: var(--fb-text-on-dark) !important;
}
.fb-lp .fb-lp__target .fb-lp__badge--dark {
color: var(--fb-text-on-dark) !important;
}
.fb-lp .fb-lp__target-intro {
color: var(--fb-text-on-dark-muted) !important;
font-size: 18px !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__target-list {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-md) !important;
}
.fb-lp .fb-lp__target-item {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
}
.fb-lp .fb-lp__target-item-icon {
width: 24px !important;
height: 24px !important;
color: var(--fb-brand) !important;
flex-shrink: 0 !important;
}
.fb-lp .fb-lp__target-item-text {
font-size: 16px !important;
color: #E8E6D9 !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__target-image {
width: 480px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.fb-lp .fb-lp__target-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .fb-lp .fb-lp__testimonials {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-2xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-bg-page) !important;
}
.fb-lp .fb-lp__testimonials-header {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
text-align: center !important;
}
.fb-lp .fb-lp__testimonials-header .fb-lp__heading {
max-width: 700px !important;
}
.fb-lp .fb-lp__testimonials-cards {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-lg) !important;
width: 100% !important;
}
.fb-lp .fb-lp__testimonial-card {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-md) !important;
padding: 28px !important;
background-color: var(--fb-bg-alt) !important;
border: 1px solid var(--fb-border) !important;
flex: 1 !important;
}
.fb-lp .fb-lp__testimonial-stars {
font-size: 16px !important;
color: var(--fb-brand) !important;
}
.fb-lp .fb-lp__testimonial-quote {
font-size: 15px !important;
font-style: italic !important;
color: var(--fb-text-muted) !important;
line-height: 1.6 !important;
}
.fb-lp .fb-lp__testimonial-author {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin-top: auto !important;
}
.fb-lp .fb-lp__testimonial-name {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--fb-text) !important;
}
.fb-lp .fb-lp__testimonial-role {
font-size: 13px !important;
color: #888888 !important;
} .fb-lp .fb-lp__summary {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-2xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-bg-alt) !important;
}
.fb-lp .fb-lp__summary-header {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
text-align: center !important;
}
.fb-lp .fb-lp__summary-header .fb-lp__heading {
max-width: 900px !important;
}
.fb-lp .fb-lp__summary-header .fb-lp__body {
max-width: 800px !important;
font-size: 17px !important;
}
.fb-lp .fb-lp__summary-grid {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-lg) !important;
flex-wrap: wrap !important;
}
.fb-lp .fb-lp__summary-card {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 28px !important;
background-color: var(--fb-bg-page) !important;
border: 1px solid var(--fb-border) !important;
flex: 1 1 calc(33.333% - 16px) !important;
min-width: 280px !important;
}
.fb-lp .fb-lp__summary-number {
font-family: var(--fb-font-heading) !important;
font-size: 32px !important;
font-weight: 700 !important;
color: var(--fb-brand) !important;
}
.fb-lp .fb-lp__summary-title {
font-size: 18px !important;
}
.fb-lp .fb-lp__summary-desc {
font-size: 15px !important;
} .fb-lp .fb-lp__faq {
display: flex !important;
flex-direction: row !important;
gap: var(--fb-gap-4xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-bg-page) !important;
}
.fb-lp .fb-lp__faq-sidebar {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-md) !important;
width: 400px !important;
flex-shrink: 0 !important;
}
.fb-lp .fb-lp__faq-sidebar .fb-lp__heading {
max-width: 380px !important;
}
.fb-lp .fb-lp__faq-sidebar .fb-lp__body {
max-width: 380px !important;
}
.fb-lp .fb-lp__faq-items {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
}
.fb-lp .fb-lp__faq-item {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-sm) !important;
padding: 20px 0 !important;
border-bottom: 1px solid var(--fb-border) !important;
}
.fb-lp .fb-lp__faq-item:last-child {
border-bottom: none !important;
}
.fb-lp .fb-lp__faq-question {
font-family: var(--fb-font-body) !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--fb-text) !important;
}
.fb-lp .fb-lp__faq-answer {
font-size: 15px !important;
color: var(--fb-text-muted) !important;
line-height: 1.6 !important;
} .fb-lp .fb-lp__booking {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-2xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: #FDF5EF !important;
}
.fb-lp .fb-lp__booking-header {
display: flex !important;
flex-direction: column !important;
gap: var(--fb-gap-lg) !important;
}
.fb-lp .fb-lp__booking-divider {
width: 100% !important;
height: 1px !important;
background-color: #D4C8BE !important;
}
.fb-lp .fb-lp__booking-meta {
display: flex !important;
gap: var(--fb-gap-xl) !important;
}
.fb-lp .fb-lp__booking-meta-item {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-sm) !important;
font-size: 14px !important;
color: var(--fb-text) !important;
}
.fb-lp .fb-lp__booking-meta-icon {
width: 16px !important;
height: 16px !important;
color: #8B1A1A !important;
}
.fb-lp .fb-lp__booking-embed {
width: 100% !important;
min-height: 400px !important;
} .fb-lp .fb-lp__cta {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: var(--fb-gap-xl) !important;
padding: var(--fb-section-py) var(--fb-section-px) !important;
background-color: var(--fb-brand) !important;
text-align: center !important;
}
.fb-lp .fb-lp__cta .fb-lp__heading {
color: var(--fb-text-on-dark) !important;
max-width: 800px !important;
font-size: clamp(28px, 2.8vw, 40px) !important;
}
.fb-lp .fb-lp__cta-desc {
color: #E8E6D0 !important;
font-size: 18px !important;
line-height: 1.6 !important;
max-width: 700px !important;
}
.fb-lp .fb-lp__cta-urgency {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-lg) !important;
}
.fb-lp .fb-lp__cta-urgency-item {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-sm) !important;
color: #E8E6D0 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.fb-lp .fb-lp__cta-urgency-icon {
width: 16px !important;
height: 16px !important;
}
.fb-lp .fb-lp__cta-trust {
font-size: 13px !important;
color: #C8C6B0 !important;
text-align: center !important;
} .fb-lp .fb-lp__footer {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 40px !important;
padding: 56px var(--fb-section-px) !important;
background-color: var(--fb-bg-dark) !important;
}
.fb-lp .fb-lp__footer-brand {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
text-align: center !important;
}
.fb-lp .fb-lp__footer-logo-img {
height: 36px !important;
width: auto !important;
filter: invert(1) !important;
mix-blend-mode: screen !important;
}
.fb-lp .fb-lp__footer-tagline {
font-size: 14px !important;
color: var(--fb-text-on-dark-subtle) !important;
line-height: 1.6 !important;
max-width: 500px !important;
} .fb-lp .fb-lp__btn--white-outline {
background-color: transparent !important;
color: var(--fb-text-light) !important;
border: 2px solid var(--fb-text-light) !important;
border-radius: var(--fb-radius-md) !important;
padding: 14px 32px !important;
font-weight: 500 !important;
}
.fb-lp .fb-lp__cta-buttons {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
flex-wrap: wrap !important;
justify-content: center !important;
} .fb-lp .fb-lp__inline-cta {
display: flex !important;
justify-content: center !important;
padding: 32px var(--fb-section-px-narrow) !important;
background-color: var(--fb-bg-page) !important;
border-top: 1px solid var(--fb-border) !important;
border-bottom: 1px solid var(--fb-border) !important;
} .fb-lp .fb-lp__footer-actions {
display: flex !important;
align-items: center !important;
gap: var(--fb-gap-md) !important;
flex-wrap: wrap !important;
justify-content: center !important;
} .fb-lp__modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
justify-content: center;
align-items: center;
}
.fb-lp__modal.is-active {
display: flex;
}
.fb-lp__modal-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.fb-lp__modal-content {
position: relative;
background: var(--fb-bg-page);
padding: 48px;
max-width: 520px;
width: 90%;
z-index: 1;
border-radius: var(--fb-radius-md);
}
.fb-lp__modal-close {
position: absolute;
top: 16px;
right: 20px;
background: none;
border: none;
font-size: 28px;
color: var(--fb-text-muted);
cursor: pointer;
line-height: 1;
padding: 0;
}
.fb-lp__modal-content--wide {
max-width: 700px;
max-height: 90vh;
overflow: hidden;
display: flex;
flex-direction: column;
}
.fb-lp__modal-embed {
margin-top: 24px;
flex: 1;
overflow: hidden;
}
.fb-lp__modal-embed iframe {
border: none;
width: 100%;
height: 100%;
min-height: 70vh;
}
.fb-lp__modal-actions {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 28px;
} @media (max-width: 768px) {
:root {
--fb-section-px: 24px;
--fb-section-px-narrow: 24px;
--fb-section-py: 48px;
}
.fb-lp .fb-lp__hero {
flex-direction: column !important;
gap: var(--fb-gap-xl) !important;
}
.fb-lp .fb-lp__hero-image {
width: 100% !important;
height: 250px !important;
}
.fb-lp .fb-lp__hero-buttons {
flex-direction: column !important;
width: 100% !important;
}
.fb-lp .fb-lp__hero-buttons .fb-lp__btn {
width: 100% !important;
justify-content: center !important;
}
.fb-lp .fb-lp__trust {
flex-wrap: wrap !important;
gap: var(--fb-gap-lg) !important;
justify-content: center !important;
}
.fb-lp .fb-lp__trust-metric {
width: 45% !important;
}
.fb-lp .fb-lp__info {
flex-direction: column !important;
}
.fb-lp .fb-lp__info-card {
width: 100% !important;
}
.fb-lp .fb-lp__selfdev-cards {
flex-direction: column !important;
}
.fb-lp .fb-lp__skills {
flex-direction: column !important;
}
.fb-lp .fb-lp__skills-image {
width: 100% !important;
height: 250px !important;
}
.fb-lp .fb-lp__impressions-gallery {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
.fb-lp .fb-lp__target {
flex-direction: column !important;
}
.fb-lp .fb-lp__target-image {
width: 100% !important;
height: 250px !important;
}
.fb-lp .fb-lp__testimonials-cards {
flex-direction: column !important;
}
.fb-lp .fb-lp__summary-grid {
flex-direction: column !important;
}
.fb-lp .fb-lp__summary-card {
min-width: 100% !important;
}
.fb-lp .fb-lp__faq {
flex-direction: column !important;
}
.fb-lp .fb-lp__faq-sidebar {
width: 100% !important;
}
.fb-lp .fb-lp__cta-urgency {
flex-direction: column !important;
gap: var(--fb-gap-sm) !important;
}
.fb-lp .fb-lp__cta-buttons {
flex-direction: column !important;
width: 100% !important;
}
.fb-lp .fb-lp__cta-buttons .fb-lp__btn {
width: 100% !important;
justify-content: center !important;
}
.fb-lp .fb-lp__footer-actions {
flex-direction: column !important;
width: 100% !important;
}
.fb-lp .fb-lp__footer-actions .fb-lp__btn {
width: 100% !important;
justify-content: center !important;
}
.fb-lp__modal-content {
padding: 32px 24px;
}
}#divSmallBoxes{position: fixed;right: 0;top: 15px;z-index: 9999999;}.SmallBox{position: absolute;right: 0px;top: 20px;padding-right: 0px;width: 420px;color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;z-index: 9999999;-webkit-box-shadow: 0px 0px 10px #666666;-moz-shadow: 0px 0px 10px #666666;box-shadow: 0px 0px 10px #666666;min-width:290px;}.SmallBox:hover{cursor: pointer;-webkit-box-shadow: 0px 0px 10px #000000;-moz-shadow: 0px 0px 10px #000000;box-shadow: 0px 0px 10px #000000;}.SmallBox .foto{width: 100px;height: 100px;margin: 0 -10px 0 0;float: left;}.SmallBox .foto img{max-height:100px !important; max-width:100px !important;border: none !important;outline: none !important;padding:0 !important;margin:0 !important;}.SmallBox .textoFull{width: 93%;float: left;padding-left: 20px;}.SmallBox .textoFoto{width: 65%;margin: 0 20px 0em;float: left;padding:10px 0 0;}.miniPic{position: absolute;top: 0;right: 0;}.miniIcono{height: 100%;}.SmallBox span.SmallBoxTitle{font-size: 22px;font-weight: bold;text-shadow: #000000 0.1em 0.1em 0.2em}.SmallBox p{font-size: 12px;margin-top: 2px;padding:5px 0 10px;text-shadow: #000000 0.1em 0.1em 0.1em} #pageslide{ display: none;position: absolute;position: fixed;top: 0;height: 100%;z-index: 9999999; width: 305px;padding: 20px; background-color: #004d60;color: #FFF;-webkit-box-shadow: inset 0 0 5px 5px #222;-moz-shadow: inset 0 0 0px 0px #222;box-shadow: inset 0 0 0px 0px #222;}.purehtml{color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;font-size: 16px;}@font-face{font-family: Quattro;src: url(//change-workshop.de/wp-content/plugins/wp-courseware/includes/popup/css/Quattrocento-Regular.otf);}  .wpa_animated{-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;visibility:visible !important;}.wpa_animated.fast{-webkit-animation-duration: 0.4s;-moz-animation-duration: 0.4s;-ms-animation-duration: 0.4s;-o-animation-duration: 0.4s;animation-duration: 0.4s;}@-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@-moz-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@-o-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}.fadeIn{-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}100%{opacity: 1;-webkit-transform: translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}100%{opacity: 1;-moz-transform: translateX(0);}}@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}100%{opacity: 1;-o-transform: translateX(0);}}@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}100%{opacity: 1;transform: translateX(0);}}.fadeInRight{-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-o-animation-name: fadeInRight;animation-name: fadeInRight;}@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}100%{opacity: 1;-webkit-transform: translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}100%{opacity: 1;-moz-transform: translateY(0);}}@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}100%{opacity: 1;-o-transform: translateY(0);}}@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}.fadeInUp{-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@-moz-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@-o-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}.fadeOut{-webkit-animation-name: fadeOut;-moz-animation-name: fadeOut;-o-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOutLeft{0%{opacity: 1;-webkit-transform: translateX(0);}100%{opacity: 0;-webkit-transform: translateX(-20px);}}@-moz-keyframes fadeOutLeft{0%{opacity: 1;-moz-transform: translateX(0);}100%{opacity: 0;-moz-transform: translateX(-20px);}}@-o-keyframes fadeOutLeft{0%{opacity: 1;-o-transform: translateX(0);}100%{opacity: 0;-o-transform: translateX(-20px);}}@keyframes fadeOutLeft{0%{opacity: 1;transform: translateX(0);}100%{opacity: 0;transform: translateX(-20px);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft;-moz-animation-name: fadeOutLeft;-o-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}.wsf-form {
-webkit-tap-highlight-color: transparent;
accent-color: var(--wsf-form-color-accent);
background-color: var(--wsf-form-color-background);
border: var(--wsf-form-border-width) var(--wsf-form-border-style) var(--wsf-form-border-color);
border-radius: var(--wsf-form-border-radius);
box-sizing: border-box;
color: var(--wsf-form-color-base);
font-family: var(--wsf-form-font-family);
font-size: var(--wsf-form-font-size);
font-style: var(--wsf-form-font-style);
font-weight: var(--wsf-form-font-weight);
letter-spacing: var(--wsf-form-letter-spacing);
line-height: var(--wsf-form-line-height);
padding: var(--wsf-form-padding-vertical) var(--wsf-form-padding-horizontal);
-webkit-text-decoration: var(--wsf-form-text-decoration);
text-decoration: var(--wsf-form-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-form-text-transform);
width: 100%;
}
.wsf-form *,
.wsf-form *::before,
.wsf-form *::after {
box-sizing: inherit;
}
.wsf-form a:active, .wsf-form a:focus, .wsf-form a:hover, .wsf-form a:link, .wsf-form a:visited {
color: var(--wsf-form-color-accent);
}
.wsf-form .wsf-section,
.wsf-form .wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-form .wsf-section {
background-color: var(--wsf-section-color-background);
}
.wsf-form .wsf-section.wsf-sticky {
align-self: flex-start;
height: auto;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-section > legend {
background-color: var(--wsf-section-legend-color-background);
border: 0;
color: var(--wsf-section-legend-color);
font-family: var(--wsf-section-legend-font-family);
font-size: var(--wsf-section-legend-font-size);
font-style: var(--wsf-section-legend-font-style);
font-weight: var(--wsf-section-legend-font-weight);
letter-spacing: var(--wsf-section-legend-letter-spacing);
line-height: var(--wsf-section-legend-line-height);
-webkit-text-decoration: var(--wsf-section-legend-text-decoration);
text-decoration: var(--wsf-section-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-section-legend-text-transform);
margin: 0 0 var(--wsf-section-legend-gap) 0;
padding: 0;
}
.wsf-form .wsf-section .wsf-section-icons a {
cursor: pointer;
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
height: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
width: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a[data-action=wsf-section-drag-icon] {
cursor: move;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled {
cursor: not-allowed;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-fieldset > legend {
background: var(--wsf-field-fieldset-legend-color-background);
border: 0;
color: var(--wsf-field-fieldset-legend-color);
font-family: var(--wsf-field-fieldset-legend-font-family);
font-size: var(--wsf-field-fieldset-legend-font-size);
font-style: var(--wsf-field-fieldset-legend-font-style);
font-weight: var(--wsf-field-fieldset-legend-font-weight);
letter-spacing: var(--wsf-field-fieldset-legend-letter-spacing);
line-height: var(--wsf-field-fieldset-legend-line-height);
margin: 0 0 var(--wsf-field-fieldset-legend-gap) 0;
padding: 0;
-webkit-text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-fieldset-legend-text-transform);
}
.wsf-form .wsf-field-wrapper {
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-form .wsf-field-wrapper.wsf-sticky {
align-self: flex-start;
background-color: var(--wsf-form-color-background);
height: auto;
margin-bottom: 0;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-bottom: var(--wsf-form-grid-gap);
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor], .wsf-form .wsf-field-wrapper[data-type=html], .wsf-form .wsf-field-wrapper[data-type=divider], .wsf-form .wsf-field-wrapper[data-type=message] {
margin-bottom: 0;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color);
font-family: var(--wsf-field-texteditor-font-family);
font-style: var(--wsf-field-texteditor-font-style);
font-weight: var(--wsf-field-texteditor-font-weight);
letter-spacing: var(--wsf-field-texteditor-letter-spacing);
line-height: var(--wsf-field-texteditor-line-height);
-webkit-text-decoration: var(--wsf-field-texteditor-text-decoration);
text-decoration: var(--wsf-field-texteditor-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-texteditor-text-transform);
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p {
font-size: var(--wsf-field-texteditor-font-size);
margin-bottom: var(--wsf-field-texteditor-p-margin-bottom);
}
.wsf-form .wsf-tile {
padding-left: calc(var(--wsf-form-grid-gap) / 2);
padding-right: calc(var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-grid {
margin-left: calc(-1 * var(--wsf-form-grid-gap) / 2);
margin-right: calc(-1 * var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-inline {
display: inline-block;
flex-direction: column;
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
-webkit-appearance: none;
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-color);
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: auto;
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: 0;
max-width: none;
min-height: auto;
opacity: 1;
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
width: 100%;
}
.wsf-form input[type=date].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=file].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=month].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=password].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=search].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=time].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=week].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=email].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=number].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=tel].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=text].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=url].wsf-field::-webkit-input-placeholder,
.wsf-form select.wsf-field::-webkit-input-placeholder,
.wsf-form textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-moz-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-moz-placeholder,
.wsf-form input[type=file].wsf-field::-moz-placeholder,
.wsf-form input[type=month].wsf-field::-moz-placeholder,
.wsf-form input[type=password].wsf-field::-moz-placeholder,
.wsf-form input[type=search].wsf-field::-moz-placeholder,
.wsf-form input[type=time].wsf-field::-moz-placeholder,
.wsf-form input[type=week].wsf-field::-moz-placeholder,
.wsf-form input[type=email].wsf-field::-moz-placeholder,
.wsf-form input[type=number].wsf-field::-moz-placeholder,
.wsf-form input[type=tel].wsf-field::-moz-placeholder,
.wsf-form input[type=text].wsf-field::-moz-placeholder,
.wsf-form input[type=url].wsf-field::-moz-placeholder,
.wsf-form select.wsf-field::-moz-placeholder,
.wsf-form textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-ms-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-ms-input-placeholder,
.wsf-form input[type=file].wsf-field::-ms-input-placeholder,
.wsf-form input[type=month].wsf-field::-ms-input-placeholder,
.wsf-form input[type=password].wsf-field::-ms-input-placeholder,
.wsf-form input[type=search].wsf-field::-ms-input-placeholder,
.wsf-form input[type=time].wsf-field::-ms-input-placeholder,
.wsf-form input[type=week].wsf-field::-ms-input-placeholder,
.wsf-form input[type=email].wsf-field::-ms-input-placeholder,
.wsf-form input[type=number].wsf-field::-ms-input-placeholder,
.wsf-form input[type=tel].wsf-field::-ms-input-placeholder,
.wsf-form input[type=text].wsf-field::-ms-input-placeholder,
.wsf-form input[type=url].wsf-field::-ms-input-placeholder,
.wsf-form select.wsf-field::-ms-input-placeholder,
.wsf-form textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::placeholder,
.wsf-form input[type=datetime-local].wsf-field::placeholder,
.wsf-form input[type=file].wsf-field::placeholder,
.wsf-form input[type=month].wsf-field::placeholder,
.wsf-form input[type=password].wsf-field::placeholder,
.wsf-form input[type=search].wsf-field::placeholder,
.wsf-form input[type=time].wsf-field::placeholder,
.wsf-form input[type=week].wsf-field::placeholder,
.wsf-form input[type=email].wsf-field::placeholder,
.wsf-form input[type=number].wsf-field::placeholder,
.wsf-form input[type=tel].wsf-field::placeholder,
.wsf-form input[type=text].wsf-field::placeholder,
.wsf-form input[type=url].wsf-field::placeholder,
.wsf-form select.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=file].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=month].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=password].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=search].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=time].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=week].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=email].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=number].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=tel].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=text].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=url].wsf-field:hover:enabled:not(:focus),
.wsf-form select.wsf-field:hover:enabled:not(:focus),
.wsf-form textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover);
}
.wsf-form input[type=date].wsf-field:focus,
.wsf-form input[type=datetime-local].wsf-field:focus,
.wsf-form input[type=file].wsf-field:focus,
.wsf-form input[type=month].wsf-field:focus,
.wsf-form input[type=password].wsf-field:focus,
.wsf-form input[type=search].wsf-field:focus,
.wsf-form input[type=time].wsf-field:focus,
.wsf-form input[type=week].wsf-field:focus,
.wsf-form input[type=email].wsf-field:focus,
.wsf-form input[type=number].wsf-field:focus,
.wsf-form input[type=tel].wsf-field:focus,
.wsf-form input[type=text].wsf-field:focus,
.wsf-form input[type=url].wsf-field:focus,
.wsf-form select.wsf-field:focus,
.wsf-form textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-color-focus);
outline: 0;
}
.wsf-form input[type=date].wsf-field.wsf-field:disabled,
.wsf-form input[type=datetime-local].wsf-field.wsf-field:disabled,
.wsf-form input[type=file].wsf-field.wsf-field:disabled,
.wsf-form input[type=month].wsf-field.wsf-field:disabled,
.wsf-form input[type=password].wsf-field.wsf-field:disabled,
.wsf-form input[type=search].wsf-field.wsf-field:disabled,
.wsf-form input[type=time].wsf-field.wsf-field:disabled,
.wsf-form input[type=week].wsf-field.wsf-field:disabled,
.wsf-form input[type=email].wsf-field.wsf-field:disabled,
.wsf-form input[type=number].wsf-field.wsf-field:disabled,
.wsf-form input[type=tel].wsf-field.wsf-field:disabled,
.wsf-form input[type=text].wsf-field.wsf-field:disabled,
.wsf-form input[type=url].wsf-field.wsf-field:disabled,
.wsf-form select.wsf-field.wsf-field:disabled,
.wsf-form textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled);
color: var(--wsf-field-color-disabled);
-webkit-text-fill-color: var(--wsf-field-color-disabled);
cursor: not-allowed;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form input[type=date].wsf-field::-moz-focus-inner,
.wsf-form input[type=datetime-local].wsf-field::-moz-focus-inner,
.wsf-form input[type=file].wsf-field::-moz-focus-inner,
.wsf-form input[type=month].wsf-field::-moz-focus-inner,
.wsf-form input[type=password].wsf-field::-moz-focus-inner,
.wsf-form input[type=search].wsf-field::-moz-focus-inner,
.wsf-form input[type=time].wsf-field::-moz-focus-inner,
.wsf-form input[type=week].wsf-field::-moz-focus-inner,
.wsf-form input[type=email].wsf-field::-moz-focus-inner,
.wsf-form input[type=number].wsf-field::-moz-focus-inner,
.wsf-form input[type=tel].wsf-field::-moz-focus-inner,
.wsf-form input[type=text].wsf-field::-moz-focus-inner,
.wsf-form input[type=url].wsf-field::-moz-focus-inner,
.wsf-form select.wsf-field::-moz-focus-inner,
.wsf-form textarea.wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
.wsf-form .wsf-label-wrapper label.wsf-label {
padding: calc(var(--wsf-field-padding-vertical) + var(--wsf-field-border-width)) 0;
margin-bottom: 0;
}
.wsf-form label.wsf-label {
background-color: var(--wsf-field-label-color-background);
display: block;
color: var(--wsf-field-label-color);
font-family: var(--wsf-field-label-font-family);
font-size: var(--wsf-field-label-font-size);
font-weight: var(--wsf-field-label-font-weight);
line-height: var(--wsf-field-label-line-height);
margin-bottom: var(--wsf-field-label-gap);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form .wsf-field + label.wsf-label,
.wsf-form select.wsf-field ~ .select2-container + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ .dropzone + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ canvas + label.wsf-label,
.wsf-form .wsf-input-group-append + label.wsf-label {
margin-bottom: 0;
margin-top: var(--wsf-field-label-gap);
}
.wsf-form .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-color-background);
color: var(--wsf-field-invalid-feedback-color);
display: none;
font-family: var(--wsf-field-invalid-feedback-font-family);
font-size: var(--wsf-field-invalid-feedback-font-size);
font-style: var(--wsf-field-invalid-feedback-font-style);
font-weight: var(--wsf-field-invalid-feedback-font-weight);
letter-spacing: var(--wsf-field-invalid-feedback-letter-spacing);
line-height: var(--wsf-field-invalid-feedback-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-invalid-feedback-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-invalid-feedback-text-transform);
}
.wsf-form [data-select-min-max],
.wsf-form [data-checkbox-min-max] {
display: none;
}
.wsf-form .wsf-help {
background-color: var(--wsf-field-help-color-background);
color: var(--wsf-field-help-color);
display: block;
font-family: var(--wsf-field-help-font-family);
font-size: var(--wsf-field-help-font-size);
font-style: var(--wsf-field-help-font-style);
font-weight: var(--wsf-field-help-font-weight);
letter-spacing: var(--wsf-field-help-letter-spacing);
line-height: var(--wsf-field-help-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-help-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-help-text-decoration);
text-decoration: var(--wsf-field-help-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-help-text-transform);
}
.wsf-form .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
margin-top: 0;
}
.wsf-form .wsf-label-position-inside .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
line-height: var(--wsf-field-line-height);
margin-top: 0;
position: absolute;
top: var(--wsf-field-padding-vertical);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background);
display: block;
-webkit-margin-start: calc(-1 * var(--wsf-field-font-size) / 4);
margin-inline-start: calc(-1 * var(--wsf-field-font-size) / 4);
padding-left: calc(var(--wsf-field-font-size) / 4);
padding-right: calc(var(--wsf-field-font-size) / 4);
-webkit-transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
}
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
display: none;
}
.wsf-form [data-wsf-tooltip=""]:before,
.wsf-form [data-wsf-tooltip=""]:after {
opacity: 0 !important;
}
.wsf-form [data-wsf-tooltip] {
cursor: help;
position: relative;
}
.wsf-form [data-wsf-tooltip] svg {
display: inline-block;
vertical-align: text-bottom;
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden;
z-index: 1000;
}
.wsf-form [data-wsf-tooltip]:focus {
outline: 0;
}
.wsf-form [data-wsf-tooltip]:hover:before,
.wsf-form [data-wsf-tooltip]:hover:after,
.wsf-form [data-wsf-tooltip]:focus:before,
.wsf-form [data-wsf-tooltip]:focus:after {
opacity: 1;
visibility: visible;
}
.wsf-form [data-wsf-tooltip]:before {
border: 5px solid transparent;
border-top-color: var(--wsf-field-tooltip-color-background);
bottom: calc(100% - 5px);
content: "";
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background);
border-radius: var(--wsf-field-tooltip-border-radius);
bottom: calc(100% + var(--wsf-field-tooltip-gap));
color: var(--wsf-field-tooltip-color);
content: attr(data-wsf-tooltip);
font-family: var(--wsf-field-tooltip-font-family);
font-size: var(--wsf-field-tooltip-font-size);
font-weight: var(--wsf-field-tooltip-font-weight);
left: 50%;
line-height: var(--wsf-field-tooltip-line-height);
max-width: 320px;
min-width: 180px;
padding: var(--wsf-field-padding);
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form .wsf-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wsf-form .wsf-input-group > label.wsf-label,
.wsf-form .wsf-input-group > .wsf-invalid-feedback,
.wsf-form .wsf-input-group > .wsf-help {
width: 100%;
}
.wsf-form .wsf-input-group > .wsf-field,
.wsf-form .wsf-input-group > select.wsf-field ~ .select2-container,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ .dropzone,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ canvas {
flex: 1 1 auto;
min-width: 0;
position: relative;
width: 1% !important;
}
.wsf-form .wsf-input-group-has-prepend > .wsf-field,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.wsf-form .wsf-input-group-has-append > .wsf-field,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-append > .dropzone {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form .wsf-input-group-prepend,
.wsf-form .wsf-input-group-append {
align-items: center;
background-color: var(--wsf-field-prefix-suffix-color-background);
border: var(--wsf-field-border);
color: var(--wsf-field-prefix-suffix-color);
display: flex;
font-family: var(--wsf-field-prefix-suffix-font-family);
font-size: var(--wsf-field-prefix-suffix-font-size);
font-style: var(--wsf-field-prefix-suffix-font-style);
font-weight: var(--wsf-field-prefix-suffix-font-weight);
letter-spacing: var(--wsf-field-prefix-suffix-letter-spacing);
line-height: var(--wsf-field-prefix-suffix-line-height);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-prefix-suffix-text-transform);
}
.wsf-form .wsf-input-group-prepend {
-webkit-border-end: none;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-inline-end: none;
border-top-left-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-input-group-append {
-webkit-border-start: none;
border-bottom-right-radius: var(--wsf-field-border-radius);
border-inline-start: none;
border-top-right-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-text-primary {
color: var(--wsf-form-color-primary);
}
.wsf-form .wsf-text-secondary {
color: var(--wsf-form-color-secondary);
}
.wsf-form .wsf-text-success {
color: var(--wsf-form-color-success);
}
.wsf-form .wsf-text-information {
color: var(--wsf-form-color-info);
}
.wsf-form .wsf-text-warning {
color: var(--wsf-form-color-warning);
}
.wsf-form .wsf-text-danger {
color: var(--wsf-form-color-danger);
}
.wsf-form .wsf-text-left {
text-align: left;
}
.wsf-form .wsf-text-center {
text-align: center;
}
.wsf-form .wsf-text-right {
text-align: right;
}
.wsf-form .wsf-hidden {
display: none !important;
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
transition: background-color var(--wsf-form-transition), background-image var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form canvas.wsf-field + label,
.wsf-form select.wsf-field + label,
.wsf-form input.wsf-field[placeholder] + label,
.wsf-form textarea.wsf-field[placeholder] + label,
.wsf-form canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form select.wsf-field + .wsf-input-group-append + label,
.wsf-form input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
transition: opacity var(--wsf-form-transition), visibility var(--wsf-form-transition);
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: var(--wsf-field-border-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: var(--wsf-field-border-radius) !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: var(--wsf-field-border-radius) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: var(--wsf-field-border-radius) !important;
}
.wsf-form.wsf-rtl .wsf-input-group-prepend {
border-top-left-radius: 0;
border-top-right-radius: var(--wsf-field-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--wsf-field-border-radius);
}
.wsf-form.wsf-rtl .wsf-input-group-append {
border-top-left-radius: var(--wsf-field-border-radius);
border-top-right-radius: 0;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-bottom-right-radius: 0;
}
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: auto;
right: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.wsf-form.wsf-validated select.wsf-field:invalid,
.wsf-form.wsf-validated textarea.wsf-field:invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:invalid,
.wsf-form .wsf-validated select.wsf-field:invalid,
.wsf-form .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid);
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form.wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated textarea.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated textarea.wsf-field:-moz-ui-invalid {
box-shadow: none;
}
.wsf-form.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-captcha-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-captcha-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback {
display: block;
}
.wsf-form [data-type=captchafox]:has([data-mode=hidden]),
.wsf-form [data-type=recaptcha]:has([data-recaptcha-type=v2_invisible], [data-recaptcha-type=v3_default]),
.wsf-form [data-type=turnstile]:has([data-appearance=interaction-only]) {
height: 0;
margin: 0;
overflow: hidden;
padding: 0;
width: 0;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:disabled,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:disabled {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom .wsf-input-group span {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] {
--wsf-form-color-accent: var(--wsf-form-color-accent-alt);
background-color: var(--wsf-form-color-background-alt);
color: var(--wsf-form-color-base-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section.wsf-sticky {
background-color: var(--wsf-section-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section > legend {
background-color: var(--wsf-section-legend-background-color-alt);
color: var(--wsf-section-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-fieldset > legend {
background-color: var(--wsf-field-fieldset-legend-background-color-alt);
color: var(--wsf-field-fieldset-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper.wsf-sticky {
background-color: var(--wsf-form-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus-alt);
box-shadow: var(--wsf-field-box-shadow-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled-alt);
color: var(--wsf-field-color-disabled-alt);
-webkit-text-fill-color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] label.wsf-label {
background-color: var(--wsf-field-label-background-color-alt);
color: var(--wsf-field-label-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-background-color-alt);
color: var(--wsf-field-invalid-feedback-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-help {
background-color: var(--wsf-field-help-color-background-alt);
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside:not(.wsf-label-position-inside-hide) textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:before {
border-top-color: var(--wsf-field-tooltip-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background-alt);
color: var(--wsf-field-tooltip-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-prepend,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-append {
background-color: var(--wsf-field-prefix-suffix-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-prefix-suffix-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid-alt);
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow-alt);
}
.pac-container {
z-index: 1401;
}
.elementor-element .wsf-form .wp-editor-tools button {
background-color: inherit !important;
}
.wsf-alert {
background-color: var(--wsf-field-message-color-background);
-webkit-border-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-inline-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-message-color);
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-weight: var(--wsf-field-font-weight);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-alert > p {
color: var(--wsf-field-message-color);
}
.wsf-alert > p a,
.wsf-alert > p a:hover,
.wsf-alert > p a:focus {
color: var(--wsf-field-message-anchor-color);
text-decoration: underline;
}
.wsf-alert > :first-child {
margin-top: 0;
}
.wsf-alert > :last-child {
margin-bottom: 0;
}
.wsf-alert.wsf-alert-success {
background-color: var(--wsf-field-message-success-color-background);
border-color: var(--wsf-field-message-success-border-color);
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p {
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p a,
.wsf-alert.wsf-alert-success > p a:hover,
.wsf-alert.wsf-alert-success > p a:focus {
color: var(--wsf-field-message-success-anchor-color);
}
.wsf-alert.wsf-alert-information {
background-color: var(--wsf-field-message-info-color-background);
border-color: var(--wsf-field-message-info-border-color);
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p {
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p a,
.wsf-alert.wsf-alert-information > p a:hover,
.wsf-alert.wsf-alert-information > p a:focus {
color: var(--wsf-field-message-info-anchor-color);
}
.wsf-alert.wsf-alert-warning {
background-color: var(--wsf-field-message-warning-color-background);
border-color: var(--wsf-field-message-warning-border-color);
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p {
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p a,
.wsf-alert.wsf-alert-warning > p a:hover,
.wsf-alert.wsf-alert-warning > p a:focus {
color: var(--wsf-field-message-warning-anchor-color);
}
.wsf-alert.wsf-alert-danger {
background-color: var(--wsf-field-message-danger-color-background);
border-color: var(--wsf-field-message-danger-border-color);
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p {
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p a,
.wsf-alert.wsf-alert-danger > p a:hover,
.wsf-alert.wsf-alert-danger > p a:focus {
color: var(--wsf-field-message-danger-anchor-color);
}.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-form-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);
}