@cfpb/cfpb-design-system
Version:
CFPB's UI framework
4 lines • 260 kB
Source Map (JSON)
{
"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-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", "../../../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"],
"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/* ==========================================================================\n Design System\n Expandable Styling\n ========================================================================== */\n.o-expandable {\n position: relative;\n}\n.o-expandable__header {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n padding: 0.625em 0.9375em;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n}\n.o-expandable__header:focus {\n outline: 1px dotted var(--black);\n outline-offset: 2px;\n}\n.o-expandable__header .o-expandable__cue-close,\n.o-expandable__header .o-expandable__cue-open {\n display: none;\n}\n.o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: block;\n}\n.o-expandable__header[aria-expanded=true] .o-expandable__cue-close {\n display: block;\n}\n.o-expandable button.o-expandable__header {\n width: 100%;\n text-align: left;\n}\n.o-expandable__label {\n flex-grow: 1;\n margin-bottom: 0;\n color: var(--black);\n font-weight: 500;\n}\n.o-expandable__icon, .o-expandable__label {\n font-size: 1.125em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable__icon, .o-expandable__label {\n font-size: 1em;\n }\n}\n.o-expandable__cues {\n align-self: center;\n color: var(--pacific);\n font-size: 1em;\n line-height: 1.375;\n}\n.o-expandable__content {\n padding: 0.9375em;\n padding-top: 0;\n}\n.o-expandable__content::before {\n content: \"\";\n display: block;\n border-top: 1px solid var(--gray-40);\n padding-top: 0.9375em;\n}\n.o-expandable__content::after {\n padding-bottom: 0.9375em;\n width: 100%;\n}\n.o-expandable--padded .o-expandable__header {\n padding: 1.5625em 0.9375em;\n}\n.o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.625em;\n}\n@media only all and (max-width: 37.5em) {\n .o-expandable--padded .o-expandable__icon, .o-expandable--padded .o-expandable__label {\n font-size: 1.375em;\n }\n}\n.o-expandable--background {\n background: var(--gray-5);\n}\n.o-expandable--border {\n border: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n}\n\nhtml[lang=ar] .o-expandable__header {\n text-align: right;\n}\nhtml[lang=ar] .o-expandable__cues {\n text-align: left;\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 Expandable Group Styling\n ========================================================================== */\n.o-expandable-group .o-expandable {\n border-bottom: 1px solid var(--gray-40);\n}\n.o-expandable-group .o-expandable:first-child {\n border-top: 1px solid var(--gray-40);\n}\n@media print {\n .o-expandable__header[aria-expanded=true] .o-expandable__cue-close, .o-expandable__header[aria-expanded=false] .o-expandable__cue-open {\n display: none;\n }\n .o-expandable__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\n }\n}\n.o-expandable .print__header[aria-expanded=true] .o-expandable .print__cue-close, .o-expandable .print__header[aria-expanded=false] .o-expandable .print__cue-open {\n display: none;\n}\n.o-expandable .print__content[aria-expanded=false] {\n display: block;\n max-height: 99999px !important;\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-summary__content {\n overflow-y: hidden;\n padding: 2px;\n left: -2px;\n top: -2px;\n position: relative;\n}\n.o-summary__btn {\n position: relative;\n z-index: 2;\n display: block;\n width: 100%;\n padding-top: 15px;\n padding-bottom: 15px;\n border: dotted var(--pacific);\n border-width: 1px 0;\n text-align: center;\n color: var(--pacific);\n background: #fff;\n}\n.o-summary__btn:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.o-summary__btn[aria-expanded=false]::before {\n display: block;\n pointer-events: none;\n height: 2.75em;\n margin: 0;\n position: absolute;\n left: 0;\n right: 0;\n top: calc(-100% + 2px);\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);\n content: \"\";\n}\n@media print {\n .o-summary__btn[aria-expanded=false]::before {\n background: none;\n }\n}\n.o-summary__btn[aria-expanded=false]::before .print {\n background: none;\n}\n.no-js .o-summary__btn {\n display: none;\n}\n@media only screen and (min-width: 601px) {\n .o-summary--mobile .o-summary__btn {\n display: none;\n }\n}", ".o-summary-minimal__content {\n overflow-y: hidden;\n padding: 2px;\n left: -2px;\n top: -2px;\n position: relative;\n}\n.o-summary-minimal__btn {\n margin-top: 5px;\n padding-left: 0;\n padding-right: 0;\n display: block;\n border: none;\n background: none;\n text-align: left;\n color: var(--pacific);\n}\n.o-summary-minimal__btn:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.o-summary-minimal__btn .o-summary-minimal__cue-close,\n.o-summary-minimal__btn .o-summary-minimal__cue-open {\n display: none;\n}\n.o-summary-minimal__btn[aria-expanded=false] .o-summary-minimal__cue-open {\n display: block;\n}\n.o-summary-minimal__btn[aria-expanded=true] .o-summary-minimal__cue-close {\n display: block;\n}\n.no-js .o-summary-minimal__btn {\n display: none;\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(-