UNPKG

@cfpb/cfpb-design-system

Version:

CFPB's UI framework

4 lines 262 kB
{ "version": 3, "sources": ["../../../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../../../packages/cfpb-design-system/src/base/base.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss", "../../../../../packages/cfpb-design-system/src/utilities/transition/transition.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.scss"], "sourcesContent": ["@charset \"UTF-8\";\n/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n font-family: sans-serif; /* 1 */\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\u201C\" \"\u201D\" \"\u2018\" \"\u2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.\n */\ninput[type=search] {\n appearance: textfield; /* 1 */\n box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\nbody {\n color: var(--black);\n font-family: var(--font-stack);\n font-size: 100%;\n line-height: 1.375;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: var(--font-stack);\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n font-size: 2.125em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.4411764706em;\n}\np + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\np + .h1,\nul + .h1,\nol + .h1,\ndl + .h1,\nfigure + .h1,\nimg + .h1,\ntable + .h1,\nblockquote + .h1 {\n margin-top: 1.7647058824em;\n}\n@media only all and (max-width: 37.5em) {\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h2 + h1, .h2 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h2 + .h1,\n .h2 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h1,\n .h1 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n }\n p + h1, ul + h1, ol + h1, dl + h1, figure + h1, img + h1, table + h1, blockquote + h1,\n p + .h1,\n ul + .h1,\n ol + .h1,\n dl + .h1,\n figure + .h1,\n img + .h1,\n table + .h1,\n blockquote + .h1 {\n margin-top: 1.7307692308em;\n }\n h1 + h1, .h1 + h1, h3 + h1, .h3 + h1, h4 + h1, .h4 + h1, h5 + h1, .h5 + h1, h6 + h1, .h6 + h1,\n h1 + .h1,\n .h1 + .h1,\n h3 + .h1,\n .h3 + .h1,\n h4 + .h1,\n .h4 + .h1,\n h5 + .h1,\n .h5 + .h1,\n h6 + .h1,\n .h6 + .h1 {\n margin-top: 1.1538461538em;\n }\n}\n\nh2,\n.h2 {\n font-size: 1.625em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.5769230769em;\n}\np + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\np + .h2,\nul + .h2,\nol + .h2,\ndl + .h2,\nfigure + .h2,\nimg + .h2,\ntable + .h2,\nblockquote + .h2 {\n margin-top: 1.7307692308em;\n}\nh1 + h2, .h1 + h2, h3 + h2, .h3 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\nh1 + .h2,\n.h1 + .h2,\nh3 + .h2,\n.h3 + .h2,\nh4 + .h2,\n.h4 + .h2,\nh5 + .h2,\n.h5 + .h2,\nh6 + .h2,\n.h6 + .h2 {\n margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n@media only all and (max-width: 37.5em) {\n h2,\n .h2 {\n font-size: 1.375em;\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n }\n p + h2, ul + h2, ol + h2, dl + h2, figure + h2, img + h2, table + h2, blockquote + h2, h1 + h2, .h1 + h2, h2 + h2, .h2 + h2, h4 + h2, .h4 + h2, h5 + h2, .h5 + h2, h6 + h2, .h6 + h2,\n p + .h2,\n ul + .h2,\n ol + .h2,\n dl + .h2,\n figure + .h2,\n img + .h2,\n table + .h2,\n blockquote + .h2,\n h1 + .h2,\n .h1 + .h2,\n h2 + .h2,\n .h2 + .h2,\n h4 + .h2,\n .h4 + .h2,\n h5 + .h2,\n .h5 + .h2,\n h6 + .h2,\n .h6 + .h2 {\n margin-top: 1.3636363636em;\n }\n}\n\nh3,\n.h3 {\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.6818181818em;\n}\np + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h4 + h3, .h4 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\np + .h3,\nul + .h3,\nol + .h3,\ndl + .h3,\nfigure + .h3,\nimg + .h3,\ntable + .h3,\nblockquote + .h3,\nh1 + .h3,\n.h1 + .h3,\nh2 + .h3,\n.h2 + .h3,\nh4 + .h3,\n.h4 + .h3,\nh5 + .h3,\n.h5 + .h3,\nh6 + .h3,\n.h6 + .h3 {\n margin-top: 1.3636363636em;\n}\n@media only all and (max-width: 37.5em) {\n h3,\n .h3 {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n }\n p + h3, ul + h3, ol + h3, dl + h3, figure + h3, img + h3, table + h3, blockquote + h3, h1 + h3, .h1 + h3, h2 + h3, .h2 + h3, h3 + h3, .h3 + h3, h5 + h3, .h5 + h3, h6 + h3, .h6 + h3,\n p + .h3,\n ul + .h3,\n ol + .h3,\n dl + .h3,\n figure + .h3,\n img + .h3,\n table + .h3,\n blockquote + .h3,\n h1 + .h3,\n .h1 + .h3,\n h2 + .h3,\n .h2 + .h3,\n h3 + .h3,\n .h3 + .h3,\n h5 + .h3,\n .h5 + .h3,\n h6 + .h3,\n .h6 + .h3 {\n margin-top: 1.6666666667em;\n }\n}\n\nh4,\n.h4 {\n font-size: 1.125em;\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n margin-bottom: 0.8333333333em;\n}\np + h4, ul + h4, ol + h4, dl + h4, figure + h4, img + h4, table + h4, blockquote + h4, h1 + h4, .h1 + h4, h2 + h4, .h2 + h4, h3 + h4, .h3 + h4, h5 + h4, .h5 + h4, h6 + h4, .h6 + h4,\np + .h4,\nul + .h4,\nol + .h4,\ndl + .h4,\nfigure + .h4,\nimg + .h4,\ntable + .h4,\nblockquote + .h4,\nh1 + .h4,\n.h1 + .h4,\nh2 + .h4,\n.h2 + .h4,\nh3 + .h4,\n.h3 + .h4,\nh5 + .h4,\n.h5 + .h4,\nh6 + .h4,\n.h6 + .h4 {\n margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n h4,\n .h4 {\n margin-bottom: 0.625em;\n font-size: 1em;\n line-height: 1.125;\n }\n}\n\nh5,\n.h5 {\n font-size: 0.875em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.0714285714em;\n}\np + h5, ul + h5, ol + h5, dl + h5, figure + h5, img + h5, table + h5, blockquote + h5, h1 + h5, .h1 + h5, h2 + h5, .h2 + h5, h3 + h5, .h3 + h5, h4 + h5, .h4 + h5, h6 + h5, .h6 + h5,\np + .h5,\nul + .h5,\nol + .h5,\ndl + .h5,\nfigure + .h5,\nimg + .h5,\ntable + .h5,\nblockquote + .h5,\nh1 + .h5,\n.h1 + .h5,\nh2 + .h5,\n.h2 + .h5,\nh3 + .h5,\n.h3 + .h5,\nh4 + .h5,\n.h4 + .h5,\nh6 + .h5,\n.h6 + .h5 {\n margin-top: 2.1428571429em;\n}\n\nh6,\n.h6 {\n font-size: 0.75em;\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n margin-bottom: 1.25em;\n}\np + h6, ul + h6, ol + h6, dl + h6, figure + h6, img + h6, table + h6, blockquote + h6, h1 + h6, .h1 + h6, h2 + h6, .h2 + h6, h3 + h6, .h3 + h6, h4 + h6, .h4 + h6, h5 + h6, .h5 + h6,\np + .h6,\nul + .h6,\nol + .h6,\ndl + .h6,\nfigure + .h6,\nimg + .h6,\ntable + .h6,\nblockquote + .h6,\nh1 + .h6,\n.h1 + .h6,\nh2 + .h6,\n.h2 + .h6,\nh3 + .h6,\n.h3 + .h6,\nh4 + .h6,\n.h4 + .h6,\nh5 + .h6,\n.h5 + .h6 {\n margin-top: 2.5em;\n}\n\n.lead-paragraph {\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 1.375em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n .lead-paragraph {\n font-size: 1.125em;\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n }\n}\n\n.superheading {\n margin-bottom: 0.4166666667em;\n font-size: 3em;\n font-weight: normal;\n line-height: 1.25;\n}\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: 0.9375em;\n}\np:last-child,\nul:last-child,\nol:last-child,\ndl:last-child,\nfigure:last-child,\ntable:last-child,\nblockquote:last-child {\n margin-bottom: 0;\n}\n\np + ul,\np + ol {\n margin-top: -0.3125em;\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: 0.5em;\n}\n\nli {\n margin-bottom: 0.5em;\n}\nli:last-child, nav li {\n margin-bottom: 0;\n}\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: var(--pacific);\n color: var(--pacific);\n text-decoration: none;\n}\na:visited, a.visited {\n border-color: var(--teal);\n color: var(--teal);\n}\na:hover, a.hover {\n border-style: solid;\n border-color: var(--pacific-dark);\n color: var(--pacific-dark);\n}\na:focus, a.focus {\n border-style: solid;\n outline: thin dotted;\n outline-offset: 1px;\n}\na:active, a.active {\n border-style: solid;\n border-color: var(--navy);\n color: var(--navy);\n}\n\np a,\nli a,\ndd a {\n border-bottom-width: 1px;\n}\n\nnav a {\n border-bottom-width: 0;\n}\n\nul {\n padding-left: 1.125em;\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n padding-left: 1.3125em;\n}\nol li:nth-last-child(n+10),\nol li:nth-last-child(n+10) ~ li {\n margin-left: 0.5625rem;\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\nol ol li {\n margin-left: 0 !important;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\ncaption {\n margin-bottom: 0.625em;\n text-align: left;\n}\n\nth,\ntd {\n padding: 0.625em;\n}\nthead th,\nthead td {\n padding: 0.7142857143em;\n background: var(--gray-5);\n color: var(--black);\n font-size: 1em;\n vertical-align: top;\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid var(--gray);\n}\n\nth {\n font-weight: 600;\n text-align: left;\n}\nthead th h2,\nthead th .h2,\nthead th h3,\nthead th .h3,\nthead th h4,\nthead th .h4,\nthead th h5,\nthead th .h5,\nthead th h6,\nthead th .h6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n text-transform: inherit;\n}\n\nblockquote {\n margin-right: 0.9375em;\n margin-left: 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n blockquote {\n margin-right: 1.875em;\n margin-left: 1.875em;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\nfigure {\n margin-right: 0;\n margin-left: 0;\n}\nfigure img {\n vertical-align: middle;\n}\n\npre,\ncode {\n background: var(--gray-5);\n border-radius: 4px;\n color: var(--black);\n font-family: \"Input Mono\", Consolas, Monaco, \"Courier New\", monospace;\n}\n\ncode {\n padding: 0.2307692308em 0.2307692308em 0;\n font-size: 0.8125em;\n}\n\npre {\n display: block;\n padding: 0.625em 0.9375em;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\npre code {\n padding: 0;\n background-color: transparent;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group .a-btn + .a-btn {\n margin-left: 0.375em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn--link {\n padding: 0;\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n color: var(--black);\n}\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n color: var(--gray-dark);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n.a-btn__icon--on-left {\n padding-right: 0.6875em;\n border-right: 1px solid var(--pacific-60);\n margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n padding-left: 0.6875em;\n border-left: 1px solid var(--pacific-60);\n margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n border-color: var(--gray-60);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.o-form__group {\n margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n margin-top: 0.625em;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.a-form-alert .cf-icon-svg {\n color: var(--gray);\n float: left;\n}\n.a-form-alert__text {\n display: block;\n margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n color: var(--gold);\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n.no-js .u-js-only {\n display: none !important;\n}\n\n.u-hide-if-js {\n display: none !important;\n}\n.no-js .u-hide-if-js {\n display: block !important;\n}\n\n.u-clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.u-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n .u-hide-on-mobile {\n display: none;\n }\n}\n\n.u-show-on-mobile {\n display: none;\n}\n@media only all and (max-width: 37.5em) {\n .u-show-on-mobile {\n display: block;\n }\n}\n\n.u-hidden {\n display: none !important;\n}\n\n.u-invisible {\n visibility: hidden;\n}\n\n.u-inline-block {\n display: inline-block;\n}\n\n.u-right {\n float: right;\n}\n\n.u-break-word {\n word-break: break-all;\n}\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n}\n.u-flexible-container__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.u-flexible-container--4-3 {\n /* stylelint-enable */\n position: relative;\n padding-bottom: 75%;\n height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n margin-top: 0 !important;\n}\n\n.u-mb0 {\n margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n margin-top: 5px !important;\n}\n\n.u-mb5 {\n margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n margin-top: 10px !important;\n}\n\n.u-mb10 {\n margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n margin-top: 15px !important;\n}\n\n.u-mb15 {\n margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n margin-top: 20px !important;\n}\n\n.u-mb20 {\n margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n margin-top: 30px !important;\n}\n\n.u-mb30 {\n margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n margin-top: 45px !important;\n}\n\n.u-mb45 {\n margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n margin-top: 60px !important;\n}\n\n.u-mb60 {\n margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n width: 100%;\n}\n\n.u-w90pct {\n width: 90%;\n}\n\n.u-w80pct {\n width: 80%;\n}\n\n.u-w70pct {\n width: 70%;\n}\n\n.u-w60pct {\n width: 60%;\n}\n\n.u-w50pct {\n width: 50%;\n}\n\n.u-w40pct {\n width: 40%;\n}\n\n.u-w30pct {\n width: 30%;\n}\n\n.u-w20pct {\n width: 20%;\n}\n\n.u-w10pct {\n width: 10%;\n}\n\n.u-w75pct {\n width: 75%;\n}\n\n.u-w25pct {\n width: 25%;\n}\n\n.u-w66pct {\n width: 66.6666666667%;\n}\n\n.u-w33pct {\n width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n /* stylelint-enable */\n font-size: 0.875em;\n}\n\n/* ==========================================================================\n Utility classes for transitions.\n\n Adds transitions utilty classes for transform, opacity,\n and for the removing the transition duration.\n ========================================================================== */\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n.u-move-transition {\n transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n opacity: 1;\n}\n\n.u-alpha-0 {\n opacity: 0;\n}\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is kept for documentation completeness.\n The actual max-height is set in the JavaScript,\n so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n max-height: 0 !important;\n}\n\n.u-max-height-summary {\n /* The value set here should show 4 lines of text at our standard 16px\n base font size. The calculation comes from the following:\n 88px = 16 * 5.5em.\n 5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n */\n max-height: 88px !important;\n}\n\n.m-form-field .a-text-input--full {\n box-sizing: border-box;\n width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n /* autoprefixer: ignore next */\n display: inline-grid;\n grid-template-columns: 1.875em auto;\n vertical-align: top;\n cursor: pointer;\n overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid var(--gray-60);\n height: 1.125em;\n width: 1.125em;\n margin-right: 10px;\n background-color: var(--white);\n content: \"\";\n vertical-align: top;\n position: relative;\n top: 1px;\n left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\n position: absolute;\n width: 1px;\n height: 1px;\n border: 0;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n border-color: var(--gray-60);\n outline: none;\n box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n cursor: not-allowed;\n color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n background: var(--gray-10);\n border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"cf-icon-svg cf-icon-svg--approved\" viewBox=\"0 0 12 19\"><path d=\"M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z\"/></svg>');\n background-size: auto 1.1875em;\n background-repeat: no-repeat;\n background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"rgb(90,93,97)\" viewBox=\"0 0 12 19\"><path d=\"M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z\"/></svg>');\n}\n.m-form-field--checkbox-error .a-label::before {\n border-color: var(--red);\n outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n border-color: var(--red);\n box-shadow: 0 0 0 1px var(--red);\n outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--red);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n border-color: var(--gold);\n outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n border-color: var(--gold);\n box-shadow: 0 0 0 1px var(--gold);\n outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--gold);\n outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n border-color: var(--green);\n outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n border-color: var(--pacific);\n outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n border-color: var(--green);\n box-shadow: 0 0 0 1px var(--green);\n outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n outline: 1px dotted var(--green);\n outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n border-radius: 50%;\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n outline: none;\n border-color: var(--pacific);\n box-shadow: 0 0 0 1px