{"version":3,"sources":["webpack:///webpack:///~/normalize.css/normalize.css","webpack:///webpack:///styleguide/base/_base.scss","webpack:///webpack:///styleguide/components/button.scss","webpack:///webpack:///styleguide/components/abstract/_button.scss","webpack:///webpack:///styleguide/utils/_colours.scss","webpack:///webpack:///styleguide/styleguide.scss","webpack:///webpack:///styleguide/components/checkbox.scss","webpack:///webpack:///styleguide/components/header.scss","webpack:///webpack:///styleguide/components/abstract/_header.scss","webpack:///webpack:///styleguide/utils/_mixins.scss","webpack:///webpack:///styleguide/components/input.scss","webpack:///webpack:///styleguide/components/link.scss","webpack:///webpack:///styleguide/components/radio.scss","webpack:///webpack:///styleguide/components/select.scss","webpack:///webpack:///styleguide/components/accordion.scss","webpack:///webpack:///styleguide/components/typography.scss","webpack:///webpack:///styleguide/components/spinner.scss","webpack:///webpack:///styleguide/components/ticket.scss","webpack:///webpack:///styleguide/components/tip.scss","webpack:///webpack:///styleguide/components/notification.scss","webpack:///webpack:///styleguide/components/toggleButton.scss","webpack:///webpack:///styleguide/components/layout.scss","webpack:///webpack:///styleguide/components/tooltip.scss"],"names":[],"mappings":"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;IFZE,gBAAgB;IAChB,wBAAwB,EACzB;;AD5BH;ECiCE,0BCxCa,EDyCd;;AD9BD;ECkCE,0BC1CW,ED2CZ;;ADnBD;ECuBE,0BCnBc,EDoBf;;ADpBD;ECwBE,0BCjBc,EDkBf;;ADrBD;ECyBE,0BC1CY,ED2Cb;;AD1CD;EC8CE,0BCrDiB,EDsDlB;;AD3CD;EC+CE,0BCzBY,ED0Bb;;ADxDD;EC4DE,0BCrEc,EDsEf;;ADrCD;ECyCE,0BChFa,EDiFd;;ADtCD;EC0CE,eChCiB;EDiCjB,0BC9BY,ED+Bb;;ADxCD;EC4CE,eCtCiB;EDuCjB,0BCnCe,EDuChB;EDjDD;IC+CI,eCzCe,ED0ChB;;AD5CH;ECiDE,eCjGW;EDkGX,+BAA8B;EAC9B,8BAA8B,EAI/B;EDvDD;ICqDI,eCpGc,EDqGf;;ADlDH;ECuDE,eC9Ga;ED+Gb,+BAA8B;EAC9B,8BAA8B,EAI/B;ED7DD;IC2DI,eClHW,EDmHZ;;ADxDH;EC4DE,eCjHc;EDkHd,+BAA8B;EAC9B,8BAA8B,EAI/B;EDlED;ICgEI,eCrHY,EDsHb;;AD7DH;ECkEE,eCrHiB;EDsHjB,+BAA8B;EAC9B,8BAA8B,EAI/B;EDxED;ICsEI,eCzHe,ED0HhB;;ADnEH;ECwEE,eC9FY;ED+FZ,+BAA8B;EAC9B,8BAA8B,EAI/B;ED9ED;IC4EI,eClGU,EDmGX;;ADzEH;EC8EE,eC7FY;ED8FZ,+BAA8B;EAC9B,8BAA8B,EAC/B;;AD7ED;ECkFE,0BCzJgB,ED0JjB;;AG3JD;EACE,mBAAmB;EACnB,cAAc,EACf;;AAED;EACE,eAAe;EACf,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB,EAoBjB;EA5BD;IAWI,gDAAsB;IACtB,6BAA6B;IAC7B,4BAA4B;IAC5B,qBAAqB,EACtB;EAfH;IAiBI,eAAe;IACf,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,aAAa;IACb,0BF+BW;IE9BX,0BF0Ba;IEzBb,mBAAmB;IACnB,YAAY;IACZ,aAAa,EACd;;AAGH;EACE,gDAAsB;EACtB,6BAA6B;EAC7B,4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","file":"/styleguide.css","sourcesContent":["/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n *    without disabling user zoom.\n */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n  margin: 0;\n}\n\n/* HTML5 display definitions\n   ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n  display: none;\n}\n\n/* Links\n   ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\n\na:active,\na:hover {\n  outline: 0;\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n  font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n  background: #ff0;\n  color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\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/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\n\nimg {\n  border: 0;\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n  overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit; /* 1 */\n  font: inherit; /* 2 */\n  margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n  overflow: visible;\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 Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\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 */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n  cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n  line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\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 */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\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/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n  border: 0; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n  font-weight: bold;\n}\n\n/* Tables\n   ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///~/normalize.css/normalize.css\n **/","@import \"~normalize.css/normalize.css\";\n\n* {\n  box-sizing: border-box;\n}\n\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin:0;\n}\n\nnav ul {\n  list-style:none;\n}\n\ndel {\n  text-decoration: line-through;\n}\n\ninput, select {\n  vertical-align:middle;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/base/_base.scss\n **/","@import \"../utils/colours\";\n@import \"abstract/button\";\n\n.now-button {\n  @extend %button;\n}\n\n.now-button_primary {\n  @extend %button_primary;\n}\n\n.now-button_primary_red {\n  @extend %button_primary_red;\n}\n\n.now-button_primary_yellow {\n  @extend %button_primary_yellow;\n}\n\n.now-button_primary_dark-blue {\n  @extend %button_primary_dark-blue;\n}\n\n.now-button_primary_blue {\n  @extend %button_primary_blue;\n}\n\n.now-button_primary_purple {\n  @extend %button_primary_purple;\n}\n\n.now-button_primary_orange {\n  @extend %button_primary_orange;\n}\n\n.now-button_primary_pink {\n  @extend %button_primary_pink;\n}\n\n.now-button_primary_green {\n  @extend %button_primary_green;\n}\n\n.now-button_primary_grey {\n  @extend %button_primary_grey;\n}\n\n.now-button_secondary {\n  @extend %button_secondary;\n}\n\n.now-button_secondary_red {\n  @extend %button_secondary_red;\n}\n\n.now-button_secondary_green {\n  @extend %button_secondary_green;\n}\n\n.now-button_secondary_yellow {\n  @extend %button_secondary_yellow;\n}\n\n.now-button_secondary_dark-blue {\n  @extend %button_secondary_dark-blue;\n}\n\n.now-button_secondary_blue {\n  @extend %button_secondary_blue;\n}\n\n.now-button_secondary_grey {\n  @extend %button_secondary_grey;\n}\n\n.now-button_negative {\n  @extend %button_negative;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/button.scss\n **/","@import \"../../utils/colours\";\n\n%button {\n  font: 16px nowtv, sans-serif;\n  background-color: transparent;\n  width: 100%;\n  max-width: 345px;\n  margin: 0 auto;\n  padding: 10px 32px;\n  box-sizing: border-box;\n  border-radius: 100px;\n  cursor: pointer;\n  color: $white;\n  height: 50px;\n  line-height: 28px;\n  border: 0;\n  display: inline-block;\n  text-align: center;\n  text-decoration: none;\n\n  &:hover, &.is-hovered {\n    text-decoration: none;\n    opacity: 0.9;\n    color: $white;\n  }\n  &:active, &.is-active {\n    opacity: 0.7;\n  }\n  &:focus {\n    outline: 0;\n  }\n  &[disabled],\n  &:disabled {\n    cursor: default;\n    opacity: 0.3 !important;\n  }\n}\n\n%button_primary {\n  @extend %button;\n  background-color: $green;\n}\n\n%button_primary_red {\n  @extend %button;\n  background-color: $red;\n}\n\n%button_primary_purple {\n  @extend %button;\n  background-color: $purple;\n}\n\n%button_primary_orange {\n  @extend %button;\n  background-color: $orange;\n}\n\n%button_primary_pink {\n  @extend %button;\n  background-color: $pink;\n}\n\n%button_primary_dark-blue {\n  @extend %button;\n  background-color: $dark-blue;\n}\n\n%button_primary_blue {\n  @extend %button;\n  background-color: $blue;\n}\n\n%button_primary_yellow {\n  @extend %button;\n  background-color: $yellow;\n}\n\n%button_primary_green {\n  @extend %button;\n  background-color: $green;\n}\n\n%button_primary_grey {\n  @extend %button;\n  color: $ship-grey;\n  background-color: $iron;\n}\n\n%button_secondary {\n  @extend %button;\n  color: $ship-grey;\n  background-color: $mischka;\n  &:hover, &.is-hovered{\n    color: $ship-grey;\n  }\n}\n\n%button_secondary_red {\n  @extend %button;\n  color: $red;\n  border:2px solid currentColor;\n  background-color: transparent;\n  &:hover, &.is-hovered{\n    color: $red-tint;\n  }\n}\n\n%button_secondary_green {\n  @extend %button;\n  color: $green;\n  border:2px solid currentColor;\n  background-color: transparent;\n  &:hover, &.is-hovered{\n    color: $green;\n  }\n}\n%button_secondary_yellow {\n  @extend %button;\n  color: $yellow;\n  border:2px solid currentColor;\n  background-color: transparent;\n  &:hover, &.is-hovered{\n    color: $yellow;\n  }\n}\n\n%button_secondary_dark-blue {\n  @extend %button;\n  color: $dark-blue;\n  border:2px solid currentColor;\n  background-color: transparent;\n  &:hover, &.is-hovered{\n    color: $dark-blue;\n  }\n}\n\n%button_secondary_blue {\n  @extend %button;\n  color: $blue;\n  border:2px solid currentColor;\n  background-color: transparent;\n  &:hover, &.is-hovered{\n    color: $blue;\n  }\n}\n\n%button_secondary_grey {\n  @extend %button;\n  color: $iron;\n  border:2px solid currentColor;\n  background-color: transparent;\n}\n\n//todo: deprecated.\n%button_negative {\n  @extend %button;\n  background-color: $red-tint;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/abstract/_button.scss\n **/","$green: #37AC47;\n$green-tint: #2D8E3D;\n\n$red: #EB3C3C;\n$red-tint: #CC091C;\n\n$yellow: #F3B241;\n$yellow-tint: #EB9D32;\n\n$blue-grey: #35495D;\n$blue-grey-tint: #2D3E4F;\n\n$dark-blue: #2D3F70;\n$dark-blue-tint: #233252;\n\n$light-blue: #4FADE7;\n$light-blue-tint: #29A0E8;\n\n$pink: #E72F8D;\n$pink-tint: #CC1174;\n\n$light-pink: #EC95AB;\n$light-pink-tint: #E0768C;\n\n$teal: #489D90;\n$teal-tint: #138B81;\n\n// -----------------------------------------------------------------------------\n// Movies Palette\n// First is primary, second is the tint\n// -----------------------------------------------------------------------------\n$purple: #653796;\n$purple-tint: #4A2F73;\n\n// -----------------------------------------------------------------------------\n// Entertainment Palette\n// First is primary, second is the tint\n// -----------------------------------------------------------------------------\n$orange: #F0672B;\n$orange-tint: #DA541A;\n\n// -----------------------------------------------------------------------------\n// Sports Palette\n// First is primary, second is the tint\n// -----------------------------------------------------------------------------\n$blue: #1D61BD;\n$blue-tint: #224AA7;\n\n// -----------------------------------------------------------------------------\n// Interface Palette\n// -----------------------------------------------------------------------------\n$shark: #1C1C21;\n$shark-jaws: #2B2B2F;\n$ship-grey: #424247;\n$rolling-stone: #787A80;\n$bombay: #AAACB1;\n$iron: #CBCED3;\n$mischka: #D8D8DD;\n$athens-grey: #E4E7EC;\n$athens-grey-mars: #EFF1F3;\n$athens-grey-zeus: #F9F9FD;\n$white: #FFFFFF;\n$black: #000000;\n\n// -----------------------------------------------------------------------------\n// Colour List\n// -----------------------------------------------------------------------------\n$colour-names: dark-blue blue light-blue purple pink light-pink orange yellow blue-grey green white ship-grey red athens-grey iron purple-tint blue-tint orange-tint shark shark-jaws rolling-stone bombay mischka athens-grey-zeus green-tint red-tint yellow-tint blue-grey-tint dark-blue-tint light-blue-tint pink-tint light-pink-tint teal teal-tint black;\n\n$colour-vars: $dark-blue $blue $light-blue $purple $pink $light-pink $orange $yellow $blue-grey $green $white $ship-grey $red $athens-grey $iron $purple-tint $blue-tint $orange-tint $shark $shark-jaws $rolling-stone $bombay $mischka $athens-grey-zeus $green-tint $red-tint $yellow-tint $blue-grey-tint $dark-blue-tint $light-blue-tint $pink-tint $light-pink-tint $teal $teal-tint $black;\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/utils/_colours.scss\n **/","@import url(~normalize.css/normalize.css);\n* {\n  box-sizing: border-box; }\n\n*:before,\n*:after {\n  box-sizing: border-box; }\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0; }\n\nnav ul {\n  list-style: none; }\n\ndel {\n  text-decoration: line-through; }\n\ninput, select {\n  vertical-align: middle; }\n\n.now-button_primary, .now-button_primary_red, .now-button_primary_purple, .now-button_primary_orange, .now-button_primary_pink, .now-button_primary_dark-blue, .now-button_primary_blue, .now-button_primary_yellow, .now-button_primary_green, .now-button_primary_grey, .now-button_secondary, .now-button_secondary_red, .now-button_secondary_green, .now-button_secondary_yellow, .now-button_secondary_dark-blue, .now-button_secondary_blue, .now-button_secondary_grey, .now-button_negative, .now-button {\n  font: 16px nowtv, sans-serif;\n  background-color: transparent;\n  width: 100%;\n  max-width: 345px;\n  margin: 0 auto;\n  padding: 10px 32px;\n  box-sizing: border-box;\n  border-radius: 100px;\n  cursor: pointer;\n  color: #FFFFFF;\n  height: 50px;\n  line-height: 28px;\n  border: 0;\n  display: inline-block;\n  text-align: center;\n  text-decoration: none; }\n  .now-button_primary:hover, .now-button_primary_red:hover, .now-button_primary_purple:hover, .now-button_primary_orange:hover, .now-button_primary_pink:hover, .now-button_primary_dark-blue:hover, .now-button_primary_blue:hover, .now-button_primary_yellow:hover, .now-button_primary_green:hover, .now-button_primary_grey:hover, .now-button_secondary:hover, .now-button_secondary_red:hover, .now-button_secondary_green:hover, .now-button_secondary_yellow:hover, .now-button_secondary_dark-blue:hover, .now-button_secondary_blue:hover, .now-button_secondary_grey:hover, .now-button_negative:hover, .now-button:hover, .is-hovered.now-button_primary, .is-hovered.now-button_primary_red, .is-hovered.now-button_primary_purple, .is-hovered.now-button_primary_orange, .is-hovered.now-button_primary_pink, .is-hovered.now-button_primary_dark-blue, .is-hovered.now-button_primary_blue, .is-hovered.now-button_primary_yellow, .is-hovered.now-button_primary_green, .is-hovered.now-button_primary_grey, .is-hovered.now-button_secondary, .is-hovered.now-button_secondary_red, .is-hovered.now-button_secondary_green, .is-hovered.now-button_secondary_yellow, .is-hovered.now-button_secondary_dark-blue, .is-hovered.now-button_secondary_blue, .is-hovered.now-button_secondary_grey, .is-hovered.now-button_negative, .is-hovered.now-button {\n    text-decoration: none;\n    opacity: 0.9;\n    color: #FFFFFF; }\n  .now-button_primary:active, .now-button_primary_red:active, .now-button_primary_purple:active, .now-button_primary_orange:active, .now-button_primary_pink:active, .now-button_primary_dark-blue:active, .now-button_primary_blue:active, .now-button_primary_yellow:active, .now-button_primary_green:active, .now-button_primary_grey:active, .now-button_secondary:active, .now-button_secondary_red:active, .now-button_secondary_green:active, .now-button_secondary_yellow:active, .now-button_secondary_dark-blue:active, .now-button_secondary_blue:active, .now-button_secondary_grey:active, .now-button_negative:active, .now-button:active, .is-active.now-button_primary, .is-active.now-button_primary_red, .is-active.now-button_primary_purple, .is-active.now-button_primary_orange, .is-active.now-button_primary_pink, .is-active.now-button_primary_dark-blue, .is-active.now-button_primary_blue, .is-active.now-button_primary_yellow, .is-active.now-button_primary_green, .is-active.now-button_primary_grey, .is-active.now-button_secondary, .is-active.now-button_secondary_red, .is-active.now-button_secondary_green, .is-active.now-button_secondary_yellow, .is-active.now-button_secondary_dark-blue, .is-active.now-button_secondary_blue, .is-active.now-button_secondary_grey, .is-active.now-button_negative, .is-active.now-button {\n    opacity: 0.7; }\n  .now-button_primary:focus, .now-button_primary_red:focus, .now-button_primary_purple:focus, .now-button_primary_orange:focus, .now-button_primary_pink:focus, .now-button_primary_dark-blue:focus, .now-button_primary_blue:focus, .now-button_primary_yellow:focus, .now-button_primary_green:focus, .now-button_primary_grey:focus, .now-button_secondary:focus, .now-button_secondary_red:focus, .now-button_secondary_green:focus, .now-button_secondary_yellow:focus, .now-button_secondary_dark-blue:focus, .now-button_secondary_blue:focus, .now-button_secondary_grey:focus, .now-button_negative:focus, .now-button:focus {\n    outline: 0; }\n  [disabled].now-button_primary, [disabled].now-button_primary_red, [disabled].now-button_primary_purple, [disabled].now-button_primary_orange, [disabled].now-button_primary_pink, [disabled].now-button_primary_dark-blue, [disabled].now-button_primary_blue, [disabled].now-button_primary_yellow, [disabled].now-button_primary_green, [disabled].now-button_primary_grey, [disabled].now-button_secondary, [disabled].now-button_secondary_red, [disabled].now-button_secondary_green, [disabled].now-button_secondary_yellow, [disabled].now-button_secondary_dark-blue, [disabled].now-button_secondary_blue, [disabled].now-button_secondary_grey, [disabled].now-button_negative, [disabled].now-button, .now-button_primary:disabled, .now-button_primary_red:disabled, .now-button_primary_purple:disabled, .now-button_primary_orange:disabled, .now-button_primary_pink:disabled, .now-button_primary_dark-blue:disabled, .now-button_primary_blue:disabled, .now-button_primary_yellow:disabled, .now-button_primary_green:disabled, .now-button_primary_grey:disabled, .now-button_secondary:disabled, .now-button_secondary_red:disabled, .now-button_secondary_green:disabled, .now-button_secondary_yellow:disabled, .now-button_secondary_dark-blue:disabled, .now-button_secondary_blue:disabled, .now-button_secondary_grey:disabled, .now-button_negative:disabled, .now-button:disabled {\n    cursor: default;\n    opacity: 0.3 !important; }\n\n.now-button_primary {\n  background-color: #37AC47; }\n\n.now-button_primary_red {\n  background-color: #EB3C3C; }\n\n.now-button_primary_purple {\n  background-color: #653796; }\n\n.now-button_primary_orange {\n  background-color: #F0672B; }\n\n.now-button_primary_pink {\n  background-color: #E72F8D; }\n\n.now-button_primary_dark-blue {\n  background-color: #2D3F70; }\n\n.now-button_primary_blue {\n  background-color: #1D61BD; }\n\n.now-button_primary_yellow {\n  background-color: #F3B241; }\n\n.now-button_primary_green {\n  background-color: #37AC47; }\n\n.now-button_primary_grey {\n  color: #424247;\n  background-color: #CBCED3; }\n\n.now-button_secondary {\n  color: #424247;\n  background-color: #D8D8DD; }\n  .now-button_secondary:hover, .is-hovered.now-button_secondary {\n    color: #424247; }\n\n.now-button_secondary_red {\n  color: #EB3C3C;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n  .now-button_secondary_red:hover, .is-hovered.now-button_secondary_red {\n    color: #CC091C; }\n\n.now-button_secondary_green {\n  color: #37AC47;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n  .now-button_secondary_green:hover, .is-hovered.now-button_secondary_green {\n    color: #37AC47; }\n\n.now-button_secondary_yellow {\n  color: #F3B241;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n  .now-button_secondary_yellow:hover, .is-hovered.now-button_secondary_yellow {\n    color: #F3B241; }\n\n.now-button_secondary_dark-blue {\n  color: #2D3F70;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n  .now-button_secondary_dark-blue:hover, .is-hovered.now-button_secondary_dark-blue {\n    color: #2D3F70; }\n\n.now-button_secondary_blue {\n  color: #1D61BD;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n  .now-button_secondary_blue:hover, .is-hovered.now-button_secondary_blue {\n    color: #1D61BD; }\n\n.now-button_secondary_grey {\n  color: #CBCED3;\n  border: 2px solid currentColor;\n  background-color: transparent; }\n\n.now-button_negative {\n  background-color: #CC091C; }\n\n.now-checkbox {\n  position: absolute;\n  left: -9999px; }\n\n.now-checkbox + label {\n  display: block;\n  position: relative;\n  padding-left: 32px;\n  box-sizing: border-box;\n  margin: 10px 0;\n  cursor: pointer;\n  text-align: left;\n  font-size: 16px; }\n  .now-checkbox + label:hover:after {\n    background-image: url(./icons/hover-tick-no-bg.svg);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 80%; }\n  .now-checkbox + label:after {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    content: \" \";\n    background-color: #FFFFFF;\n    border: 1px solid #D8D8DD;\n    border-radius: 5px;\n    width: 24px;\n    height: 24px; }\n\n.now-checkbox:checked + label:after {\n  background-image: url(./icons/green-tick-no-bg.svg);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 80%; }\n\n.now-checkbox:disabled + label {\n  color: #AAACB1;\n  cursor: default; }\n  .now-checkbox:disabled + label:after {\n    background-image: none; }\n\n.header, .header_green, .header_blue, .header_purple, .header_orange {\n  color: white;\n  text-align: center;\n  padding-top: 29px; }\n  @media screen and (min-width: 1120px) {\n    .header, .header_green, .header_blue, .header_purple, .header_orange {\n      padding-top: 21px; } }\n  .header .header-circle, .header_green .header-circle, .header_blue .header-circle, .header_purple .header-circle, .header_orange .header-circle {\n    position: relative;\n    width: 75px;\n    height: 75px;\n    margin: 0 auto; }\n    @media screen and (min-width: 1120px) {\n      .header .header-circle, .header_green .header-circle, .header_blue .header-circle, .header_purple .header-circle, .header_orange .header-circle {\n        width: 125px;\n        height: 125px; } }\n  .header .header-circle-background, .header_green .header-circle-background, .header_blue .header-circle-background, .header_purple .header-circle-background, .header_orange .header-circle-background {\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    opacity: 0.175;\n    background-color: black;\n    position: absolute; }\n  .header .header-circle-icon, .header_green .header-circle-icon, .header_blue .header-circle-icon, .header_purple .header-circle-icon, .header_orange .header-circle-icon {\n    box-sizing: border-box;\n    position: relative;\n    height: 100%;\n    padding: 14%; }\n    .header .header-circle-icon svg, .header_green .header-circle-icon svg, .header_blue .header-circle-icon svg, .header_purple .header-circle-icon svg, .header_orange .header-circle-icon svg {\n      position: relative;\n      height: auto;\n      width: 100%;\n      top: 50%;\n      transform: translateY(-50%);\n      max-height: 100%; }\n  .header .header-heading, .header_green .header-heading, .header_blue .header-heading, .header_purple .header-heading, .header_orange .header-heading {\n    margin-top: 10px;\n    padding-bottom: 15px; }\n  .header .header-subheading, .header_green .header-subheading, .header_blue .header-subheading, .header_purple .header-subheading, .header_orange .header-subheading {\n    margin: 0;\n    padding-bottom: 15px; }\n\n.header_green {\n  background-color: #37AC47; }\n\n.header_blue {\n  background-color: #1D61BD; }\n\n.header_purple {\n  background-color: #653796; }\n\n.header_orange {\n  background-color: #F0672B; }\n\n.now-input {\n  border: 1px solid #D8D8DD;\n  color: #000000;\n  border-radius: 4px;\n  width: 100%;\n  padding: 10px;\n  height: 44px;\n  font-size: 16px;\n  box-sizing: border-box;\n  outline: none; }\n  .now-input:focus {\n    border-color: #37AC47;\n    color: #000000; }\n  .now-input.valid {\n    background: #FFFFFF url(./icons/green-input-tick-no-bg.svg) no-repeat right 10px center; }\n    .now-input.valid::-ms-clear {\n      /* IE10+ */\n      display: none;\n      width: 0;\n      height: 0; }\n  .now-input.error {\n    background: #FFFFFF url(./icons/red-input-exclamation-no-bg.svg) no-repeat right 10px center;\n    color: #EB3C3C;\n    border-color: #EB3C3C; }\n    .now-input.error::-ms-clear {\n      /* IE10+ */\n      display: none;\n      width: 0;\n      height: 0; }\n    .now-input.error::-webkit-input-placeholder {\n      /* WebKit, Blink, Edge */\n      color: #EB3C3C; }\n    .now-input.error:-moz-placeholder {\n      /* Mozilla Firefox 4 to 18 */\n      color: #EB3C3C;\n      opacity: 1; }\n    .now-input.error::-moz-placeholder {\n      /* Mozilla Firefox 19+ */\n      color: #EB3C3C;\n      opacity: 1; }\n    .now-input.error:-ms-input-placeholder {\n      /* Internet Explorer 10-11 */\n      color: #EB3C3C; }\n  .now-input:disabled {\n    color: #AAACB1; }\n  .now-input + .error {\n    color: #EB3C3C;\n    font-size: 16px;\n    display: block;\n    padding-top: 0.4em; }\n\n.now-link:link, .now-link:hover, .now-link:active, .now-link:focus, .now-link:visited {\n  color: #424247;\n  text-decoration: underline;\n  cursor: pointer; }\n\n.now-link:hover {\n  text-decoration: none; }\n\n.now-link:active, .now-link:focus {\n  color: #5b5b61; }\n\n.now-link.disabled {\n  color: #717179;\n  text-decoration: underline;\n  cursor: default;\n  pointer-events: none; }\n\n.now-radio {\n  position: absolute;\n  left: -9999px; }\n\n.now-radio + label {\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  margin: 3px 0;\n  padding: 0 0 6px 30px;\n  text-align: left;\n  font-size: 16px;\n  line-height: 24px;\n  cursor: pointer; }\n  .now-radio + label:before {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-right: 10px;\n    width: 24px;\n    height: 24px;\n    border: 1px solid #D8D8DD;\n    border-radius: 50%;\n    background: white;\n    content: ''; }\n  .now-radio + label:hover:after {\n    display: inline-block;\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #D8D8DD;\n    content: ''; }\n\n.now-radio:checked + label:after {\n  display: inline-block;\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 4px;\n  left: 4px;\n  border-radius: 50%;\n  background: #37AC47;\n  content: ''; }\n\n.now-radio:disabled + label {\n  color: #D8D8DD;\n  cursor: default;\n  pointer-events: none; }\n  .now-radio:disabled + label:hover:after {\n    background: none; }\n\n.now-select {\n  background-color: white;\n  background-repeat: no-repeat;\n  background-size: 18px 100%;\n  background-position: right 10px center;\n  border: 1px solid #AAACB1;\n  border-radius: 4px;\n  width: 100%;\n  padding: 10px 40px 10px 10px;\n  height: 38px;\n  line-height: 16px;\n  font-size: 16px;\n  box-sizing: border-box;\n  outline: none;\n  background-image: url(./icons/grey-chevron-down.svg);\n  -moz-appearance: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important; }\n  .now-select.selected {\n    background-image: url(./icons/green-chevron-down.svg); }\n  .now-select:disabled {\n    background-image: url(./icons/grey-chevron-down.svg);\n    color: #AAACB1; }\n  .now-select.error {\n    background-image: url(./icons/red-chevron-down.svg);\n    color: #EB3C3C;\n    border-color: #EB3C3C; }\n  .now-select + .error {\n    color: #EB3C3C;\n    font-size: 16px;\n    display: block;\n    padding-top: 0.4em; }\n  .now-select::-ms-expand {\n    display: none; }\n\n.now-multiline-select {\n  border: 1px solid #AAACB1;\n  border-radius: 4px;\n  width: 100%;\n  padding: 5px 0;\n  line-height: 16px;\n  font-size: 14px;\n  overflow: auto;\n  -moz-appearance: none !important;\n  -webkit-appearance: none !important; }\n  .now-multiline-select.error {\n    border-color: #EB3C3C; }\n  .now-multiline-select option {\n    padding: 5px 10px; }\n\n.now-accordion--standard .now-accordion__title {\n  padding-left: 46px;\n  font-weight: bold; }\n\n.now-accordion--standard .now-accordion__item {\n  padding: 10px 15px 10px 0;\n  z-index: 0; }\n  .now-accordion--standard .now-accordion__item:after {\n    content: '';\n    background-size: 16px 11px;\n    width: 46px;\n    height: 31px;\n    background-image: url(./icons/green-chevron-down.svg);\n    background-repeat: no-repeat;\n    position: absolute;\n    left: 0;\n    top: 4px;\n    pointer-events: none; }\n\n.now-accordion--standard .now-accordion__content {\n  padding-left: 46px;\n  font-weight: normal;\n  color: #424247;\n  padding-top: 10px;\n  margin-bottom: -10px; }\n\n.now-accordion--standard .visible {\n  margin-bottom: 0; }\n  .now-accordion--standard .visible .now-accordion__title {\n    color: #37AC47; }\n\n.now-accordion--standard ul {\n  padding-left: 0;\n  list-style: none;\n  padding-bottom: 10px;\n  margin: 0; }\n\n.now-accordion--standard ul li {\n  position: relative;\n  padding: 10px 0 0 20px; }\n  .now-accordion--standard ul li:before {\n    font-weight: 100;\n    position: absolute;\n    content: \"\\2022\";\n    color: #37AC47;\n    left: 0; }\n\n.now-accordion--standard ol {\n  padding-left: 0;\n  list-style-type: none;\n  padding-bottom: 10px;\n  margin: 0; }\n\n.now-accordion--standard ol li {\n  position: relative;\n  padding: 10px 0 0 20px;\n  counter-increment: step-counter; }\n  .now-accordion--standard ol li:before {\n    content: counter(step-counter) \".\";\n    position: absolute;\n    color: #37AC47;\n    left: 0; }\n\n.now-accordion--extended {\n  padding-bottom: 11px; }\n  .now-accordion--extended .now-accordion__title {\n    padding: 10px 10px 0; }\n  .now-accordion--extended .now-accordion__content {\n    font-weight: lighter;\n    padding: 10px 10px 0;\n    margin-bottom: -10px; }\n  .now-accordion--extended .now-accordion__footer {\n    display: block;\n    width: 100%;\n    margin: 0px auto;\n    padding: 5px 0; }\n    .now-accordion--extended .now-accordion__footer:after {\n      margin: 0 auto;\n      width: 16px;\n      height: 11px;\n      background-image: url(./icons/grey-chevron-down.svg); }\n  .now-accordion--extended .visible .now-accordion__content {\n    margin-bottom: 0px; }\n\n.now-accordion__item {\n  position: relative; }\n\na.now-accordion__title,\na.now-accordion__title:focus,\na.now-accordion__title:hover {\n  text-decoration: none; }\n\n.now-accordion__title {\n  color: #424247;\n  display: block;\n  margin: 0 auto;\n  z-index: 100; }\n  .now-accordion__title h1, .now-accordion__title h2, .now-accordion__title h3, .now-accordion__title h4, .now-accordion__title h5, .now-accordion__title h6, .now-accordion__title p {\n    margin: 2px 0; }\n\n.now-accordion__icon {\n  display: inline-block;\n  margin-right: 15px;\n  width: 70px;\n  height: 70px; }\n\n.now-accordion__text {\n  display: inline-block;\n  vertical-align: top; }\n\n.now-accordion--transition {\n  display: block;\n  transition: max-height 0.3s ease-in-out;\n  overflow: hidden; }\n\n.now-accordion--standard .now-accordion__item:after,\n.now-accordion--extended .now-accordion__footer:after {\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  content: ' ';\n  transition: transform 0.3s ease-in-out; }\n\n.visible.now-accordion__item:after,\n.visible .now-accordion__footer:after {\n  transform: rotate(-180deg); }\n\nbody,\n.body-text {\n  font: 14px / 18px nowtv, Helvetica, Arial, sans-serif;\n  font-weight: lighter;\n  color: #333; }\n  @media screen and (min-width: 1120px) {\n    body,\n    .body-text {\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 20px; } }\n\n.now-page-header,\n.now-primary-title,\n.now-secondary-title,\n.now-bullet,\nh1, h2, h3, h6 {\n  font-weight: normal; }\n\n.now-strapline,\n.now-intro-text,\n.now-subheader,\nh4, h5 {\n  font-weight: bold; }\n\nh1,\n.now-page-header {\n  font-size: 30px;\n  line-height: 36px; }\n  @media screen and (min-width: 1120px) {\n    h1,\n    .now-page-header {\n      font-size: 44px;\n      line-height: 48px; } }\n\n.now-primary-title,\nh2 {\n  font-size: 24px;\n  line-height: 30px; }\n  @media screen and (min-width: 1120px) {\n    .now-primary-title,\n    h2 {\n      font-size: 40px;\n      line-height: 42px; } }\n\n.now-secondary-title,\nh3 {\n  font-size: 20px;\n  line-height: 24px; }\n  @media screen and (min-width: 1120px) {\n    .now-secondary-title,\n    h3 {\n      font-size: 36px;\n      line-height: 40px; } }\n\n.now-strapline,\nh4 {\n  font-size: 18px;\n  line-height: 22px; }\n  @media screen and (min-width: 1120px) {\n    .now-strapline,\n    h4 {\n      font-size: 28px;\n      line-height: 32px; } }\n\n.now-intro-text,\n.now-subheader,\nh5 {\n  font-size: 16px;\n  line-height: 20px; }\n  @media screen and (min-width: 1120px) {\n    .now-intro-text,\n    .now-subheader,\n    h5 {\n      font-size: 24px;\n      line-height: 28px; } }\n\nh6 {\n  font-size: 16px;\n  line-height: 20px; }\n  @media screen and (min-width: 1120px) {\n    h6 {\n      font-size: 18px;\n      line-height: 24px; } }\n\n.smaller-text {\n  font-size: 11px;\n  line-height: 14px; }\n  @media screen and (min-width: 1120px) {\n    .smaller-text {\n      font-size: 13px;\n      line-height: 18px; } }\n\n.larger-text, .header .header-subheading, .header_green .header-subheading, .header_blue .header-subheading, .header_purple .header-subheading, .header_orange .header-subheading {\n  font-size: 16px;\n  line-height: 20px; }\n  @media screen and (min-width: 1120px) {\n    .larger-text, .header .header-subheading, .header_green .header-subheading, .header_blue .header-subheading, .header_purple .header-subheading, .header_orange .header-subheading {\n      font-size: 18px;\n      line-height: 22px; } }\n\n.now-spinner {\n  position: relative;\n  margin: 0 auto; }\n\n.now-spinner-small {\n  height: 150px;\n  width: 150px; }\n  .now-spinner-small .now-spinner-circles {\n    margin: -75px 0 0 -75px; }\n\n.now-spinner-medium {\n  height: 300px;\n  width: 300px; }\n  .now-spinner-medium .now-spinner-circles {\n    margin: -150px 0 0 -150px; }\n\n.now-spinner-large {\n  height: 450px;\n  width: 450px; }\n  .now-spinner-large .now-spinner-circles {\n    margin: -225px 0 0 -225px; }\n\n.now-spinner-circles {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: 100%;\n  animation: now-spinner-rotate linear 1.5s infinite;\n  z-index: 1;\n  height: 100%;\n  width: 100%; }\n\n.now-spinner-circle {\n  height: 30%;\n  width: 30%;\n  position: absolute;\n  border-radius: 100%;\n  animation: now-spinner-pulse1 ease-in-out 1.5s infinite; }\n\n.now-spinner-circle:nth-child(odd) {\n  animation: now-spinner-pulse2 ease-in-out 1.5s infinite; }\n\n.now-spinner-circle:nth-child(1) {\n  top: 22%;\n  left: 22%;\n  background: #660099; }\n\n.now-spinner-circle:nth-child(2) {\n  top: 22%;\n  left: 48%;\n  background: #FF6600; }\n\n.now-spinner-circle:nth-child(3) {\n  top: 48%;\n  left: 48%;\n  background: #30B803; }\n\n.now-spinner-circle:nth-child(4) {\n  top: 48%;\n  left: 22%;\n  background: #1C5EEA; }\n\n@keyframes now-spinner-pulse1 {\n  0%, 100% {\n    transform: scale(1); }\n  50% {\n    transform: scale(0.5); } }\n\n@keyframes now-spinner-pulse2 {\n  0%, 100% {\n    transform: scale(0.5); }\n  50% {\n    transform: scale(1); } }\n\n@keyframes now-spinner-rotate {\n  0% {\n    transform: rotateZ(0); }\n  100% {\n    transform: rotateZ(360deg); } }\n\n.now-ticket {\n  background-color: #2D3F70;\n  color: #FFF;\n  width: 170px; }\n\n.now-ticket .content {\n  padding: 10%;\n  box-sizing: border-box; }\n\n.now-ticket .tearoff {\n  background-size: contain;\n  background-repeat: no-repeat;\n  height: 0;\n  width: 170px; }\n\n.now-ticket.red {\n  background-color: #EB3C3C; }\n  .now-ticket.red .tearoff svg {\n    fill: #EB3C3C; }\n\n.now-ticket.blue {\n  background-color: #2D3F70; }\n  .now-ticket.blue .tearoff svg {\n    fill: #2D3F70; }\n\n.now-ticket.green {\n  background-color: #37AC47; }\n  .now-ticket.green .tearoff svg {\n    fill: #37AC47; }\n\n.now-ticket.purple {\n  background-color: #653796; }\n  .now-ticket.purple .tearoff svg {\n    fill: #653796; }\n\n.now-tip {\n  position: relative;\n  background-color: #E4E7EC;\n  min-width: 200px;\n  min-height: 90px;\n  border-radius: 30px;\n  padding: 30px; }\n  .now-tip.bottom-right {\n    border-radius: 30px 30px 0; }\n  .now-tip .arrow-top-centre {\n    position: absolute;\n    width: 0;\n    height: 0;\n    bottom: 100%;\n    left: 50%;\n    margin-left: -30px;\n    border-bottom: solid 30px #E4E7EC;\n    border-left: solid 30px transparent;\n    border-right: solid 30px transparent; }\n  .now-tip .arrow-bottom-right {\n    position: absolute;\n    width: 0;\n    height: 0;\n    top: 100%;\n    right: 0%;\n    border-top: solid 30px #E4E7EC;\n    border-left: solid 30px transparent;\n    border-right: solid 0px transparent; }\n  .now-tip.red.now-tip {\n    background-color: #EB3C3C;\n    color: #FFFFFF; }\n    .now-tip.red.now-tip .arrow-top-centre {\n      border-bottom-color: #EB3C3C; }\n    .now-tip.red.now-tip .arrow-bottom-right {\n      border-top-color: #EB3C3C; }\n  .now-tip.blue.now-tip {\n    background-color: #2D3F70;\n    color: #FFFFFF; }\n    .now-tip.blue.now-tip .arrow-top-centre {\n      border-bottom-color: #2D3F70; }\n    .now-tip.blue.now-tip .arrow-bottom-right {\n      border-top-color: #2D3F70; }\n  .now-tip.green.now-tip {\n    background-color: #37AC47;\n    color: #FFFFFF; }\n    .now-tip.green.now-tip .arrow-top-centre {\n      border-bottom-color: #37AC47; }\n    .now-tip.green.now-tip .arrow-bottom-right {\n      border-top-color: #37AC47; }\n  .now-tip.purple.now-tip {\n    background-color: #653796;\n    color: #FFFFFF; }\n    .now-tip.purple.now-tip .arrow-top-centre {\n      border-bottom-color: #653796; }\n    .now-tip.purple.now-tip .arrow-bottom-right {\n      border-top-color: #653796; }\n\n.close {\n  cursor: pointer;\n  position: absolute;\n  background: url(./icons/close.svg) no-repeat;\n  background-size: 20px;\n  width: 20px;\n  height: 20px;\n  right: 20px;\n  top: 20px; }\n\n.now-notification {\n  position: relative;\n  background-color: #E4E7EC;\n  width: 100%;\n  border-radius: 10px;\n  padding: 20px;\n  box-sizing: border-box; }\n  .now-notification.warning.now-notification, .now-notification.red.now-notification {\n    background-color: #EB3C3C;\n    color: #FFFFFF; }\n  .now-notification.warning .notificationIcon, .now-notification.red .notificationIcon {\n    position: absolute;\n    background: url(./icons/warning-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.info.now-notification, .now-notification.blue.now-notification {\n    background-color: #4FADE7;\n    color: #FFFFFF; }\n  .now-notification.info .notificationIcon, .now-notification.blue .notificationIcon {\n    position: absolute;\n    background: url(./icons/informative-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.success.now-notification, .now-notification.green.now-notification {\n    background-color: #37AC47;\n    color: #FFFFFF; }\n  .now-notification.success .notificationIcon, .now-notification.green .notificationIcon {\n    position: absolute;\n    background: url(./icons/positive-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.caution.now-notification, .now-notification.yellow.now-notification {\n    background-color: #F0672B;\n    color: #FFFFFF; }\n  .now-notification.caution .notificationIcon, .now-notification.yellow .notificationIcon {\n    position: absolute;\n    background: url(./icons/warning-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.success-icon .notificationIcon {\n    position: absolute;\n    background: url(./icons/positive-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.informative-icon .notificationIcon {\n    position: absolute;\n    background: url(./icons/informative-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.warning-icon .notificationIcon {\n    position: absolute;\n    background: url(./icons/warning-notification-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px; }\n  .now-notification.no-title .notificationIcon {\n    background-size: 26px;\n    height: 26px;\n    width: 26px;\n    top: 16px; }\n  .now-notification.no-title .notificationBody {\n    margin: 0 36px; }\n  .now-notification .content {\n    box-sizing: border-box; }\n  .now-notification .notificationBody {\n    text-align: left;\n    margin: 0 35px;\n    font-size: 14px; }\n    .now-notification .notificationBody p:first-child {\n      margin-top: 0; }\n    .now-notification .notificationBody p:last-child {\n      margin-bottom: 0; }\n  .now-notification .notification-title {\n    font-size: 16px;\n    margin: 0;\n    margin-bottom: 15px; }\n\n.now-toggle-container {\n  text-align: left; }\n  .now-toggle-container .toggle-label {\n    display: inline-block;\n    margin: 0 10px; }\n  .now-toggle-container .toggle-button {\n    width: 45px;\n    height: 25px;\n    display: inline-block;\n    border-radius: 15px;\n    background-color: #FFFFFF;\n    background-size: 25px;\n    border: 1px solid #E4E7EC;\n    position: relative;\n    top: 5px;\n    cursor: pointer; }\n    .now-toggle-container .toggle-button:after {\n      content: '';\n      transition: background-color 0.1s, left 0.3s;\n      height: 18px;\n      border-radius: 50%;\n      background: #D8D8DD;\n      width: 18px;\n      display: block;\n      top: 3px;\n      position: relative;\n      left: 3px; }\n  .now-toggle-container input[type=\"checkbox\"] {\n    position: absolute;\n    opacity: 0; }\n  .now-toggle-container input:checked + label .toggle-button:after {\n    background: #37AC47;\n    left: 22px; }\n  .now-toggle-container input:checked[disabled] + label .toggle-button {\n    background-color: #E4E7EC;\n    cursor: default; }\n  .now-toggle-container input:checked[disabled] + label .toggle-button:after {\n    background-color: #D8D8DD; }\n\n.now-layout {\n  position: relative;\n  min-height: calc(100vh - 62px);\n  background-color: #F9F9FD; }\n  .now-layout:before, .now-layout:after {\n    content: \" \";\n    display: table; }\n  .now-layout:after {\n    clear: both; }\n  @media screen and (min-width: 768px) {\n    .now-layout {\n      background-color: #EFF1F3; } }\n\n.now-layout-header {\n  background-color: #1D61BD;\n  box-sizing: border-box; }\n  @media screen and (min-width: 768px) {\n    .now-layout-header {\n      width: 33%;\n      padding: 29px 0 0;\n      position: fixed;\n      height: calc(100vh - 62px); } }\n  @media screen and (min-width: 1120px) {\n    .now-layout-header {\n      width: 25%;\n      padding: 29px 0 0;\n      position: fixed;\n      height: calc(100vh - 62px); } }\n\n@media screen and (min-width: 768px) {\n  .now-layout-main {\n    width: 67%;\n    margin-left: 33%;\n    padding: 15px;\n    box-sizing: border-box;\n    float: left; } }\n\n@media screen and (min-width: 1120px) {\n  .now-layout-main {\n    width: 50%;\n    min-height: calc(100vh - 62px);\n    margin-left: 25%; } }\n\n.now-layout-faqs {\n  box-sizing: border-box;\n  padding: 0; }\n  @media screen and (min-width: 768px) {\n    .now-layout-faqs {\n      width: 67%;\n      margin-left: 33%;\n      padding: 15px;\n      float: left; } }\n  @media screen and (min-width: 1120px) {\n    .now-layout-faqs {\n      background-color: white;\n      width: 25%;\n      margin-left: 0;\n      border-left: 1px solid #E4E7EC;\n      min-height: calc(100vh - 62px); } }\n\n.now-tooltip {\n  position: relative;\n  color: #FFFFFF;\n  padding: 20px 30px;\n  background-color: #2D3F70;\n  margin-top: 19px; }\n\n.now-tooltip-trigger {\n  pointerEvents: 'none';\n  display: inline-block; }\n\n.now-tooltip-arrow {\n  position: absolute;\n  top: -27px;\n  left: 30px;\n  border: 14px solid transparent;\n  border-bottom-color: #2D3F70; }\n\n.now-tooltip_red {\n  background-color: #EB3C3C; }\n\n.now-tooltip_yellow {\n  background-color: #F3B241; }\n\n.now-tooltip_green {\n  background-color: #37AC47; }\n\n.now-tooltip_blue {\n  background-color: #1D61BD; }\n\n.now-tooltip_grey {\n  background-color: #CBCED3; }\n\n.now-tooltip_purple {\n  background-color: #653796; }\n\n.now-tooltip_orange {\n  background-color: #F0672B; }\n\n.now-tooltip_pink {\n  background-color: #E72F8D; }\n\n.now-tooltip_dark-blue {\n  background-color: #2D3F70; }\n\n.now-tooltip-arrow_red {\n  border-bottom-color: #EB3C3C; }\n\n.now-tooltip-arrow_yellow {\n  border-bottom-color: #F3B241; }\n\n.now-tooltip-arrow_green {\n  border-bottom-color: #37AC47; }\n\n.now-tooltip-arrow_blue {\n  border-bottom-color: #1D61BD; }\n\n.now-tooltip-arrow_grey {\n  border-bottom-color: #CBCED3; }\n\n.now-tooltip-arrow_purple {\n  border-bottom-color: #653796; }\n\n.now-tooltip-arrow_orange {\n  border-bottom-color: #F0672B; }\n\n.now-tooltip-arrow_pink {\n  border-bottom-color: #E72F8D; }\n\n.now-tooltip-arrow_dark-blue {\n  border-bottom-color: #2D3F70; }\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/styleguide.scss\n **/","@import \"../utils/colours\";\n$icon-path: './icons' !default;\n\n.now-checkbox {\n  position: absolute;\n  left: -9999px;\n}\n\n.now-checkbox + label {\n  display: block;\n  position: relative;\n  padding-left: 32px;\n  box-sizing: border-box;\n  margin: 10px 0;\n  cursor: pointer;\n  text-align: left;\n  font-size: 16px;\n\n  &:hover:after {\n    background-image: url(#{$icon-path}/hover-tick-no-bg.svg);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 80%;\n  }\n  &:after {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    content: \" \";\n    background-color: $white;\n    border: 1px solid $mischka;\n    border-radius: 5px;\n    width: 24px;\n    height: 24px;\n  }\n}\n\n.now-checkbox:checked + label:after {\n  background-image: url(#{$icon-path}/green-tick-no-bg.svg);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 80%;\n}\n\n.now-checkbox:disabled + label {\n  color: $bombay;\n  cursor: default;\n\n  &:after {\n    background-image: none;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/checkbox.scss\n **/","@import \"../utils/colours\";\n@import \"abstract/header\";\n\n.header{\n  @extend %header;\n}\n\n.header_green {\n\t@extend %header;\n\tbackground-color: $green;\n}\n\n.header_blue {\n\t@extend %header;\n\tbackground-color: $blue;\n}\n\n.header_purple {\n  @extend %header;\n  background-color: $purple;\n}\n\n.header_orange {\n  @extend %header;\n  background-color: $orange;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/header.scss\n **/","%header {\n\tcolor: white;\n\ttext-align: center;\n\tpadding-top: 29px;\n\n  \t@include desktop {\n\t  padding-top: 21px;\n\t}\n\n\t.header-circle {\n\t  position: relative;\n\t  width: 75px;\n\t  height: 75px;\n\t  margin: 0 auto;\n\n\t  @include desktop {\n\t\twidth: 125px;\n\t\theight: 125px;\n\t  }\n\t}\n\n\t.header-circle-background {\n\t\tborder-radius: 50%;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: 0.175;\n\t\tbackground-color: black;\n    \tposition: absolute;\n\t}\n\n\t.header-circle-icon {\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t\theight: 100%;\n\t\tpadding: 14%;\n\t\tsvg {\n\t\t  position: relative;\n\t\t  height: auto;\n\t\t  width:100%;\n\t\t  top: 50%;\n\t\t  transform: translateY(-50%);\n\t\t  max-height: 100%;\n\t\t}\n\t}\n\n\t.header-heading {\n\t\tmargin-top: 10px;\n\t\tpadding-bottom: 15px;\n\t}\n\n\t.header-subheading {\n\t  \t@extend .larger-text;\n        // closest font to want is used in design\n\t\tmargin: 0;\n\t  \tpadding-bottom: 15px;\n\t}\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/abstract/_header.scss\n **/","$tablet: 768px;\n$desktop: 1120px;\n\n@mixin create-icon($file, $width, $height){\n  display: inline-block;\n  background: {\n    repeat: no-repeat;\n    size: contain;\n    position: center;\n    image: url($file);\n  }\n  width: $width;\n  height: $height;\n  line-height: $height;\n}\n\n@mixin clearfix {\n  &:before, &:after {\n    content: \" \";\n    display: table;\n  }\n  &:after {\n    clear: both;\n  }\n}\n\n\n@mixin tablet {\n  @media screen and (min-width: $tablet) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media screen and (min-width: $desktop) {\n    @content;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/utils/_mixins.scss\n **/","@import \"../utils/colours\";\n$icon-path: './icons' !default;\n\n.now-input {\n  border: 1px solid $mischka;\n  color: $black;\n  border-radius: 4px;\n  width: 100%;\n  padding: 10px;\n  height: 44px;\n  font-size: 16px;\n  box-sizing: border-box;\n  outline: none;\n\n  &:focus {\n    border-color: $green;\n    color: $black;\n  }\n\n  &.valid {\n    background: #FFFFFF url(#{$icon-path}/green-input-tick-no-bg.svg) no-repeat right 10px center;\n    &::-ms-clear {                          /* IE10+ */\n      display: none;\n      width: 0;\n      height: 0;\n    }\n  }\n\n  &.error {\n    background: #FFFFFF url(#{$icon-path}/red-input-exclamation-no-bg.svg) no-repeat right 10px center;\n    color: $red;\n    border-color: $red;\n\n    &::-ms-clear {                          /* IE10+ */\n      display: none;\n      width: 0;\n      height: 0;\n    }\n\n    &::-webkit-input-placeholder {      /* WebKit, Blink, Edge */\n      color:    $red;\n    }\n    &:-moz-placeholder {                /* Mozilla Firefox 4 to 18 */\n       color:    $red;\n       opacity:  1;\n    }\n    &::-moz-placeholder {               /* Mozilla Firefox 19+ */\n       color:    $red;\n       opacity:  1;\n    }\n    &:-ms-input-placeholder {           /* Internet Explorer 10-11 */\n       color:    $red;\n    }\n  }\n\n  &:disabled {\n    color: $bombay;\n  }\n\n  + .error {\n    color: $red;\n    font-size: 16px;\n    display: block;\n    padding-top: 0.4em;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/input.scss\n **/","@import \"../utils/colours\";\n\n.now-link {\n\n  &:link,\n  &:hover,\n  &:active,\n  &:focus,\n  &:visited\n  {\n    color: $ship-grey;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:active,\n  &:focus {\n    color: lighten($ship-grey, 10);\n  }\n\n  &.disabled {\n    color: lighten($ship-grey, 19);\n    text-decoration: underline;\n    cursor: default;\n    pointer-events: none;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/link.scss\n **/","@import \"../utils/colours\";\n$icon-path: './icons' !default;\n$button-size: 24px;\n\n.now-radio {\n  position: absolute;\n  left: -9999px;\n}\n\n.now-radio + label {\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  margin: 3px 0;\n  padding: 0 0 6px 30px;\n  text-align: left;\n  font-size: 16px;\n  line-height: $button-size;\n  cursor: pointer;\n\n  &:before {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-right: 10px;\n    width: $button-size;\n    height: $button-size;\n    border: 1px solid $mischka;\n    border-radius: 50%;\n    background: white;\n    content: '';\n  }\n\n  &:hover:after {\n    display: inline-block;\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: $mischka;\n    content: '';\n  }\n}\n\n.now-radio:checked + label:after {\n  display: inline-block;\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 4px;\n  left: 4px;\n  border-radius: 50%;\n  background: $green;\n  content: '';\n}\n\n.now-radio:disabled + label {\n  color: $mischka;\n  cursor: default;\n  pointer-events: none;\n\n  &:hover:after {\n    background: none;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/radio.scss\n **/","@import \"../utils/colours\";\n$icon-path: './icons' !default;\n\n.now-select {\n  background-color: white;\n  background-repeat: no-repeat;\n  background-size: 18px 100%;\n  background-position: right 10px center;\n  border: 1px solid $bombay;\n  border-radius: 4px;\n  width: 100%;\n  padding: 10px 40px 10px 10px;\n  height: 38px;\n  line-height: 16px;\n  font-size: 16px;\n  box-sizing: border-box;\n  outline: none;\n  background-image: url(#{$icon-path}/grey-chevron-down.svg);\n\n  -moz-appearance: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n\n\n  &.selected {\n    background-image: url(#{$icon-path}/green-chevron-down.svg);\n  }\n\n  &:disabled {\n    background-image: url(#{$icon-path}/grey-chevron-down.svg);\n    color: $bombay;\n  }\n\n  &.error {\n    background-image: url(#{$icon-path}/red-chevron-down.svg);\n    color: $red;\n    border-color: $red;\n  }\n\n  + .error {\n    color: $red;\n    font-size: 16px;\n    display: block;\n    padding-top: 0.4em;\n  }\n\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n.now-multiline-select {\n  border: 1px solid $bombay;\n  border-radius: 4px;\n  width: 100%;\n  padding: 5px 0;\n  line-height: 16px;\n  font-size: 14px;\n  overflow: auto;\n\n  -moz-appearance: none !important;\n  -webkit-appearance: none !important;\n\n  &.error {\n    border-color: $red;\n  }\n\n  option {\n    padding: 5px 10px;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/select.scss\n **/","@import \"../utils/colours\";\n\n$icon-width: 16px;\n$icon-height: 11px;\n$icon-path: './icons' !default;\n\n.now-accordion--standard {\n  $standard-padding-top-bottom: 10px;\n  $standard-padding-sides: 15px;\n\n  $standard-chevron-width: ($standard-padding-sides * 2) + $icon-width;\n  $standard-chevron-height: ($standard-padding-top-bottom * 2) + $icon-height;\n\n  .now-accordion__title {\n    padding-left: $standard-chevron-width;\n    font-weight: bold;\n  }\n\n  .now-accordion__item {\n    padding: $standard-padding-top-bottom $standard-padding-sides $standard-padding-top-bottom 0;\n    z-index: 0;\n\n    &:after {\n      content: '';\n      background-size: $icon-width $icon-height;\n      width: $standard-chevron-width;\n      height: $standard-chevron-height;\n      background-image: url(#{$icon-path}/green-chevron-down.svg);\n      background-repeat: no-repeat;\n      position: absolute;\n      left: 0;\n      top: 4px;\n      pointer-events: none;\n    }\n  }\n\n  .now-accordion__content {\n    padding-left: $standard-chevron-width;\n    font-weight: normal;\n    color: $ship-grey;\n    padding-top: $standard-padding-top-bottom;\n    margin-bottom: -$standard-padding-top-bottom;\n  }\n\n  .visible {\n    margin-bottom: 0;\n\n    .now-accordion__title {\n      color: $green;\n    }\n  }\n\n  ul {\n    padding-left: 0;\n    list-style: none;\n    padding-bottom: 10px;\n    margin: 0;\n  }\n\n  ul li {\n    position: relative;\n    padding: 10px 0 0 20px;\n\n    &:before {\n      font-weight: 100;\n      position: absolute;\n      content: \"\\2022\";\n      color: $green;\n      left: 0;\n    }\n  }\n\n  ol {\n    padding-left: 0;\n    list-style-type: none;\n    padding-bottom: 10px;\n    margin: 0;\n  }\n  ol li {\n    position: relative;\n    padding: 10px 0 0 20px;\n    counter-increment: step-counter;\n\n    &:before {\n      content: counter(step-counter) \".\";\n      position: absolute;\n      color: $green;\n      left: 0;\n    }\n  }\n}\n\n.now-accordion--extended {\n  $extended-padding: 10px;\n\n  padding-bottom: $icon-height;\n\n  .now-accordion__title {\n    padding: $extended-padding $extended-padding 0;\n  }\n\n  .now-accordion__content {\n    font-weight: lighter;\n    padding: $extended-padding $extended-padding 0;\n    margin-bottom: -$extended-padding;\n  }\n\n  .now-accordion__footer {\n    display: block;\n    width: 100%;\n    margin: 0px auto;\n    padding: 5px 0;\n\n    &:after {\n      margin: 0 auto;\n      width: $icon-width;\n      height: $icon-height;\n      background-image: url(#{$icon-path}/grey-chevron-down.svg);\n    }\n  }\n\n  .visible {\n    .now-accordion__content {\n      margin-bottom: 0px;\n    }\n  }\n}\n\n.now-accordion__item {\n  position: relative;\n}\n\na.now-accordion__title,\na.now-accordion__title:focus,\na.now-accordion__title:hover {\n  text-decoration: none;\n}\n\n.now-accordion__title {\n  color: $ship-grey;\n  display: block;\n  margin: 0 auto;\n  z-index: 100;\n  h1, h2, h3, h4, h5, h6, p {\n    margin: 2px 0;\n  }\n}\n\n.now-accordion__icon {\n  display: inline-block;\n  margin-right: 15px;\n  width: 70px;\n  height: 70px;\n}\n\n.now-accordion__text {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.now-accordion--transition {\n  display: block;\n  transition: max-height 0.3s ease-in-out;\n  overflow: hidden;\n}\n\n.now-accordion--standard .now-accordion__item,\n.now-accordion--extended .now-accordion__footer {\n  &:after {\n    display: block;\n    background-repeat: no-repeat;\n    background-position: center;\n    content: ' ';\n    transition: transform 0.3s ease-in-out;\n  }\n}\n\n.visible {\n  &.now-accordion__item:after,\n  .now-accordion__footer:after {\n    transform: rotate(-180deg);\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/accordion.scss\n **/","@import \"../utils/colours\";\n\nbody,\n.body-text {\n  font: 14px / 18px nowtv, Helvetica, Arial, sans-serif;\n  font-weight: lighter;\n  color: #333;\n\n  @include desktop {\n    font-weight: normal;\n    font-size: 16px;\n    line-height: 20px;\n  }\n}\n\n.now-page-header,\n.now-primary-title,\n.now-secondary-title,\n.now-bullet,\nh1, h2, h3, h6 {\n  font-weight: normal;\n}\n\n.now-strapline,\n.now-intro-text,\n.now-subheader,\nh4, h5 {\n  font-weight: bold;\n}\n\nh1,\n.now-page-header {\n  font-size: 30px;\n  line-height: 36px;\n\n  @include desktop {\n    font-size: 44px;\n    line-height: 48px;\n  }\n}\n\n.now-primary-title,\nh2 {\n  font-size: 24px;\n  line-height: 30px;\n\n  @include desktop {\n    font-size: 40px;\n    line-height: 42px;\n  }\n}\n\n.now-secondary-title,\nh3 {\n  font-size: 20px;\n  line-height: 24px;\n\n  @include desktop {\n    font-size: 36px;\n    line-height: 40px;\n  }\n}\n\n.now-strapline,\nh4 {\n  font-size: 18px;\n  line-height: 22px;\n\n  @include desktop {\n    font-size: 28px;\n    line-height: 32px;\n  }\n}\n\n.now-intro-text,\n.now-subheader,\nh5 {\n  font-size: 16px;\n  line-height: 20px;\n\n  @include desktop {\n    font-size: 24px;\n    line-height: 28px;\n  }\n}\n\nh6 {\n  font-size: 16px;\n  line-height: 20px;\n\n  @include desktop {\n    font-size: 18px;\n    line-height: 24px;\n  }\n}\n\n.smaller-text {\n  font-size: 11px;\n  line-height: 14px;\n\n  @include desktop {\n    font-size: 13px;\n    line-height: 18px;\n  }\n}\n\n.larger-text {\n  font-size: 16px;\n  line-height: 20px;\n\n  @include desktop {\n     font-size: 18px;\n     line-height: 22px;\n   }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/typography.scss\n **/","@import \"../utils/colours\";\n\n.now-spinner {\n  position: relative;\n  margin: 0 auto;\n}\n\n.now-spinner-small {\n  height: 150px;\n  width: 150px;\n  .now-spinner-circles {\n    margin: -75px 0 0 -75px;\n  }\n}\n.now-spinner-medium {\n  height: 300px;\n  width: 300px;\n  .now-spinner-circles {\n    margin: -150px 0 0 -150px;\n  }\n}\n.now-spinner-large {\n  height: 450px;\n  width: 450px;\n  .now-spinner-circles {\n    margin: -225px 0 0 -225px;\n  }\n}\n\n.now-spinner-circles {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: 100%;\n  animation: now-spinner-rotate linear 1.5s infinite;\n  z-index: 1;\n  height: 100%;\n  width: 100%;\n}\n\n.now-spinner-circle {\n  height: 30%;\n  width: 30%;\n  position: absolute;\n  border-radius: 100%;\n  animation: now-spinner-pulse1 ease-in-out 1.5s infinite;\n}\n\n.now-spinner-circle:nth-child(odd) {\n  animation: now-spinner-pulse2 ease-in-out 1.5s infinite;\n}\n\n.now-spinner-circle:nth-child(1) {\n  top: 22%;\n  left: 22%;\n  background: #660099;\n}\n\n.now-spinner-circle:nth-child(2) {\n  top: 22%;\n  left: 48%;\n  background: #FF6600;\n}\n\n.now-spinner-circle:nth-child(3) {\n  top: 48%;\n  left: 48%;\n  background: #30B803;\n}\n\n.now-spinner-circle:nth-child(4) {\n  top: 48%;\n  left: 22%;\n  background: #1C5EEA;\n}\n\n@keyframes now-spinner-pulse1 {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(0.5);\n  }\n}\n\n@keyframes now-spinner-pulse2 {\n  0%, 100%{\n    transform: scale(0.5);\n  }\n  50% {\n    transform: scale(1);\n  }\n}\n\n\n@keyframes now-spinner-rotate {\n  0% {\n    transform: rotateZ(0);\n  }\n  100% {\n    transform: rotateZ(360deg);\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/spinner.scss\n **/","@import \"../utils/colours\";\n\n.now-ticket {\n  background-color: $dark_blue;\n  color: #FFF;\n  width: 170px;\n}\n.now-ticket .content{\n  padding: 10%;\n  box-sizing: border-box;\n}\n.now-ticket .tearoff{\n  background-size: contain;\n  background-repeat: no-repeat;\n  height: 0;\n  width: 170px;\n}\n\n.now-ticket.red {\n  background-color: $red;\n  .tearoff svg {\n    fill:$red;\n  }\n}\n.now-ticket.blue {\n  background-color: $dark_blue;\n  .tearoff svg {\n    fill:$dark_blue;\n  }\n}\n.now-ticket.green {\n  background-color: $green;\n  .tearoff svg {\n    fill:$green;\n  }\n}\n.now-ticket.purple {\n  background-color: $purple;\n  .tearoff svg {\n    fill:$purple;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/ticket.scss\n **/","@import \"../utils/colours\";\n\n@mixin tipcolor($backcolor, $color){\n  &.now-tip{\n    background-color: $backcolor;\n    color: $color;\n    .arrow-top-centre{\n      border-bottom-color: $backcolor;\n    }\n    .arrow-bottom-right{\n      border-top-color: $backcolor;\n    }\n  }\n}\n\n.now-tip{\n  position: relative;\n  background-color: $athens-grey;\n  min-width: 200px;\n  min-height: 90px;\n  border-radius: 30px;\n  padding: 30px;\n\n  &.bottom-right{\n    border-radius: 30px 30px 0;\n  }\n\n  .arrow-top-centre{\n    position: absolute;\n    width: 0;\n    height: 0;\n    bottom: 100%;\n    left: 50%;\n    margin-left: -30px;\n    border-bottom: solid 30px $athens-grey;\n    border-left: solid 30px transparent;\n    border-right: solid 30px transparent;\n  }\n\n  .arrow-bottom-right{\n    position: absolute;\n    width: 0;\n    height: 0;\n    top: 100%;\n    right: 0%;\n    border-top: solid 30px $athens-grey;\n    border-left: solid 30px transparent;\n    border-right: solid 0px transparent;\n  }\n  &.red{\n    @include tipcolor($red, $white);\n  }\n  &.blue{\n    @include tipcolor($dark_blue, $white);\n  }\n  &.green{\n    @include tipcolor($green, $white);\n  }\n  &.purple{\n    @include tipcolor($purple, $white);\n  }\n}\n\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/tip.scss\n **/","@import \"../utils/colours\";\n$icons: './icons' !default;\n\n@mixin notificationColor($backcolor, $color) {\n  &.now-notification {\n    background-color: $backcolor;\n    color: $color;\n  }\n}\n\n@mixin notification_icon($icon) {\n  .notificationIcon {\n    position: absolute;\n    background: url(#{$icons}/#{$icon}-icon.svg) no-repeat;\n    background-size: 20px;\n    width: 24px;\n    height: 24px;\n    left: 15px;\n    top: 20px;\n  }\n}\n\n.close {\n  cursor: pointer;\n  position: absolute;\n  background: url(#{$icons}/close.svg) no-repeat;\n  background-size: 20px;\n  width: 20px;\n  height: 20px;\n  right: 20px;\n  top: 20px;\n}\n\n.now-notification {\n  position: relative;\n  background-color: $athens-grey;\n  width: 100%;\n  border-radius: 10px;\n  padding: 20px;\n  box-sizing: border-box;\n  &.warning, &.red {\n    @include notificationColor($red, $white);\n    @include notification_icon(\"warning-notification\");\n  }\n  &.info, &.blue {\n    @include notificationColor($light_blue, $white);\n    @include notification_icon(\"informative-notification\");\n  }\n  &.success, &.green {\n    @include notificationColor($green, $white);\n    @include notification_icon(\"positive-notification\");\n  }\n  &.caution, &.yellow {\n    @include notificationColor($orange, $white);\n    @include notification_icon(\"warning-notification\");\n  }\n  &.success-icon {\n    @include notification_icon(\"positive-notification\");\n  }\n  &.informative-icon {\n    @include notification_icon(\"informative-notification\");\n  }\n  &.warning-icon {\n    @include notification_icon(\"warning-notification\");\n  }\n  &.no-title {\n    .notificationIcon {\n      background-size: 26px;\n      height: 26px;\n      width: 26px;\n      top: 16px;\n    }\n    .notificationBody {\n      margin: 0 36px;\n    }\n  }\n  .content {\n    box-sizing: border-box;\n  }\n  .notificationBody {\n    text-align: left;\n    margin: 0 35px;\n    font-size: 14px;\n    p:first-child {\n      margin-top: 0;\n    }\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n  .notification-title {\n    @extend .nowtv-bold;\n    font-size: 16px;\n    margin: 0;\n    margin-bottom: 15px;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/notification.scss\n **/","@import \"../utils/colours\";\n\n.now-toggle-container {\n  text-align: left;\n  .toggle-label {\n    display: inline-block;\n    margin: 0 10px;\n  }\n  .toggle-button {\n    width: 45px;\n    height: 25px;\n    display: inline-block;\n    border-radius: 15px;\n    background-color: $white;\n    background-size: 25px;\n    border: 1px solid $athens-grey;\n    position: relative;\n    top: 5px;\n    cursor: pointer;\n\n    &:after{\n      content: '';\n      transition: background-color 0.1s, left 0.3s;\n      height: 18px;\n      border-radius: 50%;\n      background: $mischka;\n      width: 18px;\n      display: block;\n      top: 3px;\n      position: relative;\n      left: 3px;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    position: absolute;\n    opacity: 0;\n  }\n\n  input:checked + label {\n    .toggle-button:after{\n      background: $green;\n      left: 22px;\n    }\n  }\n\n\n  input:checked[disabled]  + label {\n    .toggle-button{\n      background-color: $athens-grey;\n      cursor: default;\n    }\n    .toggle-button:after{\n      background-color: $mischka;\n    }\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/toggleButton.scss\n **/","$globalNavHeight: 62px;\n$heightOfPageContent: calc(100vh - #{$globalNavHeight});\n$headerWidthTablet: 33%;\n$mainWidthTablet: 67%;\n$headerWidthDesktop: 25%;\n$mainWidthDesktop: 50%;\n$faqsWidthDesktop: 25%;\n\n.now-layout {\n  @include clearfix;\n  position: relative;\n  min-height: $heightOfPageContent;\n  background-color: $athens-grey-zeus;\n  @include tablet {\n    background-color: $athens-grey-mars;\n  }\n}\n\n.now-layout-header {\n  @include tablet {\n    width: $headerWidthTablet;\n    padding: 29px 0 0;\n    position: fixed;\n    height: $heightOfPageContent;\n  }\n\n  @include desktop {\n    width: $headerWidthDesktop;\n    padding: 29px 0 0;\n    position: fixed;\n    height: $heightOfPageContent;\n  }\n\n  background-color: $blue;\n  box-sizing: border-box;\n}\n\n.now-layout-main {\n  @include tablet {\n    width: $mainWidthTablet;\n    margin-left: $headerWidthTablet;\n    padding: 15px;\n    box-sizing: border-box;\n    float: left;\n  }\n\n  @include desktop {\n    width: $mainWidthDesktop;\n    min-height: $heightOfPageContent;\n    margin-left: $headerWidthDesktop;\n  }\n}\n\n.now-layout-faqs {\n  box-sizing: border-box;\n  padding: 0;\n  @include tablet {\n    width: $mainWidthTablet;\n    margin-left: $headerWidthTablet;\n    padding: 15px;\n    float: left;\n  }\n\n  @include desktop {\n    background-color: white;\n    width: $faqsWidthDesktop;\n    margin-left: 0;\n    border-left: 1px solid $athens-grey;\n    min-height: $heightOfPageContent;\n  }\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/layout.scss\n **/",".now-tooltip {\n  position: relative;\n  color: $white;\n  padding: 20px 30px;\n  background-color: $dark-blue;\n  margin-top: 19px;\n}\n\n.now-tooltip-trigger {\n  pointerEvents: 'none';\n  display: inline-block;\n}\n\n.now-tooltip-arrow {\n  position: absolute;\n  top: -27px;\n  left: 30px;\n  border: 14px solid transparent;\n  border-bottom-color: $dark-blue;\n}\n\n.now-tooltip_red {\n  background-color: $red;\n}\n\n.now-tooltip_yellow {\n  background-color: $yellow;\n}\n\n.now-tooltip_green {\n  background-color: $green;\n}\n\n.now-tooltip_blue {\n  background-color: $blue;\n}\n\n.now-tooltip_grey {\n  background-color: $iron;\n}\n\n.now-tooltip_purple {\n  background-color: $purple;\n}\n\n.now-tooltip_orange {\n  background-color: $orange;\n}\n\n.now-tooltip_pink {\n  background-color: $pink;\n}\n\n.now-tooltip_dark-blue {\n  background-color: $dark-blue;\n}\n\n.now-tooltip-arrow_red {\n  border-bottom-color: $red;\n}\n\n.now-tooltip-arrow_yellow {\n  border-bottom-color: $yellow;\n}\n\n.now-tooltip-arrow_green {\n  border-bottom-color: $green;\n}\n\n.now-tooltip-arrow_blue {\n  border-bottom-color: $blue;\n}\n\n.now-tooltip-arrow_grey {\n  border-bottom-color: $iron;\n}\n\n.now-tooltip-arrow_purple {\n  border-bottom-color: $purple;\n}\n\n.now-tooltip-arrow_orange {\n  border-bottom-color: $orange;\n}\n\n.now-tooltip-arrow_pink {\n  border-bottom-color: $pink;\n}\n\n.now-tooltip-arrow_dark-blue {\n  border-bottom-color: $dark-blue;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** webpack:///styleguide/components/tooltip.scss\n **/"],"sourceRoot":""}