/**handles:ba-text-notation,bricks-animate,frames-slider-controls,frames-splide,frames-slider,frames-accordion,ws-form-base,ws-form-button,ws-form-checkbox**/ .brxe-ba-text-notation{position:relative} @layer bricks{:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.brx-animated{animation-duration:1s;animation-fill-mode:both}.bricks-is-frontend .brx-animated[data-animation*=In],.bricks-is-frontend :not(.brx-animated)[data-interaction-hidden-on-load]{opacity:0}.brx-animated.infinite{animation-iteration-count:infinite}.brx-animated.brx-animate-repeat-1{animation-iteration-count:var(--animate-repeat)}.brx-animated.brx-animate-repeat-2{animation-iteration-count:calc(var(--animate-repeat)*2)}.brx-animated.brx-animate-repeat-3{animation-iteration-count:calc(var(--animate-repeat)*3)}.brx-animated.brx-animate-delay-1s{animation-delay:var(--animate-delay)}.brx-animated.brx-animate-delay-2s{animation-delay:calc(var(--animate-delay)*2)}.brx-animated.brx-animate-delay-3s{animation-delay:calc(var(--animate-delay)*3)}.brx-animated.brx-animate-delay-4s{animation-delay:calc(var(--animate-delay)*4)}.brx-animated.brx-animate-delay-5s{animation-delay:calc(var(--animate-delay)*5)}.brx-animated.brx-animate-faster{animation-duration:calc(var(--animate-duration)/2)}.brx-animated.brx-animate-fast{animation-duration:calc(var(--animate-duration)*.8)}.brx-animated.brx-animate-slow{animation-duration:calc(var(--animate-duration)*2)}.brx-animated.brx-animate-slower{animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.brx-animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.brx-animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transform:translateZ(0) scaleY(.95);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transform:translateZ(0) scaleY(.95);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.brx-animate-bounce{animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.brx-animate-flash{animation-name:flash}@-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.brx-animate-pulse{animation-name:pulse;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.brx-animate-rubberBand{animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.brx-animate-shakeX{animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.brx-animate-shakeY{animation-name:shakeY}@-webkit-keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.brx-animate-headShake{animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.brx-animate-swing{animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.brx-animate-tada{animation-name:tada}@-webkit-keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.brx-animate-wobble{animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.brx-animate-jello{animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.brx-animate-heartBeat{animation-duration:calc(var(--animate-duration)*1.3);animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}.brx-animate-backInDown{animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;transform:translateX(-2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;transform:translateX(-2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}.brx-animate-backInLeft{animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;transform:translateX(2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;transform:translateX(2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}.brx-animate-backInRight{animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}.brx-animate-backInUp{animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(700px) scale(.7)}}.brx-animate-backOutDown{animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(-2000px) scale(.7)}}.brx-animate-backOutLeft{animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:.7;transform:translateX(2000px) scale(.7)}}.brx-animate-backOutRight{animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}.brx-animate-backOutUp{animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.brx-animate-bounceIn{animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.brx-animate-bounceInDown{animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.brx-animate-bounceInLeft{animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.brx-animate-bounceInRight{animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.brx-animate-bounceInUp{animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.brx-animate-bounceOut{animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.brx-animate-bounceOutDown{animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.brx-animate-bounceOutLeft{animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.brx-animate-bounceOutRight{animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.brx-animate-bounceOutUp{animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.brx-animate-fadeIn{animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInDown{animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInDownBig{animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInLeft{animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInLeftBig{animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInRight{animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInRightBig{animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInUp{animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInUpBig{animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInTopLeft{animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInTopRight{animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInBottomLeft{animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.brx-animate-fadeInBottomRight{animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.brx-animate-fadeOut{animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.brx-animate-fadeOutDown{animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.brx-animate-fadeOutDownBig{animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.brx-animate-fadeOutLeft{animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.brx-animate-fadeOutLeftBig{animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.brx-animate-fadeOutRight{animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.brx-animate-fadeOutRightBig{animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.brx-animate-fadeOutUp{animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.brx-animate-fadeOutUpBig{animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.brx-animate-fadeOutTopLeft{animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.brx-animate-fadeOutTopRight{animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.brx-animate-fadeOutBottomRight{animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.brx-animate-fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.brx-animated.brx-animate-flip{animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.brx-animate-flipInX{animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.brx-animate-flipInY{animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.brx-animate-flipOutX{animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}.brx-animate-flipOutY{animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.brx-animate-lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;transform:skewX(-20deg)}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;transform:skewX(-20deg)}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.brx-animate-lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.brx-animate-lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0) skewX(-30deg)}}.brx-animate-lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rotateIn{animation-name:rotateIn;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}.brx-animate-rotateOut{animation-name:rotateOut;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}.brx-animate-rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.brx-animate-rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.brx-animate-rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}.brx-animate-rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@-webkit-keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg)}to{opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg)}to{opacity:0;transform:translate3d(0,700px,0)}}.brx-animate-hinge{animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.brx-animate-jackInTheBox{animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.brx-animate-rollIn{animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.brx-animate-rollOut{animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.brx-animate-zoomIn{animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.brx-animate-zoomInDown{animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.brx-animate-zoomInLeft{animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.brx-animate-zoomInRight{animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.brx-animate-zoomInUp{animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.brx-animate-zoomOut{animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.brx-animate-zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.brx-animate-zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.brx-animate-zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.brx-animate-zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.brx-animate-slideInDown{animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.brx-animate-slideInLeft{animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.brx-animate-slideInRight{animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.brx-animate-slideInUp{animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}.brx-animate-slideOutDown{animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}.brx-animate-slideOutLeft{animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.brx-animate-slideOutRight{animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}.brx-animate-slideOutUp{animation-name:slideOutUp}} :root{--fr-slider-progress-bar-color:var(--neutral-ultra-light);--fr-slider-progress-bar-progress-color:var(--neutral-ultra-dark);--fr-slider-progress-bar-height:1rem;--fr-slider-progress-bar-width:100%}.fr-slider-custom-navigation{width:100%}.brxe-fr-slider-controls[data-fr-slider-nav-type=progress]{height:var(--fr-slider-progress-bar-height)}.fr-slider__progress{background:var(--fr-slider-progress-bar-color);position:relative!important;height:var(--fr-slider-progress-bar-height);overflow:hidden;width:var(--fr-slider-progress-bar-width)}.iframe .fr-slider__progress{min-height:var(--fr-slider-progress-bar-height)}.fr-slider__progress-bar{background:var(--fr-slider-progress-bar-progress-color);transition:width .4s ease;width:0;height:100%}.iframe .fr-slider__progress-bar{width:30%!important}.fr-slider__progress-buttons{position:absolute;top:0;left:0;width:100%;display:flex;height:var(--fr-slider-progress-bar-height)}.fr-slider__progress-button{flex-grow:1;height:100%;width:100%;background-color:transparent}.fr-slider__custom-arrows{display:flex;align-items:flex-start} @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0} .fr-slider--hide{display:none}.splide__arrow{position:absolute}.splide__pagination{bottom:15px;left:50%;list-style:none;padding:0;position:absolute!important;transform:translateX(-50%);z-index:1}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:0;list-style-type:none;margin:0;pointer-events:auto}.splide__pagination .splide__pagination__page{background-color:rgba(0,0,0,.33);border:0;border-radius:100%;display:inline-block;height:10px;margin:5px;padding:0;position:relative;transition:transform .2s linear;width:10px}.splide__pagination .splide__pagination__page.is-active{background-color:#000;z-index:1}.fr-slider__pagination--builder{display:flex!important}.brxe-block.fr-slider__placeholder-slide,.fr-slider__placeholder-slide{display:flex;justify-content:center;align-items:center;width:100%}.fr-slider__placeholder-slide-text{text-align:center}.fr-slider .splide__arrow,.fr-slider__custom-arrow{display:flex;justify-content:center;align-items:center;background-color:transparent;width:var(--space-l);height:var(--space-l)}.iframe .fr-slider[data-fr-slider-breakout=true]>.fr-slider__track{overflow:visible!important}.fr-slider__progress.fr-slider__progress--autoplay{height:100%;z-index:0;position:initial}.fr-slider__progress-bar{height:.5em;background:var(--neutral-ultra-dark)}.iframe .fr-slider__progress-bar{width:40%}.fr-slider__play-pause{position:absolute;bottom:var(--space-m);right:var(--space-m)}.fr-slider__play-pause-icon{display:flex;align-items:center;justify-content:center;width:var(--space-l);background-color:var(--neutral-ultra-dark);aspect-ratio:1}.fr-slider__play-pause-icon i{line-height:0;font-size:var(--space-s);color:var(--neutral-ultra-light)}.splide__toggle{background-color:transparent}.fr-slider--clip-right{clip-path:inset(-100vw 0 -100vw -100vw)}.fr-slider--clip-left{clip-path:inset(-100vw -100vw -100vw 0)}:where(.fr-slide){display:flex;align-items:center;flex-direction:column;justify-content:center}.fr-slide{transition-duration:calc(var(--fr-slide-transition-duration) * 1ms);transition-property:background-color,transform,opacity,color,font-family,font-weight,font-size,line-height,text-align,text-transform,text-decoration,letter-spacing,word-spacing,text-indent,border,border-top,border-right,border-bottom,border-left,border-color,border-width,border-style,border-radius}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset-block-start:0;inset-block-end:0;inset-inline-start:auto;inset-inline-end:.5em;padding:1em 0} :where(.fr-accordion){width:100%;display:flex;flex-direction:column}ol.fr-accordion,ul.fr-accordion{list-style:none;padding:0;margin:0}.fr-accordion__header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}:where(.fr-accordion__header){transition:all .3s ease-out;width:100%;cursor:pointer;background-color:var(--neutral-light);color:var(--fr-text-dark);padding:var(--space-s)}:where(.fr-accordion__title){font-size:var(--h4)}:where(.fr-accordion__icon-wrapper){display:flex;justify-content:center;aspect-ratio:1/1}i.fr-accordion__icon,svg.fr-accordion__icon{display:flex;justify-content:center;line-height:1;font-size:1.5em;min-width:1em;min-height:1em}.fr-accordion__body{overflow:hidden;height:0;transition:all .3s ease-out}:where(.fr-accordion__content-wrapper){padding:var(--space-s)}.fr-accordion__alert{background-color:#942a2a;color:#fff;padding:1rem;margin:0;border-radius:.25rem}.fr-accordion--toggle-all>*>:nth-child(2){height:auto!important}.fr-accordion--first-item-opened>:first-child>:nth-child(2){height:auto!important}:where(.fr-accordion__icon){transition:all .3s ease-out} .wsf-form { -webkit-tap-highlight-color: transparent; accent-color: var(--wsf-form-color-accent); background-color: var(--wsf-form-color-background); border: var(--wsf-form-border-width) var(--wsf-form-border-style) var(--wsf-form-border-color); border-radius: var(--wsf-form-border-radius); box-sizing: border-box; color: var(--wsf-form-color-base); font-family: var(--wsf-form-font-family); font-size: var(--wsf-form-font-size); font-style: var(--wsf-form-font-style); font-weight: var(--wsf-form-font-weight); letter-spacing: var(--wsf-form-letter-spacing); line-height: var(--wsf-form-line-height); padding: var(--wsf-form-padding-vertical) var(--wsf-form-padding-horizontal); -webkit-text-decoration: var(--wsf-form-text-decoration); text-decoration: var(--wsf-form-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-form-text-transform); width: 100%; } .wsf-form *, .wsf-form *::before, .wsf-form *::after { box-sizing: inherit; } .wsf-form a:active, .wsf-form a:focus, .wsf-form a:hover, .wsf-form a:link, .wsf-form a:visited { color: var(--wsf-form-color-accent); } .wsf-form .wsf-section, .wsf-form .wsf-fieldset { border: none; margin: 0; min-width: 0; padding: 0; } .wsf-form .wsf-section { background-color: var(--wsf-section-color-background); } .wsf-form .wsf-section.wsf-sticky { align-self: flex-start; height: auto; margin-top: calc(-1 * var(--wsf-form-grid-gap)); padding-top: var(--wsf-form-grid-gap); position: sticky; top: 0; z-index: 2; } .wsf-form .wsf-section > legend { background-color: var(--wsf-section-legend-color-background); border: 0; color: var(--wsf-section-legend-color); font-family: var(--wsf-section-legend-font-family); font-size: var(--wsf-section-legend-font-size); font-style: var(--wsf-section-legend-font-style); font-weight: var(--wsf-section-legend-font-weight); letter-spacing: var(--wsf-section-legend-letter-spacing); line-height: var(--wsf-section-legend-line-height); -webkit-text-decoration: var(--wsf-section-legend-text-decoration); text-decoration: var(--wsf-section-legend-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-section-legend-text-transform); margin: 0 0 var(--wsf-section-legend-gap) 0; padding: 0; } .wsf-form .wsf-section .wsf-section-icons a { cursor: pointer; } .wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon { height: var(--wsf-section-icon-size); } .wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon path { fill: var(--wsf-section-icon-color); } .wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon { width: var(--wsf-section-icon-size); } .wsf-form .wsf-section .wsf-section-icons a span.wsf-section-icon-text { color: var(--wsf-section-icon-color); } .wsf-form .wsf-section .wsf-section-icons a[data-action=wsf-section-drag-icon] { cursor: move; } .wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled { cursor: not-allowed; } .wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path { fill: var(--wsf-section-icon-color-disabled); } .wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text { color: var(--wsf-section-icon-color-disabled); } .wsf-form .wsf-fieldset > legend { background: var(--wsf-field-fieldset-legend-color-background); border: 0; color: var(--wsf-field-fieldset-legend-color); font-family: var(--wsf-field-fieldset-legend-font-family); font-size: var(--wsf-field-fieldset-legend-font-size); font-style: var(--wsf-field-fieldset-legend-font-style); font-weight: var(--wsf-field-fieldset-legend-font-weight); letter-spacing: var(--wsf-field-fieldset-legend-letter-spacing); line-height: var(--wsf-field-fieldset-legend-line-height); margin: 0 0 var(--wsf-field-fieldset-legend-gap) 0; padding: 0; -webkit-text-decoration: var(--wsf-field-fieldset-legend-text-decoration); text-decoration: var(--wsf-field-fieldset-legend-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-fieldset-legend-text-transform); } .wsf-form .wsf-field-wrapper { margin-bottom: var(--wsf-form-grid-gap); } .wsf-form .wsf-field-wrapper.wsf-sticky { align-self: flex-start; background-color: var(--wsf-form-color-background); height: auto; margin-bottom: 0; margin-top: calc(-1 * var(--wsf-form-grid-gap)); padding-bottom: var(--wsf-form-grid-gap); padding-top: var(--wsf-form-grid-gap); position: sticky; top: 0; z-index: 2; } .wsf-form .wsf-field-wrapper[data-type=texteditor], .wsf-form .wsf-field-wrapper[data-type=html], .wsf-form .wsf-field-wrapper[data-type=divider], .wsf-form .wsf-field-wrapper[data-type=message] { margin-bottom: 0; } .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 { color: var(--wsf-field-texteditor-color); font-family: var(--wsf-field-texteditor-font-family); font-style: var(--wsf-field-texteditor-font-style); font-weight: var(--wsf-field-texteditor-font-weight); letter-spacing: var(--wsf-field-texteditor-letter-spacing); line-height: var(--wsf-field-texteditor-line-height); -webkit-text-decoration: var(--wsf-field-texteditor-text-decoration); text-decoration: var(--wsf-field-texteditor-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-texteditor-text-transform); } .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p { font-size: var(--wsf-field-texteditor-font-size); margin-bottom: var(--wsf-field-texteditor-p-margin-bottom); } .wsf-form .wsf-tile { padding-left: calc(var(--wsf-form-grid-gap) / 2); padding-right: calc(var(--wsf-form-grid-gap) / 2); } .wsf-form .wsf-grid { margin-left: calc(-1 * var(--wsf-form-grid-gap) / 2); margin-right: calc(-1 * var(--wsf-form-grid-gap) / 2); } .wsf-form .wsf-inline { display: inline-block; flex-direction: column; -webkit-margin-end: var(--wsf-field-padding-horizontal); margin-inline-end: var(--wsf-field-padding-horizontal); } .wsf-form input[type=date].wsf-field, .wsf-form input[type=datetime-local].wsf-field, .wsf-form input[type=file].wsf-field, .wsf-form input[type=month].wsf-field, .wsf-form input[type=password].wsf-field, .wsf-form input[type=search].wsf-field, .wsf-form input[type=time].wsf-field, .wsf-form input[type=week].wsf-field, .wsf-form input[type=email].wsf-field, .wsf-form input[type=number].wsf-field, .wsf-form input[type=tel].wsf-field, .wsf-form input[type=text].wsf-field, .wsf-form input[type=url].wsf-field, .wsf-form select.wsf-field, .wsf-form textarea.wsf-field { -webkit-appearance: none; background-color: var(--wsf-field-color-background); border: var(--wsf-field-border); border-radius: var(--wsf-field-border-radius); color: var(--wsf-field-color); display: inline-block; font-family: var(--wsf-field-font-family); font-size: var(--wsf-field-font-size); font-style: var(--wsf-field-font-style); font-weight: var(--wsf-field-font-weight); height: auto; letter-spacing: var(--wsf-field-letter-spacing); line-height: var(--wsf-field-line-height); margin: 0; min-height: auto; max-width: none; opacity: 1; padding: var(--wsf-field-padding); -webkit-text-decoration: var(--wsf-field-text-decoration); text-decoration: var(--wsf-field-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-text-transform); touch-action: manipulation; width: 100%; } .wsf-form input[type=date].wsf-field::-webkit-input-placeholder, .wsf-form input[type=datetime-local].wsf-field::-webkit-input-placeholder, .wsf-form input[type=file].wsf-field::-webkit-input-placeholder, .wsf-form input[type=month].wsf-field::-webkit-input-placeholder, .wsf-form input[type=password].wsf-field::-webkit-input-placeholder, .wsf-form input[type=search].wsf-field::-webkit-input-placeholder, .wsf-form input[type=time].wsf-field::-webkit-input-placeholder, .wsf-form input[type=week].wsf-field::-webkit-input-placeholder, .wsf-form input[type=email].wsf-field::-webkit-input-placeholder, .wsf-form input[type=number].wsf-field::-webkit-input-placeholder, .wsf-form input[type=tel].wsf-field::-webkit-input-placeholder, .wsf-form input[type=text].wsf-field::-webkit-input-placeholder, .wsf-form input[type=url].wsf-field::-webkit-input-placeholder, .wsf-form select.wsf-field::-webkit-input-placeholder, .wsf-form textarea.wsf-field::-webkit-input-placeholder { color: var(--wsf-field-color-placeholder); opacity: 1; } .wsf-form input[type=date].wsf-field::-moz-placeholder, .wsf-form input[type=datetime-local].wsf-field::-moz-placeholder, .wsf-form input[type=file].wsf-field::-moz-placeholder, .wsf-form input[type=month].wsf-field::-moz-placeholder, .wsf-form input[type=password].wsf-field::-moz-placeholder, .wsf-form input[type=search].wsf-field::-moz-placeholder, .wsf-form input[type=time].wsf-field::-moz-placeholder, .wsf-form input[type=week].wsf-field::-moz-placeholder, .wsf-form input[type=email].wsf-field::-moz-placeholder, .wsf-form input[type=number].wsf-field::-moz-placeholder, .wsf-form input[type=tel].wsf-field::-moz-placeholder, .wsf-form input[type=text].wsf-field::-moz-placeholder, .wsf-form input[type=url].wsf-field::-moz-placeholder, .wsf-form select.wsf-field::-moz-placeholder, .wsf-form textarea.wsf-field::-moz-placeholder { color: var(--wsf-field-color-placeholder); opacity: 1; } .wsf-form input[type=date].wsf-field::-ms-input-placeholder, .wsf-form input[type=datetime-local].wsf-field::-ms-input-placeholder, .wsf-form input[type=file].wsf-field::-ms-input-placeholder, .wsf-form input[type=month].wsf-field::-ms-input-placeholder, .wsf-form input[type=password].wsf-field::-ms-input-placeholder, .wsf-form input[type=search].wsf-field::-ms-input-placeholder, .wsf-form input[type=time].wsf-field::-ms-input-placeholder, .wsf-form input[type=week].wsf-field::-ms-input-placeholder, .wsf-form input[type=email].wsf-field::-ms-input-placeholder, .wsf-form input[type=number].wsf-field::-ms-input-placeholder, .wsf-form input[type=tel].wsf-field::-ms-input-placeholder, .wsf-form input[type=text].wsf-field::-ms-input-placeholder, .wsf-form input[type=url].wsf-field::-ms-input-placeholder, .wsf-form select.wsf-field::-ms-input-placeholder, .wsf-form textarea.wsf-field::-ms-input-placeholder { color: var(--wsf-field-color-placeholder); opacity: 1; } .wsf-form input[type=date].wsf-field::placeholder, .wsf-form input[type=datetime-local].wsf-field::placeholder, .wsf-form input[type=file].wsf-field::placeholder, .wsf-form input[type=month].wsf-field::placeholder, .wsf-form input[type=password].wsf-field::placeholder, .wsf-form input[type=search].wsf-field::placeholder, .wsf-form input[type=time].wsf-field::placeholder, .wsf-form input[type=week].wsf-field::placeholder, .wsf-form input[type=email].wsf-field::placeholder, .wsf-form input[type=number].wsf-field::placeholder, .wsf-form input[type=tel].wsf-field::placeholder, .wsf-form input[type=text].wsf-field::placeholder, .wsf-form input[type=url].wsf-field::placeholder, .wsf-form select.wsf-field::placeholder, .wsf-form textarea.wsf-field::placeholder { color: var(--wsf-field-color-placeholder); opacity: 1; } .wsf-form input[type=date].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=datetime-local].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=file].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=month].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=password].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=search].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=time].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=week].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=email].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=number].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=tel].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=text].wsf-field:hover:enabled:not(:focus), .wsf-form input[type=url].wsf-field:hover:enabled:not(:focus), .wsf-form select.wsf-field:hover:enabled:not(:focus), .wsf-form textarea.wsf-field:hover:enabled:not(:focus) { background-color: var(--wsf-field-color-background-hover); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover); } .wsf-form input[type=date].wsf-field:focus, .wsf-form input[type=datetime-local].wsf-field:focus, .wsf-form input[type=file].wsf-field:focus, .wsf-form input[type=month].wsf-field:focus, .wsf-form input[type=password].wsf-field:focus, .wsf-form input[type=search].wsf-field:focus, .wsf-form input[type=time].wsf-field:focus, .wsf-form input[type=week].wsf-field:focus, .wsf-form input[type=email].wsf-field:focus, .wsf-form input[type=number].wsf-field:focus, .wsf-form input[type=tel].wsf-field:focus, .wsf-form input[type=text].wsf-field:focus, .wsf-form input[type=url].wsf-field:focus, .wsf-form select.wsf-field:focus, .wsf-form textarea.wsf-field:focus { background-color: var(--wsf-field-color-background-focus); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus); box-shadow: var(--wsf-field-box-shadow); color: var(--wsf-field-color-focus); outline: 0; } .wsf-form input[type=date].wsf-field.wsf-field:disabled, .wsf-form input[type=datetime-local].wsf-field.wsf-field:disabled, .wsf-form input[type=file].wsf-field.wsf-field:disabled, .wsf-form input[type=month].wsf-field.wsf-field:disabled, .wsf-form input[type=password].wsf-field.wsf-field:disabled, .wsf-form input[type=search].wsf-field.wsf-field:disabled, .wsf-form input[type=time].wsf-field.wsf-field:disabled, .wsf-form input[type=week].wsf-field.wsf-field:disabled, .wsf-form input[type=email].wsf-field.wsf-field:disabled, .wsf-form input[type=number].wsf-field.wsf-field:disabled, .wsf-form input[type=tel].wsf-field.wsf-field:disabled, .wsf-form input[type=text].wsf-field.wsf-field:disabled, .wsf-form input[type=url].wsf-field.wsf-field:disabled, .wsf-form select.wsf-field.wsf-field:disabled, .wsf-form textarea.wsf-field.wsf-field:disabled { background-color: var(--wsf-field-color-background-disabled); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled); color: var(--wsf-field-color-disabled); -webkit-text-fill-color: var(--wsf-field-color-disabled); cursor: not-allowed; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wsf-form input[type=date].wsf-field::-moz-focus-inner, .wsf-form input[type=datetime-local].wsf-field::-moz-focus-inner, .wsf-form input[type=file].wsf-field::-moz-focus-inner, .wsf-form input[type=month].wsf-field::-moz-focus-inner, .wsf-form input[type=password].wsf-field::-moz-focus-inner, .wsf-form input[type=search].wsf-field::-moz-focus-inner, .wsf-form input[type=time].wsf-field::-moz-focus-inner, .wsf-form input[type=week].wsf-field::-moz-focus-inner, .wsf-form input[type=email].wsf-field::-moz-focus-inner, .wsf-form input[type=number].wsf-field::-moz-focus-inner, .wsf-form input[type=tel].wsf-field::-moz-focus-inner, .wsf-form input[type=text].wsf-field::-moz-focus-inner, .wsf-form input[type=url].wsf-field::-moz-focus-inner, .wsf-form select.wsf-field::-moz-focus-inner, .wsf-form textarea.wsf-field::-moz-focus-inner { border: 0; padding: 0; } .wsf-form .wsf-label-wrapper label.wsf-label { padding: calc(var(--wsf-field-padding-vertical) + var(--wsf-field-border-width)) 0; margin-bottom: 0; } .wsf-form label.wsf-label { background-color: var(--wsf-field-label-color-background); display: block; color: var(--wsf-field-label-color); font-family: var(--wsf-field-label-font-family); font-size: var(--wsf-field-label-font-size); font-weight: var(--wsf-field-label-font-weight); line-height: var(--wsf-field-label-line-height); margin-bottom: var(--wsf-field-label-gap); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wsf-form .wsf-field + label.wsf-label, .wsf-form select.wsf-field ~ .select2-container + label.wsf-label, .wsf-form input[type=text].wsf-field ~ .dropzone + label.wsf-label, .wsf-form input[type=text].wsf-field ~ canvas + label.wsf-label, .wsf-form .wsf-input-group-append + label.wsf-label { margin-bottom: 0; margin-top: var(--wsf-field-label-gap); } .wsf-form .wsf-invalid-feedback { background-color: var(--wsf-field-invalid-feedback-color-background); color: var(--wsf-field-invalid-feedback-color); display: none; font-family: var(--wsf-field-invalid-feedback-font-family); font-size: var(--wsf-field-invalid-feedback-font-size); font-style: var(--wsf-field-invalid-feedback-font-style); font-weight: var(--wsf-field-invalid-feedback-font-weight); letter-spacing: var(--wsf-field-invalid-feedback-letter-spacing); line-height: var(--wsf-field-invalid-feedback-line-height); margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: var(--wsf-field-invalid-feedback-gap); padding: 0; -webkit-text-decoration: var(--wsf-field-invalid-feedback-text-decoration); text-decoration: var(--wsf-field-invalid-feedback-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-invalid-feedback-text-transform); } .wsf-form [data-select-min-max], .wsf-form [data-checkbox-min-max] { display: none; } .wsf-form .wsf-help { background-color: var(--wsf-field-help-color-background); color: var(--wsf-field-help-color); display: block; font-family: var(--wsf-field-help-font-family); font-size: var(--wsf-field-help-font-size); font-style: var(--wsf-field-help-font-style); font-weight: var(--wsf-field-help-font-weight); letter-spacing: var(--wsf-field-help-letter-spacing); line-height: var(--wsf-field-help-line-height); margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: var(--wsf-field-help-gap); padding: 0; -webkit-text-decoration: var(--wsf-field-help-text-decoration); text-decoration: var(--wsf-field-help-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-help-text-transform); } .wsf-form .wsf-help-pre { margin-bottom: var(--wsf-field-help-gap); margin-top: 0; } .wsf-form .wsf-label-position-inside .wsf-help-pre { margin-bottom: var(--wsf-field-help-gap); } .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder { color: transparent !important; } .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder { color: transparent !important; } .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder { color: transparent !important; } .wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::placeholder, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder { color: transparent !important; } .wsf-form .wsf-label-position-inside canvas.wsf-field + label, .wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside select.wsf-field ~ label, .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label { left: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width)); line-height: var(--wsf-field-line-height); margin-top: 0; position: absolute; top: var(--wsf-field-padding-vertical); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; } .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field ~ label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label { background-color: var(--wsf-field-color-background); display: block; -webkit-margin-start: calc(-1 * var(--wsf-field-font-size) / 4); margin-inline-start: calc(-1 * var(--wsf-field-font-size) / 4); padding-left: calc(var(--wsf-field-font-size) / 4); padding-right: calc(var(--wsf-field-font-size) / 4); -webkit-transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale)); transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale)); } .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field ~ label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label { display: none; } .wsf-form [data-wsf-tooltip=""]:before, .wsf-form [data-wsf-tooltip=""]:after { opacity: 0 !important; } .wsf-form [data-wsf-tooltip] { cursor: help; position: relative; } .wsf-form [data-wsf-tooltip] svg { display: inline-block; vertical-align: text-bottom; } .wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after { opacity: 0; pointer-events: none; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: hidden; z-index: 1000; } .wsf-form [data-wsf-tooltip]:focus { outline: 0; } .wsf-form [data-wsf-tooltip]:hover:before, .wsf-form [data-wsf-tooltip]:hover:after, .wsf-form [data-wsf-tooltip]:focus:before, .wsf-form [data-wsf-tooltip]:focus:after { opacity: 1; visibility: visible; } .wsf-form [data-wsf-tooltip]:before { border: 5px solid transparent; border-top-color: var(--wsf-field-tooltip-color-background); bottom: calc(100% - 5px); content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wsf-form [data-wsf-tooltip]:after { background-color: var(--wsf-field-tooltip-color-background); border-radius: var(--wsf-field-tooltip-border-radius); bottom: calc(100% + var(--wsf-field-tooltip-gap)); color: var(--wsf-field-tooltip-color); content: attr(data-wsf-tooltip); font-family: var(--wsf-field-tooltip-font-family); font-size: var(--wsf-field-tooltip-font-size); font-weight: var(--wsf-field-tooltip-font-weight); left: 50%; line-height: var(--wsf-field-tooltip-line-height); max-width: 320px; min-width: 180px; padding: var(--wsf-field-padding); text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wsf-form .wsf-input-group { align-items: stretch; display: flex; flex-wrap: wrap; width: 100%; } .wsf-form .wsf-input-group > label.wsf-label, .wsf-form .wsf-input-group > .wsf-invalid-feedback, .wsf-form .wsf-input-group > .wsf-help { width: 100%; } .wsf-form .wsf-input-group > .wsf-field, .wsf-form .wsf-input-group > select.wsf-field ~ .select2-container, .wsf-form .wsf-input-group > input[type=text].wsf-field ~ .dropzone, .wsf-form .wsf-input-group > input[type=text].wsf-field ~ canvas { flex: 1 1 auto; min-width: 0; position: relative; width: 1% !important; } .wsf-form .wsf-input-group-has-prepend > .wsf-field, .wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form .wsf-input-group-has-prepend > .dropzone { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .wsf-form .wsf-input-group-has-append > .wsf-field, .wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form .wsf-input-group-has-append > .dropzone { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .wsf-form .wsf-input-group-prepend, .wsf-form .wsf-input-group-append { align-items: center; background-color: var(--wsf-field-prefix-suffix-color-background); border: var(--wsf-field-border); color: var(--wsf-field-prefix-suffix-color); display: flex; font-family: var(--wsf-field-prefix-suffix-font-family); font-size: var(--wsf-field-prefix-suffix-font-size); font-style: var(--wsf-field-prefix-suffix-font-style); font-weight: var(--wsf-field-prefix-suffix-font-weight); letter-spacing: var(--wsf-field-prefix-suffix-letter-spacing); line-height: var(--wsf-field-prefix-suffix-line-height); padding: var(--wsf-field-padding); -webkit-text-decoration: var(--wsf-field-prefix-suffix-text-decoration); text-decoration: var(--wsf-field-prefix-suffix-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-prefix-suffix-text-transform); } .wsf-form .wsf-input-group-prepend { -webkit-border-end: none; border-bottom-left-radius: var(--wsf-field-border-radius); border-inline-end: none; border-top-left-radius: var(--wsf-field-border-radius); } .wsf-form .wsf-input-group-append { -webkit-border-start: none; border-bottom-right-radius: var(--wsf-field-border-radius); border-inline-start: none; border-top-right-radius: var(--wsf-field-border-radius); } .wsf-form .wsf-text-primary { color: var(--wsf-form-color-primary); } .wsf-form .wsf-text-secondary { color: var(--wsf-form-color-secondary); } .wsf-form .wsf-text-success { color: var(--wsf-form-color-success); } .wsf-form .wsf-text-information { color: var(--wsf-form-color-info); } .wsf-form .wsf-text-warning { color: var(--wsf-form-color-warning); } .wsf-form .wsf-text-danger { color: var(--wsf-form-color-danger); } .wsf-form .wsf-text-left { text-align: left; } .wsf-form .wsf-text-center { text-align: center; } .wsf-form .wsf-text-right { text-align: right; } .wsf-form .wsf-hidden { display: none !important; } .wsf-form input[type=date].wsf-field, .wsf-form input[type=datetime-local].wsf-field, .wsf-form input[type=file].wsf-field, .wsf-form input[type=month].wsf-field, .wsf-form input[type=password].wsf-field, .wsf-form input[type=search].wsf-field, .wsf-form input[type=time].wsf-field, .wsf-form input[type=week].wsf-field, .wsf-form input[type=email].wsf-field, .wsf-form input[type=number].wsf-field, .wsf-form input[type=tel].wsf-field, .wsf-form input[type=text].wsf-field, .wsf-form input[type=url].wsf-field, .wsf-form select.wsf-field, .wsf-form textarea.wsf-field { transition: background-color var(--wsf-form-transition), background-image var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } .wsf-form .wsf-label-position-inside canvas.wsf-field + label, .wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside select.wsf-field + label, .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label { transition: -webkit-transform var(--wsf-form-transition-speed); transition: transform var(--wsf-form-transition-speed); transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed); } .wsf-form canvas.wsf-field + label, .wsf-form select.wsf-field + label, .wsf-form input.wsf-field[placeholder] + label, .wsf-form textarea.wsf-field[placeholder] + label, .wsf-form canvas.wsf-field + .wsf-input-group-append + label, .wsf-form select.wsf-field + .wsf-input-group-append + label, .wsf-form input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-form textarea.wsf-field[placeholder] + .wsf-input-group-append + label { transition: -webkit-transform var(--wsf-form-transition-speed); transition: transform var(--wsf-form-transition-speed); transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed); } .wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after { transition: opacity var(--wsf-form-transition), visibility var(--wsf-form-transition); } .wsf-form.wsf-rtl .wsf-input-group-has-prepend > .wsf-field, .wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form.wsf-rtl .wsf-input-group-has-prepend > .dropzone { border-top-left-radius: var(--wsf-field-border-radius) !important; border-top-right-radius: 0 !important; border-bottom-left-radius: var(--wsf-field-border-radius) !important; border-bottom-right-radius: 0 !important; } .wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .wsf-field, .wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .dropzone { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .wsf-form.wsf-rtl .wsf-input-group-has-append > .wsf-field, .wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form.wsf-rtl .wsf-input-group-has-append > .dropzone { border-top-left-radius: 0 !important; border-top-right-radius: var(--wsf-field-border-radius) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: var(--wsf-field-border-radius) !important; } .wsf-form.wsf-rtl .wsf-input-group-prepend { border-top-left-radius: 0; border-top-right-radius: var(--wsf-field-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: var(--wsf-field-border-radius); } .wsf-form.wsf-rtl .wsf-input-group-append { border-top-left-radius: var(--wsf-field-border-radius); border-top-right-radius: 0; border-bottom-left-radius: var(--wsf-field-border-radius); border-bottom-right-radius: 0; } .wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + label, .wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + label, .wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label { left: auto; right: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width)); } .wsf-form.wsf-validated input[type=date].wsf-field:invalid, .wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid, .wsf-form.wsf-validated input[type=file].wsf-field:invalid, .wsf-form.wsf-validated input[type=month].wsf-field:invalid, .wsf-form.wsf-validated input[type=password].wsf-field:invalid, .wsf-form.wsf-validated input[type=search].wsf-field:invalid, .wsf-form.wsf-validated input[type=time].wsf-field:invalid, .wsf-form.wsf-validated input[type=week].wsf-field:invalid, .wsf-form.wsf-validated input[type=email].wsf-field:invalid, .wsf-form.wsf-validated input[type=number].wsf-field:invalid, .wsf-form.wsf-validated input[type=tel].wsf-field:invalid, .wsf-form.wsf-validated input[type=text].wsf-field:invalid, .wsf-form.wsf-validated input[type=url].wsf-field:invalid, .wsf-form.wsf-validated select.wsf-field:invalid, .wsf-form.wsf-validated textarea.wsf-field:invalid, .wsf-form .wsf-validated input[type=date].wsf-field:invalid, .wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid, .wsf-form .wsf-validated input[type=file].wsf-field:invalid, .wsf-form .wsf-validated input[type=month].wsf-field:invalid, .wsf-form .wsf-validated input[type=password].wsf-field:invalid, .wsf-form .wsf-validated input[type=search].wsf-field:invalid, .wsf-form .wsf-validated input[type=time].wsf-field:invalid, .wsf-form .wsf-validated input[type=week].wsf-field:invalid, .wsf-form .wsf-validated input[type=email].wsf-field:invalid, .wsf-form .wsf-validated input[type=number].wsf-field:invalid, .wsf-form .wsf-validated input[type=tel].wsf-field:invalid, .wsf-form .wsf-validated input[type=text].wsf-field:invalid, .wsf-form .wsf-validated input[type=url].wsf-field:invalid, .wsf-form .wsf-validated select.wsf-field:invalid, .wsf-form .wsf-validated textarea.wsf-field:invalid { background-color: var(--wsf-field-color-background-invalid); border-color: var(--wsf-field-border-color-invalid); } .wsf-form.wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated select.wsf-field:invalid:focus:not(:hover), .wsf-form.wsf-validated textarea.wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated select.wsf-field:invalid:focus:not(:hover), .wsf-form .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) { box-shadow: var(--wsf-field-box-shadow); } .wsf-form.wsf-validated input[type=date].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=file].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=month].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=password].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=search].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=time].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=week].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=email].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=number].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=text].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated input[type=url].wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated select.wsf-field:-moz-ui-invalid, .wsf-form.wsf-validated textarea.wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=date].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=file].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=month].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=password].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=search].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=time].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=week].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=email].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=number].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=text].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated input[type=url].wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated select.wsf-field:-moz-ui-invalid, .wsf-form .wsf-validated textarea.wsf-field:-moz-ui-invalid { box-shadow: none; } .wsf-form.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback, .wsf-form.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback, .wsf-form.wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback, .wsf-form.wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback, .wsf-form.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback, .wsf-form.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback, .wsf-form.wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback, .wsf-form .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback, .wsf-form .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback, .wsf-form .wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback, .wsf-form .wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback, .wsf-form .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback, .wsf-form .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback, .wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback { display: block; } .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field, .wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas, .wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), .wsf-form.wsf-field-border-placement-bottom select.wsf-field, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple, .wsf-form.wsf-field-border-placement-bottom textarea.wsf-field { border-top: none; border-left: none; border-right: none; border-radius: 0; } .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:disabled, .wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:focus, .wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:disabled, .wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus, .wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):disabled, .wsf-form.wsf-field-border-placement-bottom select.wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom select.wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom select.wsf-field:disabled, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:focus, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:disabled, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:focus, .wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:disabled, .wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:disabled { border-top: none; border-left: none; border-right: none; border-radius: 0; } .wsf-form.wsf-field-border-placement-bottom .wsf-input-group span { border-top: none; border-left: none; border-right: none; border-radius: 0; } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] { --wsf-form-color-accent: var(--wsf-form-color-accent-alt); background-color: var(--wsf-form-color-background-alt); color: var(--wsf-form-color-base-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section.wsf-sticky { background-color: var(--wsf-section-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section > legend { background-color: var(--wsf-section-legend-background-color-alt); color: var(--wsf-section-legend-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a svg.wsf-section-icon path { fill: var(--wsf-section-icon-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a span.wsf-section-icon-text { color: var(--wsf-section-icon-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path { fill: var(--wsf-section-icon-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text { color: var(--wsf-section-icon-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-fieldset > legend { background-color: var(--wsf-field-fieldset-legend-background-color-alt); color: var(--wsf-field-fieldset-legend-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper.wsf-sticky { background-color: var(--wsf-form-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 { color: var(--wsf-field-texteditor-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field { background-color: var(--wsf-field-color-background-alt); border: var(--wsf-field-border-alt); color: var(--wsf-field-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-webkit-input-placeholder { color: var(--wsf-field-color-placeholder-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-moz-placeholder { color: var(--wsf-field-color-placeholder-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-ms-input-placeholder { color: var(--wsf-field-color-placeholder-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::placeholder { color: var(--wsf-field-color-placeholder-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:hover:enabled:not(:focus), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:hover:enabled:not(:focus) { background-color: var(--wsf-field-color-background-hover-alt); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:focus { background-color: var(--wsf-field-color-background-focus-alt); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus-alt); box-shadow: var(--wsf-field-box-shadow-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field.wsf-field:disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field.wsf-field:disabled { background-color: var(--wsf-field-color-background-disabled-alt); border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled-alt); color: var(--wsf-field-color-disabled-alt); -webkit-text-fill-color: var(--wsf-field-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] label.wsf-label { background-color: var(--wsf-field-label-background-color-alt); color: var(--wsf-field-label-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-invalid-feedback { background-color: var(--wsf-field-invalid-feedback-background-color-alt); color: var(--wsf-field-invalid-feedback-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-help { background-color: var(--wsf-field-help-color-background-alt); color: var(--wsf-field-help-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder { color: transparent !important; } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder { color: transparent !important; } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder { color: transparent !important; } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::placeholder, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder { color: transparent !important; } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside:not(.wsf-label-position-inside-hide) textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label { background-color: var(--wsf-field-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:before { border-top-color: var(--wsf-field-tooltip-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:after { background-color: var(--wsf-field-tooltip-color-background-alt); color: var(--wsf-field-tooltip-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-prepend, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-append { background-color: var(--wsf-field-prefix-suffix-color-background-alt); border: var(--wsf-field-border-alt); color: var(--wsf-field-prefix-suffix-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid { background-color: var(--wsf-field-color-background-invalid-alt); border-color: var(--wsf-field-border-color-invalid-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid:focus:not(:hover), html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) { box-shadow: var(--wsf-field-box-shadow-alt); } .pac-container { z-index: 1401; } .elementor-element .wsf-form .wp-editor-tools button { background-color: inherit !important; } .wsf-alert { background-color: var(--wsf-field-message-color-background); -webkit-border-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color); border-inline-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color); border-radius: var(--wsf-field-border-radius); color: var(--wsf-field-message-color); font-family: var(--wsf-field-font-family); font-size: var(--wsf-field-font-size); font-weight: var(--wsf-field-font-weight); line-height: var(--wsf-field-line-height); padding: var(--wsf-field-padding); margin-bottom: var(--wsf-form-grid-gap); } .wsf-alert > p { color: var(--wsf-field-message-color); } .wsf-alert > p a, .wsf-alert > p a:hover, .wsf-alert > p a:focus { color: var(--wsf-field-message-anchor-color); text-decoration: underline; } .wsf-alert > :first-child { margin-top: 0; } .wsf-alert > :last-child { margin-bottom: 0; } .wsf-alert.wsf-alert-success { background-color: var(--wsf-field-message-success-color-background); border-color: var(--wsf-field-message-success-border-color); color: var(--wsf-field-message-success-color); } .wsf-alert.wsf-alert-success > p { color: var(--wsf-field-message-success-color); } .wsf-alert.wsf-alert-success > p a, .wsf-alert.wsf-alert-success > p a:hover, .wsf-alert.wsf-alert-success > p a:focus { color: var(--wsf-field-message-success-anchor-color); } .wsf-alert.wsf-alert-information { background-color: var(--wsf-field-message-info-color-background); border-color: var(--wsf-field-message-info-border-color); color: var(--wsf-field-message-info-color); } .wsf-alert.wsf-alert-information > p { color: var(--wsf-field-message-info-color); } .wsf-alert.wsf-alert-information > p a, .wsf-alert.wsf-alert-information > p a:hover, .wsf-alert.wsf-alert-information > p a:focus { color: var(--wsf-field-message-info-anchor-color); } .wsf-alert.wsf-alert-warning { background-color: var(--wsf-field-message-warning-color-background); border-color: var(--wsf-field-message-warning-border-color); color: var(--wsf-field-message-warning-color); } .wsf-alert.wsf-alert-warning > p { color: var(--wsf-field-message-warning-color); } .wsf-alert.wsf-alert-warning > p a, .wsf-alert.wsf-alert-warning > p a:hover, .wsf-alert.wsf-alert-warning > p a:focus { color: var(--wsf-field-message-warning-anchor-color); } .wsf-alert.wsf-alert-danger { background-color: var(--wsf-field-message-danger-color-background); border-color: var(--wsf-field-message-danger-border-color); color: var(--wsf-field-message-danger-color); } .wsf-alert.wsf-alert-danger > p { color: var(--wsf-field-message-danger-color); } .wsf-alert.wsf-alert-danger > p a, .wsf-alert.wsf-alert-danger > p a:hover, .wsf-alert.wsf-alert-danger > p a:focus { color: var(--wsf-field-message-danger-anchor-color); } .wsf-form button.wsf-button { -webkit-appearance: none; background-color: var(--wsf-field-button-color-background); border-color: var(--wsf-field-button-border-color); border-radius: var(--wsf-field-button-border-radius); border-style: var(--wsf-field-button-border-style); border-width: var(--wsf-field-button-border-width); color: var(--wsf-field-button-color); cursor: pointer; display: inline-block; font-family: var(--wsf-field-button-font-family); font-size: var(--wsf-field-button-font-size); font-style: var(--wsf-field-button-font-style); font-weight: var(--wsf-field-button-font-weight); letter-spacing: var(--wsf-field-button-letter-spacing); line-height: var(--wsf-field-button-line-height); margin: 0; min-height: auto; max-width: none; padding: var(--wsf-field-button-padding); text-align: center; -webkit-text-decoration: var(--wsf-field-button-text-decoration); text-decoration: var(--wsf-field-button-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-button-text-transform); touch-action: manipulation; user-select: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .wsf-form button.wsf-button.wsf-button-full { width: var(--wsf-field-button-width); } .wsf-form button.wsf-button::-moz-focus-inner { border: 0; margin: 0; padding: 0; } .wsf-form button.wsf-button:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-color-background-hover); border-color: var(--wsf-field-button-border-color-hover); color: var(--wsf-field-button-color-hover); } .wsf-form button.wsf-button:focus, .wsf-form button.wsf-button:active { background-color: var(--wsf-field-button-color-background-focus); border-color: var(--wsf-field-button-border-color-focus); box-shadow: var(--wsf-field-box-shadow); color: var(--wsf-field-button-color-focus); outline: 0; } .wsf-form button.wsf-button:disabled { cursor: not-allowed; opacity: 0.5; transition: none; } .wsf-form button.wsf-button.wsf-button-primary { background-color: var(--wsf-field-button-primary-color-background); border-color: var(--wsf-field-button-primary-border-color); color: var(--wsf-field-button-primary-color); } .wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-primary-color-background-hover); border-color: var(--wsf-field-button-primary-border-color-hover); color: var(--wsf-field-button-primary-color-hover); } .wsf-form button.wsf-button.wsf-button-primary:focus, .wsf-form button.wsf-button.wsf-button-primary:active { background-color: var(--wsf-field-button-primary-color-background-focus); border-color: var(--wsf-field-button-primary-border-color-focus); color: var(--wsf-field-button-primary-color-focus); } .wsf-form button.wsf-button.wsf-button-secondary { background-color: var(--wsf-field-button-secondary-color-background); border-color: var(--wsf-field-button-secondary-border-color); color: var(--wsf-field-button-secondary-color); } .wsf-form button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-secondary-color-background-hover); border-color: var(--wsf-field-button-secondary-border-color-hover); color: var(--wsf-field-button-secondary-color-hover); } .wsf-form button.wsf-button.wsf-button-secondary:focus, .wsf-form button.wsf-button.wsf-button-secondary:active { background-color: var(--wsf-field-button-secondary-color-background-focus); border-color: var(--wsf-field-button-secondary-border-color-focus); color: var(--wsf-field-button-secondary-color-focus); } .wsf-form button.wsf-button.wsf-button-success { background-color: var(--wsf-field-button-success-color-background); border-color: var(--wsf-field-button-success-border-color); color: var(--wsf-field-button-success-color); } .wsf-form button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-success-color-background-hover); border-color: var(--wsf-field-button-success-border-color-hover); color: var(--wsf-field-button-success-color-hover); } .wsf-form button.wsf-button.wsf-button-success:focus, .wsf-form button.wsf-button.wsf-button-success:active { background-color: var(--wsf-field-button-success-color-background-focus); border-color: var(--wsf-field-button-success-border-color-focus); color: var(--wsf-field-button-success-color-focus); } .wsf-form button.wsf-button.wsf-button-information { background-color: var(--wsf-field-button-info-color-background); border-color: var(--wsf-field-button-info-border-color); color: var(--wsf-field-button-info-color); } .wsf-form button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-info-color-background-hover); border-color: var(--wsf-field-button-info-border-color-hover); color: var(--wsf-field-button-info-color-hover); } .wsf-form button.wsf-button.wsf-button-information:focus, .wsf-form button.wsf-button.wsf-button-information:active { background-color: var(--wsf-field-button-info-color-background-focus); border-color: var(--wsf-field-button-info-border-color-focus); color: var(--wsf-field-button-info-color-focus); } .wsf-form button.wsf-button.wsf-button-warning { background-color: var(--wsf-field-button-warning-color-background); border-color: var(--wsf-field-button-warning-border-color); color: var(--wsf-field-button-warning-color); } .wsf-form button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-warning-color-background-hover); border-color: var(--wsf-field-button-warning-border-color-hover); color: var(--wsf-field-button-warning-color-hover); } .wsf-form button.wsf-button.wsf-button-warning:focus, .wsf-form button.wsf-button.wsf-button-warning:active { background-color: var(--wsf-field-button-warning-color-background-focus); border-color: var(--wsf-field-button-warning-border-color-focus); color: var(--wsf-field-button-warning-color-focus); } .wsf-form button.wsf-button.wsf-button-danger { background-color: var(--wsf-field-button-danger-color-background); border-color: var(--wsf-field-button-danger-border-color); color: var(--wsf-field-button-danger-color); } .wsf-form button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-danger-color-background-hover); border-color: var(--wsf-field-button-danger-border-color-hover); color: var(--wsf-field-button-danger-color-hover); } .wsf-form button.wsf-button.wsf-button-danger:focus, .wsf-form button.wsf-button.wsf-button-danger:active { background-color: var(--wsf-field-button-danger-color-background-focus); border-color: var(--wsf-field-button-danger-border-color-focus); color: var(--wsf-field-button-danger-color-focus); } .wsf-form.wsf-form-post-lock-progress button.wsf-button { cursor: progress; } .wsf-form button.wsf-button { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button { background-color: var(--wsf-field-button-color-background-alt); border-color: var(--wsf-field-button-border-color-alt); color: var(--wsf-field-button-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-color-background-hover-alt); border-color: var(--wsf-field-button-border-color-hover-alt); color: var(--wsf-field-button-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:active { background-color: var(--wsf-field-button-color-background-focus-alt); border-color: var(--wsf-field-button-border-color-focus-alt); color: var(--wsf-field-button-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary { background-color: var(--wsf-field-button-primary-color-background-alt); border-color: var(--wsf-field-button-primary-border-color-alt); color: var(--wsf-field-button-primary-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-primary-color-background-hover-alt); border-color: var(--wsf-field-button-primary-border-color-hover-alt); color: var(--wsf-field-button-primary-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:active { background-color: var(--wsf-field-button-primary-color-background-focus-alt); border-color: var(--wsf-field-button-primary-border-color-focus-alt); color: var(--wsf-field-button-primary-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary { background-color: var(--wsf-field-button-secondary-color-background-alt); border-color: var(--wsf-field-button-secondary-border-color-alt); color: var(--wsf-field-button-secondary-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-secondary-color-background-hover-alt); border-color: var(--wsf-field-button-secondary-border-color-hover-alt); color: var(--wsf-field-button-secondary-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:active { background-color: var(--wsf-field-button-secondary-color-background-focus-alt); border-color: var(--wsf-field-button-secondary-border-color-focus-alt); color: var(--wsf-field-button-secondary-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success { background-color: var(--wsf-field-button-success-color-background-alt); border-color: var(--wsf-field-button-success-border-color-alt); color: var(--wsf-field-button-success-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-success-color-background-hover-alt); border-color: var(--wsf-field-button-success-border-color-hover-alt); color: var(--wsf-field-button-success-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:active { background-color: var(--wsf-field-button-success-color-background-focus-alt); border-color: var(--wsf-field-button-success-border-color-focus-alt); color: var(--wsf-field-button-success-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information { background-color: var(--wsf-field-button-info-color-background-alt); border-color: var(--wsf-field-button-info-border-color-alt); color: var(--wsf-field-button-info-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-info-color-background-hover-alt); border-color: var(--wsf-field-button-info-border-color-hover-alt); color: var(--wsf-field-button-info-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:active { background-color: var(--wsf-field-button-info-color-background-focus-alt); border-color: var(--wsf-field-button-info-border-color-focus-alt); color: var(--wsf-field-button-info-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning { background-color: var(--wsf-field-button-warning-color-background-alt); border-color: var(--wsf-field-button-warning-border-color-alt); color: var(--wsf-field-button-warning-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-warning-color-background-hover-alt); border-color: var(--wsf-field-button-warning-border-color-hover-alt); color: var(--wsf-field-button-warning-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:active { background-color: var(--wsf-field-button-warning-color-background-focus-alt); border-color: var(--wsf-field-button-warning-border-color-focus-alt); color: var(--wsf-field-button-warning-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger { background-color: var(--wsf-field-button-danger-color-background-alt); border-color: var(--wsf-field-button-danger-border-color-alt); color: var(--wsf-field-button-danger-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-danger-color-background-hover-alt); border-color: var(--wsf-field-button-danger-border-color-hover-alt); color: var(--wsf-field-button-danger-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:active { background-color: var(--wsf-field-button-danger-color-background-focus-alt); border-color: var(--wsf-field-button-danger-border-color-focus-alt); color: var(--wsf-field-button-danger-color-focus-alt); } .wsf-form input[type=checkbox].wsf-field { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: var(--wsf-field-checkbox-color-background); border-radius: var(--wsf-field-checkbox-border-radius); bottom: auto; border: var(--wsf-field-border); display: block; height: var(--wsf-field-checkbox-size); margin: 0; min-height: var(--wsf-field-checkbox-size); opacity: 1; padding: 0; position: absolute; text-align: left; top: auto; vertical-align: middle; width: var(--wsf-field-checkbox-size); } .wsf-form input[type=checkbox].wsf-field:checked { background-color: var(--wsf-field-checkbox-checked-color-background); border-color: var(--wsf-field-checkbox-checked-color-background); } .wsf-form input[type=checkbox].wsf-field:checked::after { background: none; border-color: var(--wsf-field-checkbox-checkmark-color); border-style: solid; border-width: 0 var(--wsf-field-checkbox-check-size) var(--wsf-field-checkbox-check-size) 0; content: ""; display: block; height: var(--wsf-field-checkbox-check-height); left: 0; margin: 0; padding: 0; position: absolute; top: 0; -webkit-transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg); transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg); transition: none; width: var(--wsf-field-checkbox-check-width); } .wsf-form input[type=checkbox].wsf-field::before { display: none !important; } .wsf-form input[type=checkbox].wsf-field + label.wsf-label { display: inline-block; margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal)); margin-top: 0; vertical-align: top; } .wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-color-background-hover); border-color: var(--wsf-field-border-color-hover); } .wsf-form input[type=checkbox].wsf-field:focus { border-color: var(--wsf-field-border-color-focus); box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field:disabled { cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field:disabled + label.wsf-label { cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field.wsf-button, .wsf-form input[type=checkbox].wsf-field.wsf-switch, .wsf-form input[type=checkbox].wsf-field.wsf-swatch { background: none; border: none; bottom: auto; left: auto; margin: 0; opacity: 0; position: absolute; right: auto; top: auto; } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label { margin: 0; padding: 0; } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before { background-color: var(--wsf-field-color-background); border: var(--wsf-field-border); border-radius: var(--wsf-field-border-radius); box-sizing: border-box; content: ""; cursor: pointer; display: inline-block; height: var(--wsf-field-checkbox-size); left: 0; position: absolute; vertical-align: top; width: var(--wsf-field-checkbox-size); } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after { box-sizing: border-box; content: ""; cursor: pointer; display: inline-block; height: var(--wsf-field-checkbox-size); left: 0; position: absolute; top: 0; vertical-align: top; width: var(--wsf-field-checkbox-size); } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback { margin-bottom: var(--wsf-field-invalid-feedback-gap); margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap)); } .wsf-form input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before { background-color: var(--wsf-field-color-background-hover); border-color: var(--wsf-field-border-color-hover); } .wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before { border-color: var(--wsf-field-border-color-focus); box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label { color: var(--wsf-field-checkbox-button-color); } .wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before { background-color: var(--wsf-field-color-background-disabled); border-color: var(--wsf-field-border-color-disabled); cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::after { cursor: not-allowed; } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label { background-color: var(--wsf-field-checkbox-button-color-background); border-color: var(--wsf-field-checkbox-button-color-background); border-radius: var(--wsf-field-border-radius); color: var(--wsf-field-checkbox-button-color); cursor: pointer; display: inline-block; font-family: var(--wsf-field-font-family); font-size: var(--wsf-field-font-size); font-weight: var(--wsf-field-font-weight); line-height: var(--wsf-field-line-height); padding: var(--wsf-field-padding); text-align: center; text-decoration: none; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label { box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label { cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label { background-color: var(--wsf-field-checkbox-checked-button-color-background); border-color: var(--wsf-field-checkbox-checked-button-color-background); color: var(--wsf-field-checkbox-checked-button-color); } .wsf-form input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label { box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label { display: block; } .wsf-form input[type=checkbox].wsf-field.wsf-switch { width: var(--wsf-field-checkbox-switch-width); } .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label { position: relative; -webkit-padding-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal)); padding-inline-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal)); } .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before { border-radius: calc(var(--wsf-field-checkbox-size) / 2); width: var(--wsf-field-checkbox-switch-width); } .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after { background-color: var(--wsf-field-checkbox-switch-color); border: none; border-radius: 50%; height: var(--wsf-field-checkbox-switch-size); left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); top: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); width: var(--wsf-field-checkbox-switch-size); } .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after { border-color: var(--wsf-field-border-color-hover); } .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after { border-color: var(--wsf-field-border-color-focus); } .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after { border-color: var(--wsf-field-border-color-disabled); } .wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before { background-color: var(--wsf-field-checkbox-checked-switch-color-background); border-color: var(--wsf-field-checkbox-checked-switch-color-background); } .wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after { background-color: var(--wsf-field-checkbox-checked-switch-color); left: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); } .wsf-form input[type=checkbox].wsf-field.wsf-color { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label { margin-left: 0; padding-left: 0; position: relative; } .wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::before { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::after { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span { border: var(--wsf-field-border); border-radius: var(--wsf-field-border-radius); cursor: pointer; display: inline-block; height: var(--wsf-field-height); vertical-align: middle; width: var(--wsf-field-height); } .wsf-form input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span { border-radius: 50%; } .wsf-form input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span { background-color: var(--wsf-field-color-background-hover); border-color: var(--wsf-field-border-color-hover); } .wsf-form input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span { background-color: var(--wsf-field-color-background-focus); border-color: var(--wsf-field-border-color-focus); box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span { cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span { border-color: var(--wsf-field-checkbox-checked-swatch-border-color); box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color); } .wsf-form input[type=checkbox].wsf-field.wsf-image { display: none; } .wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label { margin-left: 0; padding-left: 0; position: relative; } .wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img { background-color: var(--wsf-field-color-background); border: var(--wsf-field-border); border-radius: var(--wsf-field-border-radius); cursor: pointer; display: inline-block; height: auto; max-width: 100%; padding: 2px; vertical-align: middle; } .wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption { color: var(--wsf-field-help-color); display: block; font-size: var(--wsf-field-font-size-small); line-height: var(--wsf-field-line-height); margin-top: var(--wsf-form-caption-gap); } .wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img { border-radius: 50%; } .wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img { height: auto; max-width: 100%; width: 100%; } .wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label { width: 100%; } .wsf-form input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img { background-color: var(--wsf-field-color-background-hover); border-color: var(--wsf-field-border-color-hover); } .wsf-form input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img { border-color: var(--wsf-field-border-color-focus); box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img { cursor: not-allowed; opacity: 0.5; } .wsf-form input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img { background-color: var(--wsf-field-checkbox-checked-image-border-color); border-color: var(--wsf-field-checkbox-checked-image-border-color); } .wsf-form [data-type=checkbox] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label { padding: 0; } .wsf-form [data-row-checkbox] { margin-bottom: var(--wsf-field-checkbox-gap-vertical); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="1"] { -webkit-margin-start: var(--wsf-field-checkbox-size); margin-inline-start: var(--wsf-field-checkbox-size); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="2"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 2); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 2); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="3"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 3); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 3); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="4"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 4); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 4); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="5"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 5); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 5); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="6"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 6); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 6); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="7"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 7); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 7); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="8"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 8); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 8); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="9"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 9); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 9); } .wsf-form [data-row-checkbox][data-wsf-hierarchy="10"] { -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 10); margin-inline-start: calc(var(--wsf-field-checkbox-size) * 10); } .wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid, .wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid { border-color: var(--wsf-field-border-color-invalid); } .wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid:focus, .wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid:focus { box-shadow: var(--wsf-field-box-shadow); } .wsf-form input[type=checkbox].wsf-field + label.wsf-label { transition: color var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field + label.wsf-label::before { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span { transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } .wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field + label.wsf-label { margin-right: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal)); margin-left: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label { margin-right: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before { left: auto; right: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after { left: auto; right: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label { -webkit-padding-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal)); padding-inline-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal)); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after { right: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after { left: 0; right: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-color + label.wsf-label { margin-right: 0; padding-right: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-image + label.wsf-label { margin-right: 0; padding-right: 0; } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="1"] { -webkit-margin-end: var(--wsf-field-checkbox-size); margin-inline-end: var(--wsf-field-checkbox-size); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="2"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 2); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 2); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="3"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 3); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 3); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="4"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 4); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 4); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="5"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 5); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 5); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="6"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 6); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 6); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="7"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 7); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 7); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="8"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 8); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 8); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="9"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 9); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 9); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="10"] { -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 10); margin-inline-end: calc(var(--wsf-field-checkbox-size) * 10); } .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after { transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field { background-color: var(--wsf-field-checkbox-color-background-alt); border: var(--wsf-field-border-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked { background-color: var(--wsf-field-checkbox-checked-color-background-alt); border-color: var(--wsf-field-checkbox-checked-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked::after { border-color: var(--wsf-field-checkbox-checkmark-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-color-background-hover-alt); border-color: var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:focus { border-color: var(--wsf-field-border-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before { background-color: var(--wsf-field-color-background-alt); border: var(--wsf-field-border-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before { background-color: var(--wsf-field-color-background-hover-alt); border-color: var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before { border-color: var(--wsf-field-border-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label { color: var(--wsf-field-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before { background-color: var(--wsf-field-color-background-disabled-alt); border-color: var(--wsf-field-border-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label { background-color: var(--wsf-field-checkbox-button-color-background-alt); border-color: var(--wsf-field-checkbox-button-color-background-alt); color: var(--wsf-field-checkbox-button-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label { background-color: var(--wsf-field-checkbox-checked-button-color-background-alt); border-color: var(--wsf-field-checkbox-checked-button-color-background-alt); color: var(--wsf-field-checkbox-checked-button-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after { background-color: var(--wsf-field-checkbox-switch-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after { border-color: var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after { border-color: var(--wsf-field-border-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after { border-color: var(--wsf-field-border-color-disabled-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before { background-color: var(--wsf-field-checkbox-checked-switch-color-background-alt); border-color: var(--wsf-field-checkbox-checked-switch-color-background-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after { background-color: var(--wsf-field-checkbox-checked-switch-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span { border: var(--wsf-field-border-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span { background-color: var(--wsf-field-color-background-hover-alt); border-color: var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span { background-color: var(--wsf-field-color-background-focus-alt); border-color: var(--wsf-field-border-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span { border-color: var(--wsf-field-checkbox-checked-swatch-border-color-alt); box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img { background-color: var(--wsf-field-color-background-alt); border: var(--wsf-field-border-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption { color: var(--wsf-field-help-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img { background-color: var(--wsf-field-color-background-hover-alt); border-color: var(--wsf-field-border-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img { border-color: var(--wsf-field-border-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img { background-color: var(--wsf-field-checkbox-checked-image-border-color-alt); border-color: var(--wsf-field-checkbox-checked-image-border-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before { border-color: var(--wsf-field-border-color-invalid-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before { box-shadow: var(--wsf-field-box-shadow-alt); }