{"version":3,"file":"opinionated-style.css","mappings":";;;AAEC;EAWC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEACC;ACZH;ADeE;EACC;EACA;EACA;EACA;ACbH;ADgBE;EACC;ACdH;ADaE;EACC;ACdH;ADkBC;EACC;EACA;AChBF;ADoBA;EACC;ACjBD;AC3BA;;EAEC;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD8BD;AC5BC;;EACC;EACA;EACA;AD+BF;AC5BC;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+BF;AC5BC;;EACC;AD+BF;AC3BA;AACA;EACC;EAEA;AD6BD;AC5BC;EACC;EACA;EACA;EACA;AD8BF;AEzEA;EAqCC;KAAA;UAAA;EACA;EACA;EACA,WA/Bc;AFuEf;AEtCC;EACC;AFwCF;AErCC;EACC;EACA;AFuCF;AErCE;EAGC,+DA/CY;AFoFf;AEjCC;EAnCC;EACA,WAhBc;EAiBd,WAfa;EAmDb,+DAtDa;EAuDb;EACA,gBAtDc;AF0FhB;AEjCC;EArCC,+DAZa;EAab;EACA,gBAZc;EAad;EACA;EACA,YAhBc;EAiBd,WAfa;EAiDb;EACA;AFwCF;AEhCC;EAvDC;EACA,WAhBc;EAiBd,WAfa;EAuEb,+DA1Ea;EA2Eb;EACA,gBA1Ec;EA2Ed;AFmCF;AEhCC;EA1DC,+DAZa;EAab;EACA,gBAZc;EAad;EACA;EACA,YAhBc;EAiBd,WAfa;AF4Gf;AEpCC;EArEC;EACA,WAhBc;EAiBd,WAfa;EAqFb;EACA;EACA;EACA;AFuCF;AEpCC;EACC,+DA/Fa;EAgGb;EACA;AFsCF;AEnCC;EACC,+DArGa;EAsGb;EACA;AFqCF;AElCC;EApFC,+DAZa;EAab;EACA,gBAZc;EAad;EACA;EACA,YAhBc;EAiBd,WAfa;EAgGb;AFyCF;AEpCE;EAMC;AFiCH;AGhKC;EACC;AHmKF;AGhKC;EAEC;AHiKF;AG7JA;EACC;EACA;EACA;AHgKD,C","sources":["webpack://@nelio/forms/./src/css/_generic-fields.scss","webpack://@nelio/forms/./src/css/opinionated.scss","webpack://@nelio/forms/./src/css/_checkboxes-and-radios.scss","webpack://@nelio/forms/./src/css/_number-sliders.scss","webpack://@nelio/forms/./src/css/_errors.scss"],"sourcesContent":[".nelio-forms-form .nelio-forms-field {\n\n\t&__value--text,\n\t&__value--email,\n\t&__value--password,\n\t&__value--tel,\n\t&__value--url,\n\t&__value--textarea,\n\t&__value--date,\n\t&__value--time,\n\t&__value--datetime,\n\t&__value--select,\n\t&__value--number {\n\t\tbackground: var(--nelio-forms-unfocused-field-background, #00f);\n\t\tborder: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n\t\tborder-radius: 0;\n\t\tcolor: var(--nelio-forms-field-text, #00f);\n\t\tfont-size: 16px;\n\t\tmargin: 0;\n\t\tpadding: 12px;\n\t\twidth: 100%;\n\t\ttransition:\n\t\t\tbackground 120ms ease-in-out,\n\t\t\tborder 120ms ease-in-out;\n\n\t\t&:focus {\n\t\t\tbackground: var(--nelio-forms-focused-field-background, #00f);\n\t\t\tborder-color: var(--nelio-forms-focused-field-border, #00f);\n\t\t\toutline: 2px solid var(--nelio-forms-outline, #00f);\n\t\t\toutline-offset: 1px;\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: var(--nelio-forms-field-placeholder, #00f);\n\t\t}\n\t}\n\n\t&__label {\n\t\tcolor: var(--nelio-forms-label, #00f);\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.nelio-forms-field__label.nelio-forms-field__label--required::after {\n\tcolor: var(--nelio-forms-required-marker, #00f);\n}\n",".nelio-forms-form .nelio-forms-field__value--text, .nelio-forms-form .nelio-forms-field__value--email, .nelio-forms-form .nelio-forms-field__value--password, .nelio-forms-form .nelio-forms-field__value--tel, .nelio-forms-form .nelio-forms-field__value--url, .nelio-forms-form .nelio-forms-field__value--textarea, .nelio-forms-form .nelio-forms-field__value--date, .nelio-forms-form .nelio-forms-field__value--time, .nelio-forms-form .nelio-forms-field__value--datetime, .nelio-forms-form .nelio-forms-field__value--select, .nelio-forms-form .nelio-forms-field__value--number {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n  color: var(--nelio-forms-field-text, #00f);\n  font-size: 16px;\n  margin: 0;\n  padding: 12px;\n  width: 100%;\n  transition: background 120ms ease-in-out, border 120ms ease-in-out;\n}\n.nelio-forms-form .nelio-forms-field__value--text:focus, .nelio-forms-form .nelio-forms-field__value--email:focus, .nelio-forms-form .nelio-forms-field__value--password:focus, .nelio-forms-form .nelio-forms-field__value--tel:focus, .nelio-forms-form .nelio-forms-field__value--url:focus, .nelio-forms-form .nelio-forms-field__value--textarea:focus, .nelio-forms-form .nelio-forms-field__value--date:focus, .nelio-forms-form .nelio-forms-field__value--time:focus, .nelio-forms-form .nelio-forms-field__value--datetime:focus, .nelio-forms-form .nelio-forms-field__value--select:focus, .nelio-forms-form .nelio-forms-field__value--number:focus {\n  background: var(--nelio-forms-focused-field-background, #00f);\n  border-color: var(--nelio-forms-focused-field-border, #00f);\n  outline: 2px solid var(--nelio-forms-outline, #00f);\n  outline-offset: 1px;\n}\n.nelio-forms-form .nelio-forms-field__value--text::placeholder, .nelio-forms-form .nelio-forms-field__value--email::placeholder, .nelio-forms-form .nelio-forms-field__value--password::placeholder, .nelio-forms-form .nelio-forms-field__value--tel::placeholder, .nelio-forms-form .nelio-forms-field__value--url::placeholder, .nelio-forms-form .nelio-forms-field__value--textarea::placeholder, .nelio-forms-form .nelio-forms-field__value--date::placeholder, .nelio-forms-form .nelio-forms-field__value--time::placeholder, .nelio-forms-form .nelio-forms-field__value--datetime::placeholder, .nelio-forms-form .nelio-forms-field__value--select::placeholder, .nelio-forms-form .nelio-forms-field__value--number::placeholder {\n  color: var(--nelio-forms-field-placeholder, #00f);\n}\n.nelio-forms-form .nelio-forms-field__label {\n  color: var(--nelio-forms-label, #00f);\n  margin-bottom: 10px;\n}\n\n.nelio-forms-field__label.nelio-forms-field__label--required::after {\n  color: var(--nelio-forms-required-marker, #00f);\n}\n\n.nelio-forms-form .nelio-forms-field__value--checkbox,\n.nelio-forms-form .nelio-forms-field__item-value--radio-group {\n  appearance: none;\n  background-color: #fff;\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  color: currentcolor;\n  font: inherit;\n  height: 16px;\n  margin: 0;\n  margin-bottom: -1px;\n  position: relative;\n  width: 16px;\n}\n.nelio-forms-form .nelio-forms-field__value--checkbox:focus,\n.nelio-forms-form .nelio-forms-field__item-value--radio-group:focus {\n  border-color: var(--nelio-forms-focused-field-border, #00f);\n  outline: 2px solid var(--nelio-forms-outline, #00f);\n  outline-offset: 1px;\n}\n.nelio-forms-form .nelio-forms-field__value--checkbox::before,\n.nelio-forms-form .nelio-forms-field__item-value--radio-group::before {\n  background-color: var(--nelio-forms-accent-color, #00f);\n  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  content: \"\";\n  height: 12px;\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0);\n  transition: 120ms transform ease-in-out;\n  width: 12px;\n}\n.nelio-forms-form .nelio-forms-field__value--checkbox:checked::before,\n.nelio-forms-form .nelio-forms-field__item-value--radio-group:checked::before {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n/* stylelint-disable-next-line */\n.nelio-forms-form .nelio-forms-field__item-value--radio-group {\n  border-radius: 100%;\n  /* stylelint-disable-next-line */\n}\n.nelio-forms-form .nelio-forms-field__item-value--radio-group::before {\n  clip-path: none;\n  border-radius: 100%;\n  height: 10px;\n  width: 10px;\n}\n\n.nelio-forms-form .nelio-forms-field__value--number-slider {\n  appearance: none;\n  background: transparent;\n  margin: 12px 0;\n  width: 100%;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-moz-focus-outer {\n  border: 0;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider:focus {\n  outline: 2px solid var(--nelio-forms-outline, #00f);\n  outline-offset: 1px;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider:focus::-webkit-slider-runnable-track, .nelio-forms-form .nelio-forms-field__value--number-slider:focus::-ms-fill-lower, .nelio-forms-form .nelio-forms-field__value--number-slider:focus::-ms-fill-upper {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider .nelio-forms-form .nelio-forms-field__value--number-slider::-webkit-slider-runnable-track {\n  border-radius: 0;\n  height: 8px;\n  width: 100%;\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-webkit-slider-thumb {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n  box-sizing: border-box;\n  cursor: default;\n  height: 24px;\n  width: 12px;\n  -webkit-appearance: none;\n  margin-top: -9px;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-moz-range-track {\n  border-radius: 0;\n  height: 8px;\n  width: 100%;\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n  height: 4px;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-moz-range-thumb {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n  box-sizing: border-box;\n  cursor: default;\n  height: 24px;\n  width: 12px;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-ms-track {\n  border-radius: 0;\n  height: 8px;\n  width: 100%;\n  background: transparent;\n  border-color: transparent;\n  border-width: 12px 0;\n  color: transparent;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider .nelio-forms-form .nelio-forms-field__value--number-slider::-ms-fill-lower {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider .nelio-forms-form .nelio-forms-field__value--number-slider::-ms-fill-upper {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider::-ms-thumb {\n  background: var(--nelio-forms-unfocused-field-background, #00f);\n  border: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n  border-radius: 0;\n  box-sizing: border-box;\n  cursor: default;\n  height: 24px;\n  width: 12px;\n  margin-top: 2px;\n}\n.nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-webkit-slider-thumb, .nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-moz-range-thumb, .nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-ms-thumb, .nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-webkit-slider-runnable-track, .nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-ms-fill-lower, .nelio-forms-form .nelio-forms-field__value--number-slider:disabled::-ms-fill-upper {\n  cursor: not-allowed;\n}\n\n.nelio-forms-form .nelio-forms-field__value--error:not(:focus) {\n  border-color: var(--nelio-forms-error, #00f);\n}\n.nelio-forms-form .nelio-forms-field__error-label, .nelio-forms-form .nelio-forms-field__error-label * {\n  color: var(--nelio-forms-error, #00f);\n}\n\n.nelio-forms__response.nelio-forms__response--fail {\n  background-color: none;\n  border: none;\n  color: var(--nelio-forms-error, #00f);\n}",".nelio-forms-form .nelio-forms-field__value--checkbox,\n.nelio-forms-form .nelio-forms-field__item-value--radio-group {\n\tappearance: none;\n\tbackground-color: #fff;\n\tborder: 1px solid var(--nelio-forms-unfocused-field-border, #00f);\n\tcolor: currentcolor;\n\tfont: inherit;\n\theight: 16px;\n\tmargin: 0;\n\tmargin-bottom: -1px;\n\tposition: relative;\n\twidth: 16px;\n\n\t&:focus {\n\t\tborder-color: var(--nelio-forms-focused-field-border, #00f);\n\t\toutline: 2px solid var(--nelio-forms-outline, #00f);\n\t\toutline-offset: 1px;\n\t}\n\n\t&::before {\n\t\tbackground-color: var(--nelio-forms-accent-color, #00f);\n\t\tclip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n\t\tcontent: \"\";\n\t\theight: 12px;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%) scale(0);\n\t\ttransition: 120ms transform ease-in-out;\n\t\twidth: 12px;\n\t}\n\n\t&:checked::before {\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t}\n}\n\n/* stylelint-disable-next-line */\n.nelio-forms-form .nelio-forms-field__item-value--radio-group {\n\tborder-radius: 100%;\n\n\t/* stylelint-disable-next-line */\n\t&::before {\n\t\tclip-path: none;\n\t\tborder-radius: 100%;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t}\n}\n","// See https://github.com/darlanrod/input-range-scss\n@use \"sass:math\";\n\n.nelio-forms-form .nelio-forms-field__value--number-slider {\n\t$track-border-color: var(\n\t\t--nelio-forms-unfocused-field-border,\n\t\t#00f\n\t) !default;\n\t$track-border-width: 1px !default;\n\t$track-color: var(--nelio-forms-unfocused-field-background, #00f) !default;\n\t$track-height: 8px !default;\n\t$track-radius: 0 !default;\n\t$track-width: 100% !default;\n\n\t$thumb-border-color: var(\n\t\t--nelio-forms-unfocused-field-border,\n\t\t#00f\n\t) !default;\n\t$thumb-border-width: 1px !default;\n\t$thumb-color: var(--nelio-forms-unfocused-field-background, #00f) !default;\n\t$thumb-height: 24px !default;\n\t$thumb-radius: 0 !default;\n\t$thumb-width: 12px !default;\n\n\t@mixin track {\n\t\tborder-radius: 0;\n\t\theight: $track-height;\n\t\twidth: $track-width;\n\t}\n\n\t@mixin thumb {\n\t\tbackground: $thumb-color;\n\t\tborder: $thumb-border-width solid $thumb-border-color;\n\t\tborder-radius: $thumb-radius;\n\t\tbox-sizing: border-box;\n\t\tcursor: default;\n\t\theight: $thumb-height;\n\t\twidth: $thumb-width;\n\t}\n\n\tappearance: none;\n\tbackground: transparent;\n\tmargin: math.div($thumb-height, 2) 0;\n\twidth: $track-width;\n\n\t&::-moz-focus-outer {\n\t\tborder: 0;\n\t}\n\n\t&:focus {\n\t\toutline: 2px solid var(--nelio-forms-outline, #00f);\n\t\toutline-offset: 1px;\n\n\t\t&::-webkit-slider-runnable-track,\n\t\t&::-ms-fill-lower,\n\t\t&::-ms-fill-upper {\n\t\t\tbackground: $track-color;\n\t\t}\n\t}\n\n\t#{&}::-webkit-slider-runnable-track {\n\n\t\t@include track;\n\t\tbackground: $track-color;\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t}\n\n\t&::-webkit-slider-thumb {\n\n\t\t@include thumb;\n\t\t-webkit-appearance: none;\n\t\tmargin-top: (\n\t\t\tmath.div((-$track-border-width * 2 + $track-height), 2) - math.div(\n\t\t\t\t\t$thumb-height,\n\t\t\t\t\t2\n\t\t\t\t)\n\t\t);\n\t}\n\n\t&::-moz-range-track {\n\n\t\t@include track;\n\t\tbackground: $track-color;\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: $track-radius;\n\t\theight: math.div($track-height, 2);\n\t}\n\n\t&::-moz-range-thumb {\n\n\t\t@include thumb;\n\t}\n\n\t&::-ms-track {\n\n\t\t@include track;\n\t\tbackground: transparent;\n\t\tborder-color: transparent;\n\t\tborder-width: math.div($thumb-height, 2) 0;\n\t\tcolor: transparent;\n\t}\n\n\t#{&}::-ms-fill-lower {\n\t\tbackground: $track-color;\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: ($track-radius * 2);\n\t}\n\n\t#{&}::-ms-fill-upper {\n\t\tbackground: $track-color;\n\t\tborder: $track-border-width solid $track-border-color;\n\t\tborder-radius: ($track-radius * 2);\n\t}\n\n\t&::-ms-thumb {\n\n\t\t@include thumb;\n\t\tmargin-top: math.div($track-height, 4);\n\t}\n\n\t&:disabled {\n\n\t\t&::-webkit-slider-thumb,\n\t\t&::-moz-range-thumb,\n\t\t&::-ms-thumb,\n\t\t&::-webkit-slider-runnable-track,\n\t\t&::-ms-fill-lower,\n\t\t&::-ms-fill-upper {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n",".nelio-forms-form .nelio-forms-field {\n\n\t&__value--error:not(:focus) {\n\t\tborder-color: var(--nelio-forms-error, #00f);\n\t}\n\n\t&__error-label,\n\t&__error-label * {\n\t\tcolor: var(--nelio-forms-error, #00f);\n\t}\n}\n\n.nelio-forms__response.nelio-forms__response--fail {\n\tbackground-color: none;\n\tborder: none;\n\tcolor: var(--nelio-forms-error, #00f);\n}\n"],"names":[],"sourceRoot":""}