vue-flow-form-rate-v1
Version:
Create conversational conditional-logic forms with Vue.js.
1 lines • 27.9 kB
Source Map (JSON)
{"version":3,"sources":["../assets/css/common.css"],"names":[],"mappings":"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qBACE,GACE,SAAU,CACV,uCAAkC,CAAlC,+BACF,CAEA,GACE,SAAU,CACV,sBAAe,CAAf,cACF,CAEF,CAMA,0CACE,4CAEE,eACF,CAEA,kBAEE,mBACF,CAEF,CAEA,0CACE,4CAEE,gBACF,CAEF,CAEA,qCACE,uBAEE,gBAAiB,CACjB,eACF,CAEF,CAEA,0CAME,uBACE,cAAe,CACf,eACF,CAEF,CAEA,yCACE,kBAEE,eAAgB,CAChB,eACF,CAEA,mMASE,eACF,CAEA,sBACE,eACF,CAEA,8CAEE,eACF,CAEA,iDAEE,cACF,CAEA,kBACE,eAAgB,CAChB,kBACF,CAEA,qBACE,eACF,CAEA,iDACE,cACF,CAEA,8DACE,WACF,CAEF,CAEA,oCACE,KACE,eAAgB,CAChB,gBACF,CAEA,uBACE,cACF,CAEA,0CACE,YACF,CAEA,mMASE,eAAgB,CAChB,kBACF,CAEA,sBACE,cACF,CAEA,YACE,eAAgB,CAChB,gBAAiB,CACjB,mBACF,CAEA,YACE,eACF,CAEA,mBACE,UACF,CAEA,8CAEE,eACF,CAEA,oBACE,eACF,CAEA,iBACE,cACF,CAEA,kBAEE,gBACF,CAEA,yDAEE,eACF,CAEA,2BACE,aACF,CAEA,qBACE,cACF,CAEA,8CACE,eACF,CAEA,iDACE,4BAA6B,CAC7B,kBAAyB,CAAzB,wBACF,CAEF,CAEA,qCACE,KACE,eAAgB,CAChB,gBACF,CAEA,kBACE,eACF,CAEA,YACE,cACF,CAEA,+BACE,eAAgB,CAChB,kBACF,CAEA,6EAGE,cACF,CAEA,kBAEE,gBACF,CAEA,8CAEE,cACF,CAEA,8DACE,WACF,CAEA,oBACE,UACF,CAEF,CAEA,aAIE,kBAAe,CAAf,cAAe,CACf,eAAgB,CAChB,cAAe,CACf,yBACF,CACA,4BARE,mBAAoB,CACpB,mBAAoB,CACpB,YAAa,CAIb,oBAcF,CAZA,eAEE,WAAY,CACZ,YAAa,CACb,mBAAoB,CACpB,UAAW,CACX,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,yBAAqB,CACrB,qBAAuB,CACvB,iBAAkB,CAClB,iBAAkB,CAClB,kDACF,CACA,qBACE,iDAA2B,CAC3B,cACF,CACA,0BACE,qBAAyB,CACzB,UAAY,CACZ,qBACF,CACA,OACE,gBAAiB,CACjB,eACF","file":"vue-flow-form.min.css","sourcesContent":["/*!\n Copyright (c) 2020 - present, DITDOT Ltd. - MIT Licence\n https://github.com/ditdot-dev/vue-flow-form\n https://www.ditdot.hr/en\n*/\n\n.vff {\n font-weight: 400;\n line-height: 1.34;\n min-height: 220px;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n -o-font-smoothing: antialiased;\n}\n\n@media screen and (max-width:1023px) {\n .vff,\n .vff-footer {\n font-size: 15px;\n }\n\n}\n\n@media screen and (min-width:1366px) {\n .vff,\n .vff-footer {\n font-size: 18px;\n }\n\n}\n\n@media screen and (min-width:1920px) {\n .vff {\n font-size: 22px;\n }\n\n}\n\n@media screen and (min-width:2560px) {\n .vff {\n font-size: 25px;\n }\n\n}\n\n/*\n global\n*/\n\n.vff hr {\n box-sizing: content-box;\n overflow: visible;\n height: 0;\n}\n\n.vff pre,\n.vff code,\n.vff kbd {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n.vff small {\n font-size: 80%;\n}\n\n.vff sub,\n.vff sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\n.vff sub {\n bottom: -0.25em;\n}\n\n.vff sup {\n top: -0.5em;\n}\n\n.vff b,\n.vff strong {\n font-weight: bolder;\n}\n\n.vff a {\n cursor: pointer;\n background-color: transparent;\n}\n\n.vff a,\n.vff a:hover,\n.vff a:active,\n.vff a:focus {\n outline: 0;\n text-decoration: none;\n}\n\n.vff ol,\n.vff ul,\n.vff table {\n margin-top: 0;\n margin-bottom: 22px;\n}\n\n.vff img {\n max-width: 100%;\n height: auto;\n margin-bottom: 22px;\n}\n\n/* utils */\n.vff .text-thin {\n font-weight: 300;\n}\n\n.vff .disabled,\n.vff [disabled] {\n opacity: .4;\n user-select: none;\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.vff .clearfix:after {\n visibility: hidden;\n display: block;\n font-size: 0;\n content: \" \";\n clear: both;\n height: 0;\n}\n\n.vff ol.reset-list,\n.vff ul.reset-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\n vff-form\n*/\n\n.vff {\n width: 100%;\n padding: 0 10%;\n margin: 18vh 0 60px;\n position: relative;\n text-align: left;\n box-sizing: border-box;\n}\n\nheader.vff-header + .vff {\n margin-top: 16vh;\n}\n\nheader.vff-header + .vff.vff-not-standalone {\n margin-top: 0;\n}\n\n.vff *,\n.vff *:before,\n.vff *:after {\n box-sizing: inherit;\n}\n\n.vff .q-is-active {\n opacity: 1;\n}\n\n.vff .q-form.q-is-inactive {\n display: none;\n}\n\n.vff .f-full-width {\n display: block;\n width: 100%;\n}\n\n.vff .f-string-em {\n text-transform: uppercase;\n}\n\n.vff .f-enter {\n margin-bottom: 20px;\n}\n\n/* container */\n.vff .f-container,\nheader.vff-header .f-container{\n padding: 0 8%;\n width: 100%;\n}\n\n.vff .f-container {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n\n/* header */\nheader.vff-header {\n line-height: 1;\n padding: .9em 10% .8em;\n box-sizing: border-box;\n position: static;\n width: 100%;\n}\n\n.vff-header *,\n.vff-header *:before,\n.vff-header *:after {\n box-sizing: inherit;\n}\n\nheader.vff-header .f-container {\n margin: 0;\n}\n\nheader.vff-header img.f-logo,\nheader.vff-header svg.f-logo {\n height: 18px;\n max-width: 240px;\n opacity: 1;\n}\n\n/*\n form elements\n*/\n\n.vff button,\n.vff input,\n.vff optgroup,\n.vff select,\n.vff textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\n\n.vff fieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n.vff legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\n\n.vff [type=\"number\"]::-webkit-inner-spin-button,\n.vff [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n.vff [type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n.vff [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n.vff [type=\"file\"] {\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n border: 0;\n outline: 0;\n border-radius: 0;\n margin: 0 .2em;\n padding: .1em 0 .15em;\n font-size: .72em;\n line-height: normal;\n font-weight: 900;\n}\n\n.vff input[type=file]:focus {\n outline: 1px dotted #000;\n outline-offset: 4px;\n}\n\n@media (prefers-color-scheme: dark) {\n .vff input[type=file]:focus{\n outline-color: #fff;\n }\n\n}\n\n.vff input[type=file]::-webkit-file-upload-button {\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n outline: 0;\n border: 0;\n font: inherit;\n font-size: .86em;\n font-weight: 400;\n margin-right: .7em;\n text-align: center;\n max-width: 100%;\n min-width: 90px;\n min-height: 44px;\n display: inline-block;\n white-space: pre-wrap;\n cursor: pointer;\n padding: .6em 1.4em;\n background-color: #efefef;\n}\n\n.vff input[type=file]::-webkit-file-upload-button:active {\n color: #000;\n}\n\n.vff input[type=file]::file-selector-button {\n min-height: 44px;\n display: inline-block;\n white-space: pre-wrap;\n font: inherit;\n font-size: .86em;\n font-weight: 400;\n margin-right: .6em;\n max-width: 100%;\n min-width: 90px;\n}\n\n/* buttons */\n.vff button,\n.vff [type=\"button\"],\n.vff [type=\"reset\"],\n.vff [type=\"submit\"],\n.vff input {\n -webkit-appearance: none;\n overflow: visible;\n}\n\n/* default button */\n.vff button {\n border: none;\n outline: 0;\n cursor: pointer;\n padding: .6em 1.4em;\n text-align: center;\n display: inline-block;\n min-height: 44px;\n white-space: pre-wrap;\n max-width: 100%;\n}\n\n.vff .o-btn-action {\n z-index: 1;\n line-height: 1.2;\n font-weight: 900;\n /* text-transform: lowercase; */\n}\n\n.vff .o-btn-action span {\n font-size: 1em;\n user-select: none;\n text-decoration: none;\n transition: all 0.4s ease 0s;\n}\n\n.vff .f-enter-desc {\n font-size: .9em;\n display: inline-block;\n margin-left: .6em;\n margin-top: .7em;\n}\n\n.vff span.faux-form {\n border-bottom: 1px solid;\n display: inline-block;\n margin-right: .2em;\n margin-left: 0;\n position: relative;\n white-space: nowrap;\n}\n\n.vff select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n text-transform: none;\n background: transparent;\n border-radius: 0;\n border: 0;\n cursor: pointer;\n font-size: .5em;\n line-height: 1.32;\n margin: 0;\n opacity: 0;\n outline: 0;\n padding: .6em 8px;\n width: 100%;\n position: absolute;\n z-index: 1;\n}\n\n.vff input[type=text],\n.vff input[type=number],\n.vff input[type=tel],\n.vff input[type=email],\n.vff input[type=url],\n.vff input[type=password],\n.vff input[type=date],\n.vff textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: transparent;\n border: 0;\n border-bottom: 1px solid;\n border-radius: 0;\n line-height: 1.48;\n margin: 0 .6em 0 0;\n outline: 0;\n padding: .16em .2em;\n font-size: .72em;\n font-weight: 900;\n}\n\n/* .vff .f-other.f-selected .f-label {\n font-weight: 900;\n} */\n\n.vff .f-other.f-selected.f-focus .f-label-wrap input[type=text] {\n font-weight: 300 !important;\n}\n\n\n\n.vff textarea {\n overflow: auto;\n display: block;\n outline: none;\n resize: vertical;\n}\n\n.vff .f-full-width input[type=text],\n.vff .f-full-width input[type=number],\n.vff .f-full-width input[type=tel],\n.vff .f-full-width input[type=email],\n.vff .f-full-width input[type=url],\n.vff .f-full-width input[type=password],\n.vff .f-full-width input[type=date],\n.vff .f-full-width input[type=file],\n.vff .f-full-width textarea,\n.vff .f-full-width span.faux-form {\n width: 100%;\n padding-left: .16em;\n padding-right: .16em;\n}\n\n.vff .f-required {\n display: inline;\n /* display: none; hides required asterisks */\n}\n\n.vff .f-answer.f-full-width {\n margin-top: 26px;\n}\n\n.vff span.f-sub + .f-answer.f-full-width {\n margin-top: 22px;\n}\n\n.vff div.field-sectionbreak .f-answer {\n margin-top: 18px;\n}\n\n.vff span.f-empty {\n display: inline-block;\n min-width: 3em;\n padding-right: 28px;\n font-weight: 300;\n padding-bottom: 4px;\n}\n\n.vff span.f-answered {\n font-weight: 900;\n}\n\n/* faux select arrow */\n.vff .f-arrow-down {\n display: inline-block;\n margin-left: .2em;\n pointer-events: none;\n width: 18px;\n height: 100%;\n position: absolute;\n right: 0;\n bottom: 0;\n line-height: 1.3;\n}\n\n.vff .f-arrow-down svg {\n width: 100%;\n height: auto;\n}\n\n/* ios datepicker */\n.vff.vff-is-ios .field-date:not(.f-has-value) .f-answer > span {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.vff.vff-is-ios .field-date:not(.f-has-value) .f-answer > span::before {\n position: absolute;\n content: attr(data-placeholder);\n display: block;\n pointer-events: none;\n padding: 0.12em .2em;\n}\n\n.vff.vff-is-ios input[type=date] {\n height: 32px;\n display: block;\n}\n\n/*\n links\n*/\n\n.vff a.f-link,\n.vff .field-submit .f-section-wrap a {\n color: inherit;\n border-bottom: 1px dotted;\n word-break: break-word;\n}\n\n.vff a.f-link:hover,\n.vff a.f-link:active,\n.vff .field-submit .f-section-wrap a:hover,\n.vff .field-submit .f-section-wrap a:active {\n color: inherit;\n border-bottom: none;\n}\n\n/*\n typography\n*/\n\n.vff li,\n.vff p,\n.vff .f-section-text,\n.vff span.f-tagline,\n.vff span.f-sub {\n font-size: 1.1em;\n line-height: 1.34;\n}\n\n.vff h1,\n.vff .fh1 {\n font-weight: 900;\n font-size: 3em;\n margin: 0.67em 0;\n}\n\n.vff h2,\n.vff .fh2 {\n font-weight: 900;\n font-size: 2.4em;\n line-height: 1.34;\n padding-right: 1.8em;\n margin-bottom: 20px;\n}\n\n.vff h3,\n.vff .fh3 {\n font-weight: 300;\n font-size: 1.5em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.vff .fh1,\n.vff .fh2,\n.vff .fh3 {\n display: block;\n}\n\n/* misc-typography */\n.vff span.f-tagline,\n.vff span.f-sub {\n font-weight: 400;\n display: block;\n}\n\n.vff .fh2 span.f-tagline,\n.vff .fh2 span.f-sub {\n font-size: .51em;\n}\n\n.vff span.f-tagline,\n.vff span.f-text {\n margin-bottom: 8px;\n}\n\n.vff span.f-sub {\n margin-bottom: 8px;\n margin-top: 5px;\n}\n\n.vff span.f-sub span:not(.f-string-em) {\n margin-right: .4em;\n}\n\n.vff span.f-sub span.f-help {\n display: block;\n}\n\n.vff span.f-sub span + span.f-help {\n margin-top: 0;\n}\n\n.vff span.f-text {\n margin-right: .6em;\n}\n\n/* description */\n.vff p.f-description {\n margin-top: 0;\n padding-right: 4em;\n}\n\n.vff p.f-description span,\n.vff p.f-description a.f-link {\n margin-right: 8px;\n}\n\n/*\n f-radios (multiple choice)\n*/\n\n.vff ul.f-radios {\n margin: 0;\n padding: 0;\n list-style-type: none;\n max-width: 590px;\n min-width: 160px;\n}\n\n.vff ul.f-radios li {\n padding: .6em .68em;\n margin: .5em 0 .6em;\n font-weight: 300;\n line-height: 1.24;\n cursor: default;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative;\n overflow: hidden;\n}\n\n.vff ul.f-radios li.f-other input[type=text] {\n border-bottom: none;\n width: 100%;\n padding: 0;\n margin: 0;\n border: 0;\n line-height: inherit;\n font-size: inherit;\n}\n\n.vff .f-radios-desc {\n display: block;\n}\n\n.vff .f-radios-desc,\n.vff ul.f-radios li,\n.vff ul.f-radios li input[type=text] {\n font-size: .4em;\n}\n\n.vff ul.f-radios li div.f-label-wrap {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n\n.vff ul.f-radios li span.f-label {\n margin-left: .4em;\n}\n\n.vff ul.f-radios li span.f-key {\n width: 16px;\n text-align: center;\n}\n\n/*\n f-radios (multiple picture choice)\n*/\n\n.vff .field-multiplepicturechoice ul.f-radios {\n max-width: 750px;\n min-width: auto;\n display: -ms-flexbox;\n display: flex;\n margin: 0 -8px 0 0;\n flex-flow: 0 1;\n -moz-box-align: stretch;\n align-items: stretch;\n flex-wrap: wrap;\n}\n\n.vff .field-multiplepicturechoice ul.f-radios li {\n position: relative;\n cursor: pointer;\n display: -ms-flexbox;\n display: flex;\n -moz-box-align: center;\n align-items: center;\n flex-direction: column;\n padding: 8px 8px 10px;\n margin-bottom: 8px;\n margin-right: 8px;\n -ms-flex: 0 0 calc(25% - 8px);\n flex: 0 0 calc(25% - 8px);\n font-size: 15px;\n line-height: 1.38;\n}\n\n.vff .field-multiplepicturechoice ul.f-radios li span.f-image {\n display: flex;\n display: -ms-flexbox;\n -moz-box-align: center;\n align-items: center;\n -moz-box-pack: center;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 140px;\n margin-bottom: 8px;\n}\n\n.vff .field-multiplepicturechoice ul.f-radios li span.f-image img {\n margin-bottom: 0;\n max-height: 100%;\n max-width: 100%;\n}\n\n/* (NEW) Styles for the RateType */\n.vff .field-rate ul.f-radios-range {\n display: flex;\n list-style: none;\n padding-left: 0px;\n font-size: 30px;\n}\n\n.vff .field-rate ul.f-radios-range li {\n font-weight: normal;\n font-size: 25px;\n padding: 10px;\n border: 1px solid black;\n background-color: white;\n cursor: pointer;\n}\n\n.vff .field-rate ul.f-radios-range li:first-child {\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n\n.vff .field-rate ul.f-radios-range li:last-child {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n\n.vff .field-rate ul.f-radios-range .f-selected {\n background-color: silver;\n}\n/* End styles for the RateType */\n\n/*\n footer\n*/\n\n.vff-footer {\n position: fixed;\n bottom: 0;\n right: 0;\n width: 100%;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.vff-footer .footer-inner-wrap {\n text-align: right;\n padding: 11px 20px 12px;\n}\n\n.vff-footer .f-progress,\n.vff-footer .f-nav,\n.vff-footer .f-timer {\n display: inline-block;\n}\n\n.vff-footer .f-timer {\n font-family: monospace;\n font-size: 17px;\n margin-left: .18em;\n}\n\n.vff-footer .f-prev,\n.vff-footer .f-next,\n.vff-footer .f-progress {\n margin: 0 .18em;\n padding: .2em .2em;\n}\n\n.vff-footer .f-progress {\n top: -1px;\n position: relative;\n}\n\n.vff-footer a.f-disabled {\n opacity: .4;\n cursor: default;\n pointer-events: none;\n}\n\n.vff-footer .f-prev svg,\n.vff-footer .f-next svg {\n display: inline-block;\n transition: fill 0.2s ease 0s;\n width: 23px;\n height: 13px;\n}\n\n.vff-footer .f-nav-text {\n display: none;\n}\n\n/*progress-bar*/\n.vff-footer .f-progress-bar {\n height: 1px;\n position: static;\n display: inline-block;\n width: 64px;\n vertical-align: middle;\n margin: 0 6px 0 0;\n}\n\n.vff-footer .f-progress-bar-inner {\n height: 1px;\n transition: width .3s ease;\n}\n\n/*section breaks*/\n.vff .f-section-wrap {\n margin-bottom: 30px;\n}\n\n.vff .f-section-wrap > div,\n.vff .f-submit {\n margin-bottom: 20px;\n}\n\n.vff .field-sectionbreak,\n.vff .field-submit {\n max-width: 920px;\n}\n\n/*\n not-standalone option\n*/\n\n.vff.vff-not-standalone {\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 50px;\n padding-bottom: 100px;\n}\n\n.vff.vff-not-standalone .f-container {\n margin: 0;\n}\n\n.vff.vff-not-standalone .vff-footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n\n/*\n animations\n*/\n\n.vff-animate {\n -webkit-animation-duration: .4s;\n animation-duration: .4s;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n/* prevent Android Chrome flickering */\n.vff-animate * {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.vff .f-fade-in {\n animation-name: ffadeIn;\n}\n\n@keyframes ffadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n\n}\n\n.vff .f-fade-in-down {\n animation-name: ffadeInDown;\n}\n\n@keyframes ffadeInDown {\n 0% {\n opacity: 0;\n transform: translate3d(0, -12px, 0);\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n\n}\n\n.vff .f-fade-in-up {\n animation-name: ffadeInUp;\n}\n\n@keyframes ffadeInUp {\n 0% {\n opacity: 0;\n transform: translate3d(0, 12px, 0);\n }\n\n 100% {\n opacity: 1;\n transform: none;\n }\n\n}\n\n/*\n media-start\n*/\n\n@media only screen and (min-width: 1440px) {\n .vff .field-sectionbreak,\n .vff .field-submit {\n max-width: 960px;\n }\n\n .vff h2,\n .vff .fh2 {\n padding-right: 2.2em;\n }\n\n}\n\n@media only screen and (min-width: 1920px) {\n .vff .field-sectionbreak,\n .vff .field-submit {\n max-width: 1160px;\n }\n\n}\n\n@media screen and (max-width: 1366px) {\n header.vff-header,\n .vff {\n padding-right: 5%;\n padding-left: 5%;\n }\n\n}\n\n@media only screen and (max-width: 1023px) {\n header.vff-header {\n padding-left: 0;\n padding-right: 0;\n }\n\n .vff {\n padding-left: 0;\n padding-right: 0;\n }\n\n}\n\n@media only screen and (max-width: 767px) {\n .vff h2,\n .vff .fh2 {\n font-size: 2.2em;\n padding-right: 0;\n }\n\n .vff input[type=text],\n .vff input[type=number],\n .vff input[type=tel],\n .vff input[type=email],\n .vff input[type=url],\n .vff input[type=password],\n .vff input[type=date],\n .vff input[type=file],\n .vff textarea {\n font-size: .78em;\n }\n\n .vff input[type=file] {\n font-size: .64em;\n }\n\n .vff .fh2 span.f-sub,\n .vff .fh2 span.f-tagline {\n font-size: .58em;\n }\n\n .vff .f-container,\n header.vff-header .f-container {\n padding: 0 5.5%;\n }\n\n .vff span.f-empty {\n min-width: 2.2em;\n padding-right: 20px;\n }\n\n .vff p.f-description {\n padding-right: 0;\n }\n\n .vff .field-multiplepicturechoice ul.f-radios li {\n font-size: 14px;\n }\n\n .vff .field-multiplepicturechoice ul.f-radios li span.f-image {\n height: 90px;\n }\n\n}\n\n@media screen and (max-width:479px) {\n .vff {\n margin-top: 10vh;\n min-height: 180px;\n }\n\n header.vff-header + .vff {\n margin-top: 8vh;\n }\n\n header.vff-header + .vff.vff-not-standalone {\n margin-top: 0;\n }\n\n .vff input[type=text],\n .vff input[type=number],\n .vff input[type=tel],\n .vff input[type=email],\n .vff input[type=url],\n .vff input[type=password],\n .vff input[type=date],\n .vff input[type=file],\n .vff textarea {\n line-height: 1.4;\n padding: .16em .2em;\n }\n\n .vff input[type=file] {\n font-size: .6em;\n }\n\n .vff select {\n font-size: .72em;\n padding-top: .2em;\n padding-bottom: .2em;\n }\n\n .vff button {\n min-height: 42px;\n }\n\n .vff .f-arrow-down {\n width: 12px;\n }\n\n .vff .fh2 span.f-sub,\n .vff .fh2 span.f-tagline {\n font-size: .64em;\n }\n\n .vff span.f-tagline {\n line-height: 1.5;\n }\n\n .vff span.f-text {\n margin-right: 0;\n }\n\n .vff h2,\n .vff .fh2 {\n font-size: 1.56em;\n }\n\n .vff ul.f-radios li,\n .vff ul.f-radios li input[type=text] {\n font-size: .62em;\n }\n\n .vff .field-sectionbreak p {\n font-size: 1em;\n }\n\n .vff-footer .f-timer {\n font-size: 16px;\n }\n\n .vff .field-multiplepicturechoice ul.f-radios {\n max-width: 320px;\n }\n\n .vff .field-multiplepicturechoice ul.f-radios li {\n -ms-flex: 0 0 calc(50% - 8px);\n flex: 0 0 calc(50% - 8px);\n }\n\n}\n\n@media screen and (max-height:400px) {\n .vff {\n margin-top: 12vh;\n min-height: 180px;\n }\n\n header.vff-header {\n position: static;\n }\n\n .vff-footer {\n font-size: 15px;\n }\n\n .vff-footer .footer-inner-wrap {\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n .vff .f-radios-desc,\n .vff ul.f-radios li,\n .vff ul.f-radios li input[type=text] {\n font-size: 14px;\n }\n\n .vff h2,\n .vff .fh2 {\n font-size: 1.56em;\n }\n\n .vff .fh2 span.f-sub,\n .vff .fh2 span.f-tagline {\n font-size: .6em;\n }\n\n .vff .field-multiplepicturechoice ul.f-radios li span.f-image {\n height: 90px;\n }\n\n .vff .f-num-wrapper {\n width: 10px;\n }\n\n}\n\n.f-num-range {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n padding-left: 0;\n align-content: center;\n}\n.f-num-wrapper {\n display: flex;\n height: auto;\n margin: .2rem;\n padding: .8rem .5rem;\n width: 60px;\n justify-content: center;\n align-content: center;\n border: 2px solid black;\n border-radius: 4px;\n text-align: center;\n background-color: #0a0a0a1a;\n}\n.f-num-wrapper:hover {\n background-color: #0a0a0a4a;\n cursor: pointer;\n}\n.f-num-wrapper.f-selected {\n background-color: #000000;\n color: white;\n border: 2px solid black;\n}\n.f-num {\n font-size: 1.4rem;\n font-weight: 500;\n}\n"]}