@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=d984f56e-f9bd-4c14-bb29-2558d7ff893e);
/* Co-op foundations and normalize library (import src) */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
:root{--color-brand-coop:#00b1e7;--color-brand-deals:#d12430;--color-brand:var(--color-brand-coop);--color-deal-red:var(--color-brand-deals);--color-white:#fff;--color-black:#000;--color-text:#282828;--color-text-alt:#595959;--color-grey-mid-light:#d8d8d8;--color-grey-mid:#c4c4c4;--color-grey-dark:#6e6e6e;--color-grey-neutral-light:#f3f3f3;--color-grey-light:var(--color-grey-neutral-light);--color-grey-neutral-warm:#f5f5f0;--color-grey-neutral-cool:#dde9ed;--color-grey-neutral-cool-light:#f2f4f7;--color-link:#00729a;--color-link-hover:#00394e;--color-link-focus:#8d44d8;--color-link-active:#002c3d;--color-link-visited:var(--color-link-active);--color-link--hover:var(--color-link-hover);--color-link--focus:var(--color-link-focus);--color-link--active:var(--color-link-active);--color-link--visited:var(--color-link-active);--color-button-green-primary:#0f8482;--color-button-green-primary-hover:#1c6b6a;--color-button-green-primary-active:#124948;--color-button-primary:var(--color-button-green-primary);--color-button-primary--hover:var(--color-button-green-primary-hover);--color-button-primary--active:var(--color-button-green-primary-active);--color-button-blue:#005878;--color-button-blue-hover:#003e55;--color-button-blue-active:#001f2b;--color-button-dark:var(--color-button-blue);--color-button-dark--hover:var(--color-button-blue-hover);--color-button-dark--active:var(--color-button-blue-active);--color-button-grey:#efefef;--color-button-grey-hover:var(--color-grey-mid-light);--color-button-grey-active:var(--color-grey-mid);--color-button-white:var(--color-white);--color-button-white-hover:var(--color-button-grey);--color-button-white-active:var(--color-grey-mid-light);--color-button:var(--color-button-blue);--color-button--hover:var(--color-button-blue-hover);--color-button--active:var(--color-button-blue-active);--color-red-error:#e20f14;--color-red-error-text:#d12430;--color-red-error-light:#fcf1f1;--color-orange-alert:#f8d156;--color-orange-alert-light:#f8eec7;--color-green-success:#50811b;--color-green-success-light:#d7e3c6;--color-blue-inform:#0761c2;--color-blue-inform-light:#eef3fc;--color-blue-notification:var(--color-blue-inform);--color-blue-notification-light:var(--color-blue-inform-light);--color-red-dark-4:#ba2327;--color-red-mid-5:var(--color-red-error);--color-red-light-7:#ff6a6d;--color-red-light-8:#ffc1c3;--color-red-light-9:#ffdbdb;--color-red-light-10:#fcf1f1;--color-red-dark:var(--color-red-dark-4);--color-red-mid:var(--color-red-mid-5);--color-orange-dark-4:#be4015;--color-orange-mid-5:#fc5724;--color-orange-mid-6:#fd7b3b;--color-orange-mid-7:#fd9c59;--color-orange-light-8:#fdb979;--color-orange-light-9:#fee7c1;--color-orange-light-10:#fff8e7;--color-orange-mid:var(--color-orange-mid-5);--color-yellow-dark-4:#cfb214;--color-yellow-mid-5:#ffd309;--color-yellow-mid-6:#ffe53b;--color-yellow-mid-7:#fff372;--color-yellow-light-8:#fffca9;--color-yellow-light-9:#fffbcd;--color-yellow-light-10:#fcf9ee;--color-yellow-mid:var(--color-yellow-mid-5);--color-yellow-light:var(--color-yellow-mid-7);--color-yellow-bright:var(--color-yellow-mid-6);--color-green-dark-2:#3a6002;--color-green-mid-3:#4f820d;--color-green-mid-4:#72aa24;--color-green-mid-5:#96cb48;--color-green-light-6:#b9e277;--color-green-light-8:#e7f7cb;--color-green-light-10:#f6fce9;--color-green-dark:var(--color-green-dark-2);--color-green-mid:var(--color-green-mid-3);--color-green-light:var(--color-green-mid-5);--color-green-bright:var(--color-green-light-6);--color-teal-dark-2:#046062;--color-teal-mid-3:#0f8482;--color-teal-mid-4:#27aaab;--color-teal-mid-6:#4bc7cc;--color-teal-light-7:#79dce3;--color-teal-light-9:#ccf2f7;--color-teal-light-10:#e9fafc;--color-turquoise-dark:var(--color-teal-dark-2);--color-turquoise-mid:var(--color-teal-mid-3);--color-turquoise-light:var(--color-teal-light-7);--color-turquoise-bright:var(--color-teal-light-7);--color-blue-dark-3:#114d94;--color-blue-mid-4:#0761c2;--color-blue-mid-6:#519af5;--color-blue-light-8:#80b7ff;--color-blue-light-9:#cfe3ff;--color-blue-light-10:#eef3fc;--color-blue-dark:var(--color-blue-dark-3);--color-blue-bright:var(--color-blue-mid-6);--color-blue-light:var(--color-blue-light-9);--color-blue-mid:var(--color-blue-mid-4);--color-indigo-dark-4:#3b427f;--color-indigo-mid-5:#4f52a8;--color-indigo-mid-7:#8d9ae4;--color-indigo-light-8:#afbdf5;--color-indigo-light-9:#cfdbfe;--color-indigo-light-10:#eff3fa;--color-purple-dark-3:#51178c;--color-purple-mid-4:#6727b9;--color-purple-mid-6:#8d44d8;--color-purple-light-8:#d395fe;--color-purple-light-9:#edc3ff;--color-purple-light-10:#f9edfc;--color-purple-dark:var(--color-purple-dark-3);--color-magenta-dark-3:#812373;--color-magenta-mid-4:#ab278d;--color-magenta-mid-7:#f690f1;--color-magenta-light-8:#feb8ff;--color-magenta-light-9:#fad1fe;--color-magenta-light-10:#faeafc;--color-purple-mid:var(--color-magenta-mid-4);--color-pink-light:var(--color-magenta-mid-7);--color-pink-bright:var(--color-magenta-light-9);--color-brand-cls-blue-dark:#114d94;--color-brand-cls-blue-mid:#0761c2;--color-brand-cls-blue-light:#287cdf;--color-brand-bac-purple:#674170;--color-brand-membership-purple-dark-1:#483965;--color-brand-membership-purple-dark-2:#635385;--color-brand-membership-purple-dark-3:#776ca7;--color-brand-membership-purple-mid-5:#8e88ba;--color-brand-membership-purple-mid-6:#847db5;--color-brand-membership-purple-light-8:#b2aece;--color-brand-membership-purple-light-9:#d3d1e4;--color-brand-membership-purple-light-10:#eae8f4;--color-brand-membership-purple-dark:var(--color-brand-membership-purple-dark-3);--color-brand-membership-purple-mid:var(--color-brand-membership-purple-mid-5);--color-brand-membership-purple-bright:var(--color-brand-membership-purple-mid-6);--color-brand-membership-purple-light:var(--color-brand-membership-purple-light-8);--color-brand-membership-purple-lighter:var(--color-brand-membership-purple-light-9);--color-brand-membership-purple-lightest:var(--color-brand-membership-purple-light-10);--color-brand-membership-lilac-dark-1:#52355e;--color-brand-membership-lilac-dark-2:#715287;--color-brand-membership-lilac-dark-3:#806697;--color-brand-membership-lilac-mid-5:#9976a8;--color-brand-membership-lilac-mid-6:#a976bb;--color-brand-membership-lilac-light-8:#bba2c6;--color-brand-membership-lilac-light-9:#ccbad4;--color-brand-membership-lilac-light-10:#e6dde9;--color-brand-membership-lilac-dark:var(--color-brand-membership-lilac-dark-3);--color-brand-membership-lilac-mid:var(--color-brand-membership-lilac-mid-5);--color-brand-membership-lilac-bright:var(--color-brand-membership-lilac-mid-6);--color-brand-membership-lilac-light:var(--color-brand-membership-lilac-light-8);--color-brand-membership-lilac-lighter:var(--color-brand-membership-lilac-light-9);--color-brand-membership-lilac-lightest:var(--color-brand-membership-lilac-light-10);--color-brand-membership-pink-dark-1:#6c3e53;--color-brand-membership-pink-dark-2:#864e68;--color-brand-membership-pink-dark-3:#9d5b7b;--color-brand-membership-pink-mid-5:#bc7190;--color-brand-membership-pink-mid-6:#d15c8c;--color-brand-membership-pink-light-8:#d19fb4;--color-brand-membership-pink-light-9:#e3cbd4;--color-brand-membership-pink-light-10:#f0e5eb;--color-brand-membership-pink-dark:var(--color-brand-membership-pink-dark-3);--color-brand-membership-pink-mid:var(--color-brand-membership-pink-mid-5);--color-brand-membership-pink-bright:var(--color-brand-membership-pink-mid-6);--color-brand-membership-pink-light:var(--color-brand-membership-pink-light-8);--color-brand-membership-pink-lighter:var(--color-brand-membership-pink-light-9);--color-brand-membership-pink-lightest:var(--color-brand-membership-pink-light-10);--color-brand-membership-orange-dark-1:#783620;--color-brand-membership-orange-dark-2:#9b462b;--color-brand-membership-orange-dark-3:#b45d2b;--color-brand-membership-orange-mid-5:#e69c39;--color-brand-membership-orange-mid-6:#f5a74b;--color-brand-membership-orange-light-8:#e6bb8f;--color-brand-membership-orange-light-9:#f0ddd1;--color-brand-membership-orange-light-10:#f7eeeb;--color-brand-membership-orange-dark:var(--color-brand-membership-orange-dark-3);--color-brand-membership-orange-mid:var(--color-brand-membership-orange-mid-5);--color-brand-membership-orange-bright:var(--color-brand-membership-orange-mid-6);--color-brand-membership-orange-light:var(--color-brand-membership-orange-light-8);--color-brand-membership-orange-lighter:var(--color-brand-membership-orange-light-9);--color-brand-membership-orange-lightest:var(--color-brand-membership-orange-light-10);--color-brand-membership-yellow-dark-1:#704e24;--color-brand-membership-yellow-dark-2:#916b3a;--color-brand-membership-yellow-dark-3:#bf843e;--color-brand-membership-yellow-mid-5:#ecd16d;--color-brand-membership-yellow-mid-6:#f8da6d;--color-brand-membership-yellow-light-8:#edd273;--color-brand-membership-yellow-light-9:#f3e2a4;--color-brand-membership-yellow-light-10:#f9f1d1;--color-brand-membership-yellow-dark:var(--color-brand-membership-yellow-dark-3);--color-brand-membership-yellow-mid:var(--color-brand-membership-yellow-mid-5);--color-brand-membership-yellow-bright:var(--color-brand-membership-yellow-mid-6);--color-brand-membership-yellow-light:var(--color-brand-membership-yellow-light-8);--color-brand-membership-yellow-lighter:var(--color-brand-membership-yellow-light-9);--color-brand-membership-yellow-lightest:var(--color-brand-membership-yellow-light-10);--color-brand-membership-green-dark-1:#3b3f25;--color-brand-membership-green-dark-2:#565734;--color-brand-membership-green-dark-3:#6a7345;--color-brand-membership-green-mid-5:#c6c978;--color-brand-membership-green-mid-6:#b3ce7b;--color-brand-membership-green-light-8:#d1d4a5;--color-brand-membership-green-light-9:#e4e5c6;--color-brand-membership-green-light-10:#f6f6eb;--color-brand-membership-green-dark:var(--color-brand-membership-green-dark-3);--color-brand-membership-green-mid:var(--color-brand-membership-green-mid-5);--color-brand-membership-green-bright:var(--color-brand-membership-green-mid-6);--color-brand-membership-green-light:var(--color-brand-membership-green-light-8);--color-brand-membership-green-lighter:var(--color-brand-membership-green-light-9);--color-brand-membership-green-lightest:var(--color-brand-membership-green-light-10);--color-brand-membership-turquoise-dark-1:#2b4946;--color-brand-membership-turquoise-dark-2:#39615f;--color-brand-membership-turquoise-dark-3:#487d7b;--color-brand-membership-turquoise-mid-5:#81b8b8;--color-brand-membership-turquoise-mid-6:#87cdcd;--color-brand-membership-turquoise-light-8:#b9dad9;--color-brand-membership-turquoise-light-9:#d3e7e5;--color-brand-membership-turquoise-light-10:#ecf5f7;--color-brand-membership-turquoise-dark:var(--color-brand-membership-turquoise-dark-3);--color-brand-membership-turquoise-mid:var(--color-brand-membership-turquoise-mid-5);--color-brand-membership-turquoise-bright:var(--color-brand-membership-turquoise-mid-6);--color-brand-membership-turquoise-light:var(--color-brand-membership-turquoise-light-8);--color-brand-membership-turquoise-lighter:var(--color-brand-membership-turquoise-light-9);--color-brand-membership-turquoise-lightest:var(--color-brand-membership-turquoise-light-10);--color-brand-membership-blue-dark-1:#2c4258;--color-brand-membership-blue-dark-2:#456588;--color-brand-membership-blue-dark-3:#5177a3;--color-brand-membership-blue-mid-5:#8bb5e0;--color-brand-membership-blue-mid-6:#8fbae6;--color-brand-membership-blue-light-8:#c1d7ee;--color-brand-membership-blue-light-9:#d8e6f4;--color-brand-membership-blue-light-10:#f0f6fd;--color-brand-membership-blue-dark:var(--color-brand-membership-blue-dark-3);--color-brand-membership-blue-mid:var(--color-brand-membership-blue-mid-5);--color-brand-membership-blue-bright:var(--color-brand-membership-blue-mid-6);--color-brand-membership-blue-light:var(--color-brand-membership-blue-light-8);--color-brand-membership-blue-lighter:var(--color-brand-membership-blue-light-9);--color-brand-membership-blue-lightest:var(--color-brand-membership-blue-light-10);--font-family:"Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;--type-body-l:1.2499999rem;--type-body-s:1.125rem;--type-line-height:1.5;--type-h1-mega-l:3.5rem;--type-h1-mega-s:3rem;--type-h1-l:2.875rem;--type-h1-s:1.875rem;--type-h2-l:2rem;--type-h2-s:1.625rem;--type-h3-l:1.625rem;--type-h3-s:1.375rem;--type-h456-l:1.375rem;--type-h456-s:1.125rem;--type-blockquote:1.2499999rem;--type-lp-l:1.625rem;--type-lp-s:1.375rem;--type-sp-l:1.2499999rem;--type-sp-s:1rem;--spacing-64:4rem;--spacing-48:3rem;--spacing-32:2rem;--spacing-24:1.5rem;--spacing-16:1rem;--spacing-12:0.75rem;--spacing-8:0.5rem;--spacing-4:0.25rem;--spacing-2:0.125rem;--spacing-base:var(--spacing-32);--spacing-base--3-4:var(--spacing-24);--spacing-base--1-2:var(--spacing-16);--spacing-base--1-4:var(--spacing-8);--spacing-base--1-8:var(--spacing-2);--spacing-medium:var(--spacing-64);--spacing-medium--3-4:var(--spacing-48);--spacing-medium--1-2:var(--spacing-32);--spacing-medium--1-4:var(--spacing-16);--spacing-medium--1-8:var(--spacing-8);--ui-shadow:0 2px 10px 0 rgba(0,0,0,0.15);--ui-shadow-hover:0 2px 10px 0 rgba(0,0,0,0.25);--ui-shadow--hover:var(--ui-shadow-hover);--ui-border-radius:8px;--ui-transition-hover:0.15s ease-in-out;--ui-transition-hover-property:background-color,color}
*,:after,:before{box-sizing:border-box}
html{font-size:100%}
body{position:relative;margin:0;padding:0;color:#282828;font-family:Avenir-Next,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.125rem;line-height:1.5}
@media (min-width:48em){body{font-size:1.2499999rem}}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic}
@font-face{font-family:Avenir-Next;font-weight:400;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff2) format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextRegular_normal_normal.woff) format("woff")}
@font-face{font-family:Avenir-Next;font-weight:500;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff2) format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextMedium_normal_normal.woff) format("woff")}
@font-face{font-family:Avenir-Next;font-weight:600;font-display:swap;src:url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff2) format("woff2"),url(https://coop-fonts.s3.eu-west-1.amazonaws.com/AvenirNext/AvenirNextDemi_normal_normal.woff) format("woff")}
.coop-t-h1,.coop-t-h2,.coop-t-h3,.coop-t-h4,.coop-t-h5,.coop-t-h6,address,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0}
.coop-t-h1,.coop-t-h2,.coop-t-h3,.coop-t-h4,.coop-t-h5,.coop-t-h6,h1,h2,h3,h4,h5,h6{font-weight:700}
ol+.coop-t-h2,ol+.coop-t-h3,ol+.coop-t-h4,ol+.coop-t-h5,ol+.coop-t-h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+.coop-t-h2,p+.coop-t-h3,p+.coop-t-h4,p+.coop-t-h5,p+.coop-t-h6,p+h2,p+h3,p+h4,p+h5,p+h6,ul+.coop-t-h2,ul+.coop-t-h3,ul+.coop-t-h4,ul+.coop-t-h5,ul+.coop-t-h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{padding-top:1rem}
@media (min-width:48em){ol+.coop-t-h2,ol+.coop-t-h3,ol+.coop-t-h4,ol+.coop-t-h5,ol+.coop-t-h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+.coop-t-h2,p+.coop-t-h3,p+.coop-t-h4,p+.coop-t-h5,p+.coop-t-h6,p+h2,p+h3,p+h4,p+h5,p+h6,ul+.coop-t-h2,ul+.coop-t-h3,ul+.coop-t-h4,ul+.coop-t-h5,ul+.coop-t-h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{padding-top:2rem}}
.coop-t-h-mega{font-size:3rem;margin-bottom:.5rem}
@media (min-width:48em){.coop-t-h-mega{font-size:3.5rem;margin-bottom:1rem}}
.coop-t-h1,h1{font-size:1.875rem;margin-bottom:.5rem}
@media (min-width:48em){.coop-t-h1,h1{font-size:2.875rem;margin-bottom:1rem}}
.coop-t-h2,h2{font-size:1.625rem;margin-bottom:.5rem}
@media (min-width:48em){.coop-t-h2,h2{font-size:2rem;margin-bottom:1rem}}
.coop-t-h3,h3{font-size:1.375rem;margin-bottom:.5rem}
@media (min-width:48em){.coop-t-h3,h3{font-size:1.625rem;margin-bottom:1rem}}
.coop-t-h4,.coop-t-h5,.coop-t-h6,h4,h5,h6{font-size:1.125rem;margin-bottom:.5rem}
@media (min-width:48em){.coop-t-h4,.coop-t-h5,.coop-t-h6,h4,h5,h6{font-size:1.375rem;margin-bottom:1rem}}
.coop-t-lead-p{font-size:1.375rem;margin-bottom:1rem}
@media (min-width:48em){.coop-t-lead-p{font-size:1.625rem}}
p{margin-bottom:1rem}
ol,ul{padding-left:22px;margin-bottom:.5rem}
@media (min-width:48em){ol,ul{margin-bottom:1rem}}
.coop-u-list-bare,.coop-u-list-inline{list-style-type:none;padding:0}
.coop-u-list-inline li{display:inline-block}
.coop-t-definition-list,dl{font-size:1rem;line-height:1.6;margin-top:0;margin-bottom:1rem}
.coop-t-definition-list dt{font-weight:700;margin-bottom:0}
.coop-t-definition-list dd,.coop-t-definition-list dt{font-family:Avenir-Next,Helvetica Neue,Helvetica,Arial,sans-serif}
.coop-t-definition-list dd{margin:0 0 .5rem}
.coop-t-smallprint,small{font-size:1rem}
@media (min-width:48em){.coop-t-smallprint,small{font-size:1.2499999rem}}
.coop-t-blockquote,blockquote{margin-bottom:2rem;margin-left:1rem;padding-left:1rem}
@media (min-width:48em){.coop-t-blockquote,blockquote{margin-bottom:2rem}}
.coop-t-blockquote:after,.coop-t-blockquote:before,blockquote:after,blockquote:before{content:"";display:block;width:45px;height:6px;margin:1rem 0;background:#f3f3f3}
.coop-t-blockquote p,blockquote p{margin-bottom:1rem;font-style:normal;font-weight:400;text-indent:-.25rem}
.coop-t-blockquote p cite,blockquote p cite{font-size:1.125rem;font-style:normal;margin-top:1rem}
.coop-t-link,a{color:#00729a;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}
.coop-t-link:hover,a:hover{color:#00394e;-webkit-text-decoration:none;text-decoration:none}
.coop-t-link:active,.coop-t-link:focus,a:active,a:focus{transition:none;outline:2px solid #8d44d8;outline-offset:3px}
button.coop-t-link{display:inline;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;cursor:pointer;text-align:inherit}
.coop-t-link-white{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}
.coop-t-link-white:hover{color:#fff;-webkit-text-decoration:none;text-decoration:none}
.coop-t-link-white:active,.coop-t-link-white:focus{transition:none;outline:2px solid #fff;outline-offset:3px}
.coop-t-link-black{color:#000;-webkit-text-decoration:underline;text-decoration:underline}
.coop-t-link-black:hover{color:#000;-webkit-text-decoration:none;text-decoration:none}
.coop-t-link-black:active,.coop-t-link-black:focus{transition:none;outline:2px solid #000;outline-offset:3px}
.coop-t-link--arrow{display:inline-block;color:#282828}
.coop-t-link--arrow .coop-t-link__icon{margin:0 0 0 .66667em;transform:translateX(-.11111em)}
.coop-t-link--arrow:focus,.coop-t-link--arrow:hover{color:#282828}
.coop-t-link--arrow:focus .coop-t-link__icon,.coop-t-link--arrow:hover .coop-t-link__icon{transform:translateX(0)}
.coop-t-link__icon{position:relative;top:-.05556em;display:inline-block;width:1.33333em;height:1.11111em;margin:0 .66667em 0 0;vertical-align:middle;transition:transform .15s ease-in}
.coop-t-hr,hr{display:block;border:solid #c4c4c4;border-width:0 0 1px;height:0;color:#c4c4c4;margin-top:1rem;margin-bottom:2rem}
@media (min-width:48em){.coop-t-hr,hr{margin-top:2rem;margin-bottom:4rem}}
.coop-l-container{max-width:81rem;padding-left:1rem;padding-right:1rem}
@media (min-width:64em){.coop-l-container{margin:0 .5rem}}
@media (min-width:81.25em){.coop-l-container{margin:0 auto}}
.coop-l-grid{width:calc(100% + 1rem);display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}
@media (min-width:81.25em){.coop-l-grid{width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}}
.coop-l-grid__item{flex:1 0 100%;flex-basis:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}
@media (min-width:81.25em){.coop-l-grid__item{padding-left:1rem;padding-right:1rem}}
.coop-l-grid--collapse .coop-l-grid__item,.coop-l-grid__item--collapse{padding-left:0;padding-right:0}
.coop-l-grid__item--1{flex-basis:8.33333333%;max-width:8.33333333%}
.coop-l-grid__item--2{flex-basis:16.66666667%;max-width:16.66666667%}
.coop-l-grid__item--3{flex-basis:25%;max-width:25%}
.coop-l-grid__item--4{flex-basis:33.33333333%;max-width:33.33333333%}
.coop-l-grid__item--5{flex-basis:41.66666667%;max-width:41.66666667%}
.coop-l-grid__item--6{flex-basis:50%;max-width:50%}
.coop-l-grid__item--7{flex-basis:58.33333333%;max-width:58.33333333%}
.coop-l-grid__item--8{flex-basis:66.66666667%;max-width:66.66666667%}
.coop-l-grid__item--9{flex-basis:75%;max-width:75%}
.coop-l-grid__item--10{flex-basis:83.33333333%;max-width:83.33333333%}
.coop-l-grid__item--11{flex-basis:91.66666667%;max-width:91.66666667%}
.coop-l-grid__item--offset-0{margin-left:0}
.coop-l-grid__item--offset-1{margin-left:8.33333333%}
.coop-l-grid__item--offset-2{margin-left:16.66666667%}
.coop-l-grid__item--offset-3{margin-left:25%}
.coop-l-grid__item--offset-4{margin-left:33.33333333%}
.coop-l-grid__item--offset-5{margin-left:41.66666667%}
.coop-l-grid__item--offset-6{margin-left:50%}
.coop-l-grid__item--offset-7{margin-left:58.33333333%}
.coop-l-grid__item--offset-8{margin-left:66.66666667%}
.coop-l-grid__item--offset-9{margin-left:75%}
.coop-l-grid__item--offset-10{margin-left:83.33333333%}
.coop-l-grid__item--offset-11{margin-left:91.66666667%}
@media (min-width:25.875em){.coop-l-grid__item--xsmall{flex-grow:1;flex-basis:0;max-width:100%}.coop-l-grid__item--xsmall-1{flex-basis:8.33333333%;max-width:8.33333333%}.coop-l-grid__item--xsmall-2{flex-basis:16.66666667%;max-width:16.66666667%}.coop-l-grid__item--xsmall-3{flex-basis:25%;max-width:25%}.coop-l-grid__item--xsmall-4{flex-basis:33.33333333%;max-width:33.33333333%}.coop-l-grid__item--xsmall-5{flex-basis:41.66666667%;max-width:41.66666667%}.coop-l-grid__item--xsmall-6{flex-basis:50%;max-width:50%}.coop-l-grid__item--xsmall-7{flex-basis:58.33333333%;max-width:58.33333333%}.coop-l-grid__item--xsmall-8{flex-basis:66.66666667%;max-width:66.66666667%}.coop-l-grid__item--xsmall-9{flex-basis:75%;max-width:75%}.coop-l-grid__item--xsmall-10{flex-basis:83.33333333%;max-width:83.33333333%}.coop-l-grid__item--xsmall-11{flex-basis:91.66666667%;max-width:91.66666667%}.coop-l-grid__item--xsmall-12{flex-basis:100%;max-width:100%}.coop-l-grid__item--xsmall-offset-0{margin-left:0}.coop-l-grid__item--xsmall-offset-1{margin-left:8.33333333%}.coop-l-grid__item--xsmall-offset-2{margin-left:16.66666667%}.coop-l-grid__item--xsmall-offset-3{margin-left:25%}.coop-l-grid__item--xsmall-offset-4{margin-left:33.33333333%}.coop-l-grid__item--xsmall-offset-5{margin-left:41.66666667%}.coop-l-grid__item--xsmall-offset-6{margin-left:50%}.coop-l-grid__item--xsmall-offset-7{margin-left:58.33333333%}.coop-l-grid__item--xsmall-offset-8{margin-left:66.66666667%}.coop-l-grid__item--xsmall-offset-9{margin-left:75%}.coop-l-grid__item--xsmall-offset-10{margin-left:83.33333333%}.coop-l-grid__item--xsmall-offset-11{margin-left:91.66666667%}}
@media (min-width:37.5em){.coop-l-grid__item--small{flex-grow:1;flex-basis:0;max-width:100%}.coop-l-grid__item--small-1{flex-basis:8.33333333%;max-width:8.33333333%}.coop-l-grid__item--small-2{flex-basis:16.66666667%;max-width:16.66666667%}.coop-l-grid__item--small-3{flex-basis:25%;max-width:25%}.coop-l-grid__item--small-4{flex-basis:33.33333333%;max-width:33.33333333%}.coop-l-grid__item--small-5{flex-basis:41.66666667%;max-width:41.66666667%}.coop-l-grid__item--small-6{flex-basis:50%;max-width:50%}.coop-l-grid__item--small-7{flex-basis:58.33333333%;max-width:58.33333333%}.coop-l-grid__item--small-8{flex-basis:66.66666667%;max-width:66.66666667%}.coop-l-grid__item--small-9{flex-basis:75%;max-width:75%}.coop-l-grid__item--small-10{flex-basis:83.33333333%;max-width:83.33333333%}.coop-l-grid__item--small-11{flex-basis:91.66666667%;max-width:91.66666667%}.coop-l-grid__item--small-12{flex-basis:100%;max-width:100%}.coop-l-grid__item--small-offset-0{margin-left:0}.coop-l-grid__item--small-offset-1{margin-left:8.33333333%}.coop-l-grid__item--small-offset-2{margin-left:16.66666667%}.coop-l-grid__item--small-offset-3{margin-left:25%}.coop-l-grid__item--small-offset-4{margin-left:33.33333333%}.coop-l-grid__item--small-offset-5{margin-left:41.66666667%}.coop-l-grid__item--small-offset-6{margin-left:50%}.coop-l-grid__item--small-offset-7{margin-left:58.33333333%}.coop-l-grid__item--small-offset-8{margin-left:66.66666667%}.coop-l-grid__item--small-offset-9{margin-left:75%}.coop-l-grid__item--small-offset-10{margin-left:83.33333333%}.coop-l-grid__item--small-offset-11{margin-left:91.66666667%}}
@media (min-width:48em){.coop-l-grid__item--medium{flex-grow:1;flex-basis:0;max-width:100%}.coop-l-grid__item--medium-1{flex-basis:8.33333333%;max-width:8.33333333%}.coop-l-grid__item--medium-2{flex-basis:16.66666667%;max-width:16.66666667%}.coop-l-grid__item--medium-3{flex-basis:25%;max-width:25%}.coop-l-grid__item--medium-4{flex-basis:33.33333333%;max-width:33.33333333%}.coop-l-grid__item--medium-5{flex-basis:41.66666667%;max-width:41.66666667%}.coop-l-grid__item--medium-6{flex-basis:50%;max-width:50%}.coop-l-grid__item--medium-7{flex-basis:58.33333333%;max-width:58.33333333%}.coop-l-grid__item--medium-8{flex-basis:66.66666667%;max-width:66.66666667%}.coop-l-grid__item--medium-9{flex-basis:75%;max-width:75%}.coop-l-grid__item--medium-10{flex-basis:83.33333333%;max-width:83.33333333%}.coop-l-grid__item--medium-11{flex-basis:91.66666667%;max-width:91.66666667%}.coop-l-grid__item--medium-12{flex-basis:100%;max-width:100%}.coop-l-grid__item--medium-offset-0{margin-left:0}.coop-l-grid__item--medium-offset-1{margin-left:8.33333333%}.coop-l-grid__item--medium-offset-2{margin-left:16.66666667%}.coop-l-grid__item--medium-offset-3{margin-left:25%}.coop-l-grid__item--medium-offset-4{margin-left:33.33333333%}.coop-l-grid__item--medium-offset-5{margin-left:41.66666667%}.coop-l-grid__item--medium-offset-6{margin-left:50%}.coop-l-grid__item--medium-offset-7{margin-left:58.33333333%}.coop-l-grid__item--medium-offset-8{margin-left:66.66666667%}.coop-l-grid__item--medium-offset-9{margin-left:75%}.coop-l-grid__item--medium-offset-10{margin-left:83.33333333%}.coop-l-grid__item--medium-offset-11{margin-left:91.66666667%}}
@media (min-width:64em){.coop-l-grid__item--large{flex-grow:1;flex-basis:0;max-width:100%}.coop-l-grid__item--large-1{flex-basis:8.33333333%;max-width:8.33333333%}.coop-l-grid__item--large-2{flex-basis:16.66666667%;max-width:16.66666667%}.coop-l-grid__item--large-3{flex-basis:25%;max-width:25%}.coop-l-grid__item--large-4{flex-basis:33.33333333%;max-width:33.33333333%}.coop-l-grid__item--large-5{flex-basis:41.66666667%;max-width:41.66666667%}.coop-l-grid__item--large-6{flex-basis:50%;max-width:50%}.coop-l-grid__item--large-7{flex-basis:58.33333333%;max-width:58.33333333%}.coop-l-grid__item--large-8{flex-basis:66.66666667%;max-width:66.66666667%}.coop-l-grid__item--large-9{flex-basis:75%;max-width:75%}.coop-l-grid__item--large-10{flex-basis:83.33333333%;max-width:83.33333333%}.coop-l-grid__item--large-11{flex-basis:91.66666667%;max-width:91.66666667%}.coop-l-grid__item--large-12{flex-basis:100%;max-width:100%}.coop-l-grid__item--large-offset-0{margin-left:0}.coop-l-grid__item--large-offset-1{margin-left:8.33333333%}.coop-l-grid__item--large-offset-2{margin-left:16.66666667%}.coop-l-grid__item--large-offset-3{margin-left:25%}.coop-l-grid__item--large-offset-4{margin-left:33.33333333%}.coop-l-grid__item--large-offset-5{margin-left:41.66666667%}.coop-l-grid__item--large-offset-6{margin-left:50%}.coop-l-grid__item--large-offset-7{margin-left:58.33333333%}.coop-l-grid__item--large-offset-8{margin-left:66.66666667%}.coop-l-grid__item--large-offset-9{margin-left:75%}.coop-l-grid__item--large-offset-10{margin-left:83.33333333%}.coop-l-grid__item--large-offset-11{margin-left:91.66666667%}}
@media (min-width:81.25em){.coop-l-grid__item--xlarge{flex-grow:1;flex-basis:0;max-width:100%}.coop-l-grid__item--xlarge-1{flex-basis:8.33333333%;max-width:8.33333333%}.coop-l-grid__item--xlarge-2{flex-basis:16.66666667%;max-width:16.66666667%}.coop-l-grid__item--xlarge-3{flex-basis:25%;max-width:25%}.coop-l-grid__item--xlarge-4{flex-basis:33.33333333%;max-width:33.33333333%}.coop-l-grid__item--xlarge-5{flex-basis:41.66666667%;max-width:41.66666667%}.coop-l-grid__item--xlarge-6{flex-basis:50%;max-width:50%}.coop-l-grid__item--xlarge-7{flex-basis:58.33333333%;max-width:58.33333333%}.coop-l-grid__item--xlarge-8{flex-basis:66.66666667%;max-width:66.66666667%}.coop-l-grid__item--xlarge-9{flex-basis:75%;max-width:75%}.coop-l-grid__item--xlarge-10{flex-basis:83.33333333%;max-width:83.33333333%}.coop-l-grid__item--xlarge-11{flex-basis:91.66666667%;max-width:91.66666667%}.coop-l-grid__item--xlarge-12{flex-basis:100%;max-width:100%}.coop-l-grid__item--xlarge-offset-0{margin-left:0}.coop-l-grid__item--xlarge-offset-1{margin-left:8.33333333%}.coop-l-grid__item--xlarge-offset-2{margin-left:16.66666667%}.coop-l-grid__item--xlarge-offset-3{margin-left:25%}.coop-l-grid__item--xlarge-offset-4{margin-left:33.33333333%}.coop-l-grid__item--xlarge-offset-5{margin-left:41.66666667%}.coop-l-grid__item--xlarge-offset-6{margin-left:50%}.coop-l-grid__item--xlarge-offset-7{margin-left:58.33333333%}.coop-l-grid__item--xlarge-offset-8{margin-left:66.66666667%}.coop-l-grid__item--xlarge-offset-9{margin-left:75%}.coop-l-grid__item--xlarge-offset-10{margin-left:83.33333333%}.coop-l-grid__item--xlarge-offset-11{margin-left:91.66666667%}}
.coop-u-visuallyhidden{border:0;clip:rect(0 0 0 0);height:0;overflow:hidden;padding:0;position:absolute;width:0;opacity:0;letter-spacing:0}
.coop-u-visuallyshown{clip:auto;height:auto;overflow:visible;position:static;width:auto;opacity:1;letter-spacing:inherit}
.coop-logo-link{display:inline-block;border:0}
.coop-logo-link svg{display:block}
.coop-logo-link--tappable{display:flex;align-items:center;width:44px;height:44px}
.coop-logo{height:40px;width:38px}
.coop-i{fill:currentColor;margin:20px;width:32px;height:32px}
.coop-i--scooter{width:64px}
.coop-u-text{color:#282828!important}
.coop-u-text-bg{background:#282828!important}
.coop-u-text-fill{fill:#282828!important}
.coop-u-text-alt{color:#595959!important}
.coop-u-text-alt-bg{background:#595959!important}
.coop-u-text-alt-fill{fill:#595959!important}
.coop-u-white{color:#fff!important}
.coop-u-white-bg{background:#fff!important}
.coop-u-white-fill{fill:#fff!important}
.coop-u-white-stroke{stroke:#fff!important;border-color:#fff!important}
.coop-u-black{color:#000!important}
.coop-u-black-bg{background:#000!important}
.coop-u-black-fill{fill:#000!important}
.coop-u-black-stroke{stroke:#000!important;border-color:#000!important}
.coop-u-grey-light{color:#f3f3f3!important}
.coop-u-grey-light-bg{background:#f3f3f3!important}
.coop-u-grey-light-fill{fill:#f3f3f3!important}
.coop-u-grey-mid{color:#c4c4c4!important}
.coop-u-grey-mid-bg{background:#c4c4c4!important}
.coop-u-grey-mid-fill{fill:#c4c4c4!important}
.coop-u-grey-mid-light-bg{background:#d8d8d8!important}
.coop-u-grey-mid-light-fill{fill:#d8d8d8!important}
.coop-u-grey-dark{color:#6e6e6e!important}
.coop-u-grey-dark-bg{background:#6e6e6e!important}
.coop-u-grey-dark-fill{fill:#6e6e6e!important}
.coop-u-grey-neutral-light-bg{background:#f3f3f3!important}
.coop-u-grey-neutral-light-fill{fill:#f3f3f3!important}
.coop-u-grey-neutral-warm-bg{background:#f5f5f0!important}
.coop-u-grey-neutral-warm-fill{fill:#f5f5f0!important}
.coop-u-grey-neutral-cool-bg{background:#dde9ed!important}
.coop-u-grey-neutral-cool-fill{fill:#dde9ed!important}
.coop-u-grey-neutral-cool-light-bg{background:#f2f4f7!important}
.coop-u-grey-neutral-cool-light-fill{fill:#f2f4f7!important}
.coop-u-link-blue{color:#00729a!important}
.coop-u-link-blue-bg{background:#00729a!important}
.coop-u-link-blue-fill{fill:#00729a!important}
.coop-u-link-hover-blue{color:#00394e!important}
.coop-u-link-hover-blue-bg{background:#00394e!important}
.coop-u-link-hover-blue-fill{fill:#00394e!important}
.coop-u-link-focus{color:#8d44d8!important}
.coop-u-link-focus-bg{background:#8d44d8!important}
.coop-u-link-focus-fill{fill:#8d44d8!important}
.coop-u-link-focus-outline{outline:4px solid #8d44d8!important}
.coop-u-link-active,.coop-u-link-visited{color:#002c3d!important}
.coop-u-link-active-bg,.coop-u-link-visited-bg{background:#002c3d!important}
.coop-u-link-active-fill,.coop-u-link-visited-fill{fill:#002c3d!important}
.coop-u-button-primary{color:#0f8482!important}
.coop-u-button-primary-bg{background:#0f8482!important}
.coop-u-button-primary-fill{fill:#0f8482!important}
.coop-u-button-primary-hover-bg{background:#1c6b6a!important}
.coop-u-button-primary-hover-fill{fill:#1c6b6a!important}
.coop-u-button-primary-active-bg{background:#124948!important}
.coop-u-button-primary-active-fill{fill:#124948!important}
.coop-u-button-blue,.coop-u-button-dark{color:#005878!important}
.coop-u-button-blue-bg,.coop-u-button-dark-bg{background:#005878!important}
.coop-u-button-blue-fill{fill:#005878!important}
.coop-u-button-blue-hover-bg,.coop-u-button-dark-hover-bg{background:#003e55!important}
.coop-u-button-blue-hover-fill{fill:#003e55!important}
.coop-u-button-blue-active-bg,.coop-u-button-dark-active-bg{background:#001f2b!important}
.coop-u-button-blue-active-fill{fill:#001f2b!important}
.coop-u-button-white-hover-bg{background:#efefef!important}
.coop-u-button-white-hover-fill{fill:#efefef!important}
.coop-u-button-grey-bg{background:#efefef!important}
.coop-u-button-grey-fill{fill:#efefef!important}
.coop-u-error{color:#e20f14!important}
.coop-u-error-bg{background:#fcf1f1!important}
.coop-u-error-text{color:#d12430!important}
.coop-u-red-dark,.coop-u-red-dark-4{color:#ba2327!important}
.coop-u-red-dark-4-bg,.coop-u-red-dark-bg{background:#ba2327!important}
.coop-u-red-dark-4-fill,.coop-u-red-dark-fill{fill:#ba2327!important}
.coop-u-red-mid,.coop-u-red-mid-5{color:#e20f14!important}
.coop-u-red-mid-5-bg,.coop-u-red-mid-bg{background:#e20f14!important}
.coop-u-red-mid-5-fill,.coop-u-red-mid-fill{fill:#e20f14!important}
.coop-u-red-light-7{color:#ff6a6d!important}
.coop-u-red-light-7-bg{background:#ff6a6d!important}
.coop-u-red-light-7-fill{fill:#ff6a6d!important}
.coop-u-red-light-8{color:#ffc1c3!important}
.coop-u-red-light-8-bg{background:#ffc1c3!important}
.coop-u-red-light-8-fill{fill:#ffc1c3!important}
.coop-u-red-light-9{color:#ffdbdb!important}
.coop-u-red-light-9-bg{background:#ffdbdb!important}
.coop-u-red-light-9-fill{fill:#ffdbdb!important}
.coop-u-red-light-10{color:#fcf1f1!important}
.coop-u-red-light-10-bg{background:#fcf1f1!important}
.coop-u-red-light-10-fill{fill:#fcf1f1!important}
.coop-u-orange-dark-4{color:#be4015!important}
.coop-u-orange-dark-4-bg{background:#be4015!important}
.coop-u-orange-dark-4-fill{fill:#be4015!important}
.coop-u-orange-mid,.coop-u-orange-mid-5{color:#fc5724!important}
.coop-u-orange-mid-5-bg,.coop-u-orange-mid-bg{background:#fc5724!important}
.coop-u-orange-mid-5-fill,.coop-u-orange-mid-fill{fill:#fc5724!important}
.coop-u-orange-mid-6{color:#fd7b3b!important}
.coop-u-orange-mid-6-bg{background:#fd7b3b!important}
.coop-u-orange-mid-6-fill{fill:#fd7b3b!important}
.coop-u-orange-mid-7{color:#fd9c59!important}
.coop-u-orange-mid-7-bg{background:#fd9c59!important}
.coop-u-orange-mid-7-fill{fill:#fd9c59!important}
.coop-u-orange-light-8{color:#fdb979!important}
.coop-u-orange-light-8-bg{background:#fdb979!important}
.coop-u-orange-light-8-fill{fill:#fdb979!important}
.coop-u-orange-light-9{color:#fee7c1!important}
.coop-u-orange-light-9-bg{background:#fee7c1!important}
.coop-u-orange-light-9-fill{fill:#fee7c1!important}
.coop-u-orange-light-10{color:#fff8e7!important}
.coop-u-orange-light-10-bg{background:#fff8e7!important}
.coop-u-orange-light-10-fill{fill:#fff8e7!important}
.coop-u-yellow-dark-4{color:#cfb214!important}
.coop-u-yellow-dark-4-bg{background:#cfb214!important}
.coop-u-yellow-dark-4-fill{fill:#cfb214!important}
.coop-u-yellow-mid,.coop-u-yellow-mid-5{color:#ffd309!important}
.coop-u-yellow-mid-5-bg,.coop-u-yellow-mid-bg{background:#ffd309!important}
.coop-u-yellow-mid-5-fill,.coop-u-yellow-mid-fill{fill:#ffd309!important}
.coop-u-yellow-bright,.coop-u-yellow-mid-6{color:#ffe53b!important}
.coop-u-yellow-bright-bg,.coop-u-yellow-mid-6-bg{background:#ffe53b!important}
.coop-u-yellow-bright-fill,.coop-u-yellow-mid-6-fill{fill:#ffe53b!important}
.coop-u-yellow-light,.coop-u-yellow-mid-7{color:#fff372!important}
.coop-u-yellow-light-bg,.coop-u-yellow-mid-7-bg{background:#fff372!important}
.coop-u-yellow-light-fill,.coop-u-yellow-mid-7-fill{fill:#fff372!important}
.coop-u-yellow-light-8{color:#fffca9!important}
.coop-u-yellow-light-8-bg{background:#fffca9!important}
.coop-u-yellow-light-8-fill{fill:#fffca9!important}
.coop-u-yellow-light-9{color:#fffbcd!important}
.coop-u-yellow-light-9-bg{background:#fffbcd!important}
.coop-u-yellow-light-9-fill{fill:#fffbcd!important}
.coop-u-yellow-light-10{color:#fcf9ee!important}
.coop-u-yellow-light-10-bg{background:#fcf9ee!important}
.coop-u-yellow-light-10-fill{fill:#fcf9ee!important}
.coop-u-green-dark,.coop-u-green-dark-2{color:#3a6002!important}
.coop-u-green-dark-2-bg,.coop-u-green-dark-bg{background:#3a6002!important}
.coop-u-green-dark-2-fill,.coop-u-green-dark-fill{fill:#3a6002!important}
.coop-u-green-mid,.coop-u-green-mid-3{color:#4f820d!important}
.coop-u-green-mid-3-bg,.coop-u-green-mid-bg{background:#4f820d!important}
.coop-u-green-mid-3-fill,.coop-u-green-mid-fill{fill:#4f820d!important}
.coop-u-green-mid-4{color:#72aa24!important}
.coop-u-green-mid-4-bg{background:#72aa24!important}
.coop-u-green-mid-4-fill{fill:#72aa24!important}
.coop-u-green-light,.coop-u-green-mid-5{color:#96cb48!important}
.coop-u-green-light-bg,.coop-u-green-mid-5-bg{background:#96cb48!important}
.coop-u-green-light-fill,.coop-u-green-mid-5-fill{fill:#96cb48!important}
.coop-u-green-bright,.coop-u-green-light-6{color:#b9e277!important}
.coop-u-green-bright-bg,.coop-u-green-light-6-bg{background:#b9e277!important}
.coop-u-green-bright-fill,.coop-u-green-light-6-fill{fill:#b9e277!important}
.coop-u-green-light-8{color:#e7f7cb!important}
.coop-u-green-light-8-bg{background:#e7f7cb!important}
.coop-u-green-light-8-fill{fill:#e7f7cb!important}
.coop-u-green-light-10{color:#f6fce9!important}
.coop-u-green-light-10-bg{background:#f6fce9!important}
.coop-u-green-light-10-fill{fill:#f6fce9!important}
.coop-u-green-blue-dark,.coop-u-teal-dark-2{color:#046062!important}
.coop-u-green-blue-dark-bg,.coop-u-teal-dark-2-bg{background:#046062!important}
.coop-u-green-blue-dark-fill,.coop-u-teal-dark-2-fill{fill:#046062!important}
.coop-u-green-blue-mid,.coop-u-teal-mid-3{color:#0f8482!important}
.coop-u-green-blue-mid-bg,.coop-u-teal-mid-3-bg{background:#0f8482!important}
.coop-u-green-blue-mid-fill,.coop-u-teal-mid-3-fill{fill:#0f8482!important}
.coop-u-teal-mid-4{color:#27aaab!important}
.coop-u-teal-mid-4-bg{background:#27aaab!important}
.coop-u-teal-mid-4-fill{fill:#27aaab!important}
.coop-u-teal-mid-6{color:#4bc7cc!important}
.coop-u-teal-mid-6-bg{background:#4bc7cc!important}
.coop-u-teal-mid-6-fill{fill:#4bc7cc!important}
.coop-u-green-blue-bright,.coop-u-green-blue-light,.coop-u-teal-light-7{color:#79dce3!important}
.coop-u-green-blue-bright-bg,.coop-u-green-blue-light-bg,.coop-u-teal-light-7-bg{background:#79dce3!important}
.coop-u-green-blue-bright-fill,.coop-u-green-blue-light-fill,.coop-u-teal-light-7-fill{fill:#79dce3!important}
.coop-u-teal-light-9{color:#ccf2f7!important}
.coop-u-teal-light-9-bg{background:#ccf2f7!important}
.coop-u-teal-light-9-fill{fill:#ccf2f7!important}
.coop-u-teal-light-10{color:#e9fafc!important}
.coop-u-teal-light-10-bg{background:#e9fafc!important}
.coop-u-teal-light-10-fill{fill:#e9fafc!important}
.coop-u-blue-dark,.coop-u-blue-dark-3{color:#114d94!important}
.coop-u-blue-dark-3-bg,.coop-u-blue-dark-bg{background:#114d94!important}
.coop-u-blue-dark-3-fill,.coop-u-blue-dark-fill{fill:#114d94!important}
.coop-u-blue-mid,.coop-u-blue-mid-4{color:#0761c2!important}
.coop-u-blue-mid-4-bg,.coop-u-blue-mid-bg{background:#0761c2!important}
.coop-u-blue-mid-4-fill,.coop-u-blue-mid-fill{fill:#0761c2!important}
.coop-u-blue-bright,.coop-u-blue-mid-6{color:#519af5!important}
.coop-u-blue-bright-bg,.coop-u-blue-mid-6-bg{background:#519af5!important}
.coop-u-blue-bright-fill,.coop-u-blue-mid-6-fill{fill:#519af5!important}
.coop-u-blue-light-8{color:#80b7ff!important}
.coop-u-blue-light-8-bg{background:#80b7ff!important}
.coop-u-blue-light-8-fill{fill:#80b7ff!important}
.coop-u-blue-light,.coop-u-blue-light-9{color:#cfe3ff!important}
.coop-u-blue-light-9-bg,.coop-u-blue-light-bg{background:#cfe3ff!important}
.coop-u-blue-light-9-fill,.coop-u-blue-light-fill{fill:#cfe3ff!important}
.coop-u-blue-light-10{color:#eef3fc!important}
.coop-u-blue-light-10-bg{background:#eef3fc!important}
.coop-u-blue-light-10-fill{fill:#eef3fc!important}
.coop-u-indigo-dark-4{color:#3b427f!important}
.coop-u-indigo-dark-4-bg{background:#3b427f!important}
.coop-u-indigo-dark-4-fill{fill:#3b427f!important}
.coop-u-indigo-mid-5{color:#4f52a8!important}
.coop-u-indigo-mid-5-bg{background:#4f52a8!important}
.coop-u-indigo-mid-5-fill{fill:#4f52a8!important}
.coop-u-indigo-mid-7{color:#8d9ae4!important}
.coop-u-indigo-mid-7-bg{background:#8d9ae4!important}
.coop-u-indigo-mid-7-fill{fill:#8d9ae4!important}
.coop-u-indigo-light-8{color:#afbdf5!important}
.coop-u-indigo-light-8-bg{background:#afbdf5!important}
.coop-u-indigo-light-8-fill{fill:#afbdf5!important}
.coop-u-indigo-light-9{color:#cfdbfe!important}
.coop-u-indigo-light-9-bg{background:#cfdbfe!important}
.coop-u-indigo-light-9-fill{fill:#cfdbfe!important}
.coop-u-indigo-light-10{color:#eff3fa!important}
.coop-u-indigo-light-10-bg{background:#eff3fa!important}
.coop-u-indigo-light-10-fill{fill:#eff3fa!important}
.coop-u-purple-dark,.coop-u-purple-dark-3{color:#51178c!important}
.coop-u-purple-dark-3-bg,.coop-u-purple-dark-bg{background:#51178c!important}
.coop-u-purple-dark-3-fill,.coop-u-purple-dark-fill{fill:#51178c!important}
.coop-u-purple-mid-4{color:#6727b9!important}
.coop-u-purple-mid-4-bg{background:#6727b9!important}
.coop-u-purple-mid-4-fill{fill:#6727b9!important}
.coop-u-purple-mid-6{color:#8d44d8!important}
.coop-u-purple-mid-6-bg{background:#8d44d8!important}
.coop-u-purple-mid-6-fill{fill:#8d44d8!important}
.coop-u-purple-light-8{color:#d395fe!important}
.coop-u-purple-light-8-bg{background:#d395fe!important}
.coop-u-purple-light-8-fill{fill:#d395fe!important}
.coop-u-purple-light-9{color:#edc3ff!important}
.coop-u-purple-light-9-bg{background:#edc3ff!important}
.coop-u-purple-light-9-fill{fill:#edc3ff!important}
.coop-u-purple-light-10{color:#f9edfc!important}
.coop-u-purple-light-10-bg{background:#f9edfc!important}
.coop-u-purple-light-10-fill{fill:#f9edfc!important}
.coop-u-magenta-dark-3{color:#812373!important}
.coop-u-magenta-dark-3-bg{background:#812373!important}
.coop-u-magenta-dark-3-fill{fill:#812373!important}
.coop-u-magenta-mid-4,.coop-u-purple-mid{color:#ab278d!important}
.coop-u-magenta-mid-4-bg,.coop-u-purple-mid-bg{background:#ab278d!important}
.coop-u-magenta-mid-4-fill,.coop-u-purple-mid-fill{fill:#ab278d!important}
.coop-u-magenta-mid-7,.coop-u-pink-light{color:#f690f1!important}
.coop-u-magenta-mid-7-bg,.coop-u-pink-light-bg{background:#f690f1!important}
.coop-u-magenta-mid-7-fill,.coop-u-pink-light-fill{fill:#f690f1!important}
.coop-u-magenta-light-8,.coop-u-pink-bright{color:#feb8ff!important}
.coop-u-magenta-light-8-bg,.coop-u-pink-bright-bg{background:#feb8ff!important}
.coop-u-magenta-light-8-fill,.coop-u-pink-bright-fill{fill:#feb8ff!important}
.coop-u-magenta-light-9{color:#fad1fe!important}
.coop-u-magenta-light-9-bg{background:#fad1fe!important}
.coop-u-magenta-light-9-fill{fill:#fad1fe!important}
.coop-u-magenta-light-10{color:#faeafc!important}
.coop-u-magenta-light-10-bg{background:#faeafc!important}
.coop-u-magenta-light-10-fill{fill:#faeafc!important}
.coop-u-brand{color:#00b1e7!important}
.coop-u-brand-bg{background:#00b1e7!important}
.coop-u-brand-fill{fill:#00b1e7!important}
.coop-u-brand-stroke{stroke:#00b1e7!important;border-color:#00b1e7!important}
.coop-u-brand-deals-bg,.coop-u-deal-red-bg{background:#d12430!important}
.coop-u-deal-red-fill{fill:#d12430!important}
.coop-u-deal-red-stroke{stroke:#d12430!important;border-color:#d12430!important}
.coop-u-brand-cls-blue-dark{color:#114d94!important}
.coop-u-brand-cls-blue-dark-bg{background:#114d94!important}
.coop-u-brand-cls-blue-dark-fill{fill:#114d94!important}
.coop-u-brand-cls-blue-dark-stroke{stroke:#114d94!important;border-color:#114d94!important}
.coop-u-brand-cls-blue-mid{color:#0761c2!important}
.coop-u-brand-cls-blue-mid-bg{background:#0761c2!important}
.coop-u-brand-cls-blue-mid-fill{fill:#0761c2!important}
.coop-u-brand-cls-blue-mid-stroke{stroke:#0761c2!important;border-color:#0761c2!important}
.coop-u-brand-cls-blue-light{color:#287cdf!important}
.coop-u-brand-cls-blue-light-bg{background:#287cdf!important}
.coop-u-brand-cls-blue-light-fill{fill:#287cdf!important}
.coop-u-brand-cls-blue-light-stroke{stroke:#287cdf!important;border-color:#287cdf!important}
.coop-u-brand-bac-purple{color:#674170!important}
.coop-u-brand-bac-purple-bg{background:#674170!important}
.coop-u-brand-bac-purple-fill{fill:#674170!important}
.coop-u-brand-bac-purple-stroke{stroke:#674170!important;border-color:#674170!important}
.coop-u-brand-membership-purple-dark{color:#776ca7!important}
.coop-u-brand-membership-purple-dark-bg{background:#776ca7!important}
.coop-u-brand-membership-purple-dark-fill{fill:#776ca7!important}
.coop-u-brand-membership-purple-dark-stroke{stroke:#776ca7!important;border-color:#776ca7!important}
.coop-u-brand-membership-purple-bright{color:#847db5!important}
.coop-u-brand-membership-purple-bright-bg{background:#847db5!important}
.coop-u-brand-membership-purple-bright-fill{fill:#847db5!important}
.coop-u-brand-membership-purple-bright-stroke{stroke:#847db5!important;border-color:#847db5!important}
.coop-u-brand-membership-purple-light{color:#b2aece!important}
.coop-u-brand-membership-purple-light-bg{background:#b2aece!important}
.coop-u-brand-membership-purple-light-fill{fill:#b2aece!important}
.coop-u-brand-membership-purple-light-stroke{stroke:#b2aece!important;border-color:#b2aece!important}
.coop-u-brand-membership-purple-lighter{color:#d3d1e4!important}
.coop-u-brand-membership-purple-lighter-bg{background:#d3d1e4!important}
.coop-u-brand-membership-purple-lighter-fill{fill:#d3d1e4!important}
.coop-u-brand-membership-purple-lighter-stroke{stroke:#d3d1e4!important;border-color:#d3d1e4!important}
.coop-u-brand-membership-purple-lightest{color:#eae8f4!important}
.coop-u-brand-membership-purple-lightest-bg{background:#eae8f4!important}
.coop-u-brand-membership-purple-lightest-fill{fill:#eae8f4!important}
.coop-u-brand-membership-purple-lightest-stroke{stroke:#eae8f4!important;border-color:#eae8f4!important}
.coop-u-brand-membership-lilac-dark{color:#806697!important}
.coop-u-brand-membership-lilac-dark-bg{background:#806697!important}
.coop-u-brand-membership-lilac-dark-fill{fill:#806697!important}
.coop-u-brand-membership-lilac-dark-stroke{stroke:#806697!important;border-color:#806697!important}
.coop-u-brand-membership-lilac-bright{color:#a976bb!important}
.coop-u-brand-membership-lilac-bright-bg{background:#a976bb!important}
.coop-u-brand-membership-lilac-bright-fill{fill:#a976bb!important}
.coop-u-brand-membership-lilac-bright-stroke{stroke:#a976bb!important;border-color:#a976bb!important}
.coop-u-brand-membership-lilac-light{color:#bba2c6!important}
.coop-u-brand-membership-lilac-light-bg{background:#bba2c6!important}
.coop-u-brand-membership-lilac-light-fill{fill:#bba2c6!important}
.coop-u-brand-membership-lilac-light-stroke{stroke:#bba2c6!important;border-color:#bba2c6!important}
.coop-u-brand-membership-lilac-lighter{color:#ccbad4!important}
.coop-u-brand-membership-lilac-lighter-bg{background:#ccbad4!important}
.coop-u-brand-membership-lilac-lighter-fill{fill:#ccbad4!important}
.coop-u-brand-membership-lilac-lighter-stroke{stroke:#ccbad4!important;border-color:#ccbad4!important}
.coop-u-brand-membership-lilac-lightest{color:#e6dde9!important}
.coop-u-brand-membership-lilac-lightest-bg{background:#e6dde9!important}
.coop-u-brand-membership-lilac-lightest-fill{fill:#e6dde9!important}
.coop-u-brand-membership-lilac-lightest-stroke{stroke:#e6dde9!important;border-color:#e6dde9!important}
.coop-u-brand-membership-pink-dark{color:#9d5b7b!important}
.coop-u-brand-membership-pink-dark-bg{background:#9d5b7b!important}
.coop-u-brand-membership-pink-dark-fill{fill:#9d5b7b!important}
.coop-u-brand-membership-pink-dark-stroke{stroke:#9d5b7b!important;border-color:#9d5b7b!important}
.coop-u-brand-membership-pink-bright{color:#d15c8c!important}
.coop-u-brand-membership-pink-bright-bg{background:#d15c8c!important}
.coop-u-brand-membership-pink-bright-fill{fill:#d15c8c!important}
.coop-u-brand-membership-pink-bright-stroke{stroke:#d15c8c!important;border-color:#d15c8c!important}
.coop-u-brand-membership-pink-light{color:#d19fb4!important}
.coop-u-brand-membership-pink-light-bg{background:#d19fb4!important}
.coop-u-brand-membership-pink-light-fill{fill:#d19fb4!important}
.coop-u-brand-membership-pink-light-stroke{stroke:#d19fb4!important;border-color:#d19fb4!important}
.coop-u-brand-membership-pink-lighter{color:#e3cbd4!important}
.coop-u-brand-membership-pink-lighter-bg{background:#e3cbd4!important}
.coop-u-brand-membership-pink-lighter-fill{fill:#e3cbd4!important}
.coop-u-brand-membership-pink-lighter-stroke{stroke:#e3cbd4!important;border-color:#e3cbd4!important}
.coop-u-brand-membership-pink-lightest{color:#f0e5eb!important}
.coop-u-brand-membership-pink-lightest-bg{background:#f0e5eb!important}
.coop-u-brand-membership-pink-lightest-fill{fill:#f0e5eb!important}
.coop-u-brand-membership-pink-lightest-stroke{stroke:#f0e5eb!important;border-color:#f0e5eb!important}
.coop-u-brand-membership-orange-dark{color:#b45d2b!important}
.coop-u-brand-membership-orange-dark-bg{background:#b45d2b!important}
.coop-u-brand-membership-orange-dark-fill{fill:#b45d2b!important}
.coop-u-brand-membership-orange-dark-stroke{stroke:#b45d2b!important;border-color:#b45d2b!important}
.coop-u-brand-membership-orange-bright{color:#f5a74b!important}
.coop-u-brand-membership-orange-bright-bg{background:#f5a74b!important}
.coop-u-brand-membership-orange-bright-fill{fill:#f5a74b!important}
.coop-u-brand-membership-orange-bright-stroke{stroke:#f5a74b!important;border-color:#f5a74b!important}
.coop-u-brand-membership-orange-light{color:#e6bb8f!important}
.coop-u-brand-membership-orange-light-bg{background:#e6bb8f!important}
.coop-u-brand-membership-orange-light-fill{fill:#e6bb8f!important}
.coop-u-brand-membership-orange-light-stroke{stroke:#e6bb8f!important;border-color:#e6bb8f!important}
.coop-u-brand-membership-orange-lighter{color:#f0ddd1!important}
.coop-u-brand-membership-orange-lighter-bg{background:#f0ddd1!important}
.coop-u-brand-membership-orange-lighter-fill{fill:#f0ddd1!important}
.coop-u-brand-membership-orange-lighter-stroke{stroke:#f0ddd1!important;border-color:#f0ddd1!important}
.coop-u-brand-membership-orange-lightest{color:#f7eeeb!important}
.coop-u-brand-membership-orange-lightest-bg{background:#f7eeeb!important}
.coop-u-brand-membership-orange-lightest-fill{fill:#f7eeeb!important}
.coop-u-brand-membership-orange-lightest-stroke{stroke:#f7eeeb!important;border-color:#f7eeeb!important}
.coop-u-brand-membership-yellow-dark{color:#bf843e!important}
.coop-u-brand-membership-yellow-dark-bg{background:#bf843e!important}
.coop-u-brand-membership-yellow-dark-fill{fill:#bf843e!important}
.coop-u-brand-membership-yellow-dark-stroke{stroke:#bf843e!important;border-color:#bf843e!important}
.coop-u-brand-membership-yellow-bright{color:#f8da6d!important}
.coop-u-brand-membership-yellow-bright-bg{background:#f8da6d!important}
.coop-u-brand-membership-yellow-bright-fill{fill:#f8da6d!important}
.coop-u-brand-membership-yellow-bright-stroke{stroke:#f8da6d!important;border-color:#f8da6d!important}
.coop-u-brand-membership-yellow-light{color:#edd273!important}
.coop-u-brand-membership-yellow-light-bg{background:#edd273!important}
.coop-u-brand-membership-yellow-light-fill{fill:#edd273!important}
.coop-u-brand-membership-yellow-light-stroke{stroke:#edd273!important;border-color:#edd273!important}
.coop-u-brand-membership-yellow-lighter{color:#f3e2a4!important}
.coop-u-brand-membership-yellow-lighter-bg{background:#f3e2a4!important}
.coop-u-brand-membership-yellow-lighter-fill{fill:#f3e2a4!important}
.coop-u-brand-membership-yellow-lighter-stroke{stroke:#f3e2a4!important;border-color:#f3e2a4!important}
.coop-u-brand-membership-yellow-lightest{color:#f9f1d1!important}
.coop-u-brand-membership-yellow-lightest-bg{background:#f9f1d1!important}
.coop-u-brand-membership-yellow-lightest-fill{fill:#f9f1d1!important}
.coop-u-brand-membership-yellow-lightest-stroke{stroke:#f9f1d1!important;border-color:#f9f1d1!important}
.coop-u-brand-membership-green-dark{color:#6a7345!important}
.coop-u-brand-membership-green-dark-bg{background:#6a7345!important}
.coop-u-brand-membership-green-dark-fill{fill:#6a7345!important}
.coop-u-brand-membership-green-dark-stroke{stroke:#6a7345!important;border-color:#6a7345!important}
.coop-u-brand-membership-green-bright{color:#b3ce7b!important}
.coop-u-brand-membership-green-bright-bg{background:#b3ce7b!important}
.coop-u-brand-membership-green-bright-fill{fill:#b3ce7b!important}
.coop-u-brand-membership-green-bright-stroke{stroke:#b3ce7b!important;border-color:#b3ce7b!important}
.coop-u-brand-membership-green-light{color:#d1d4a5!important}
.coop-u-brand-membership-green-light-bg{background:#d1d4a5!important}
.coop-u-brand-membership-green-light-fill{fill:#d1d4a5!important}
.coop-u-brand-membership-green-light-stroke{stroke:#d1d4a5!important;border-color:#d1d4a5!important}
.coop-u-brand-membership-green-lighter{color:#e4e5c6!important}
.coop-u-brand-membership-green-lighter-bg{background:#e4e5c6!important}
.coop-u-brand-membership-green-lighter-fill{fill:#e4e5c6!important}
.coop-u-brand-membership-green-lighter-stroke{stroke:#e4e5c6!important;border-color:#e4e5c6!important}
.coop-u-brand-membership-green-lightest{color:#f6f6eb!important}
.coop-u-brand-membership-green-lightest-bg{background:#f6f6eb!important}
.coop-u-brand-membership-green-lightest-fill{fill:#f6f6eb!important}
.coop-u-brand-membership-green-lightest-stroke{stroke:#f6f6eb!important;border-color:#f6f6eb!important}
.coop-u-brand-membership-turquoise-dark{color:#487d7b!important}
.coop-u-brand-membership-turquoise-dark-bg{background:#487d7b!important}
.coop-u-brand-membership-turquoise-dark-fill{fill:#487d7b!important}
.coop-u-brand-membership-turquoise-dark-stroke{stroke:#487d7b!important;border-color:#487d7b!important}
.coop-u-brand-membership-turquoise-bright{color:#87cdcd!important}
.coop-u-brand-membership-turquoise-bright-bg{background:#87cdcd!important}
.coop-u-brand-membership-turquoise-bright-fill{fill:#87cdcd!important}
.coop-u-brand-membership-turquoise-bright-stroke{stroke:#87cdcd!important;border-color:#87cdcd!important}
.coop-u-brand-membership-turquoise-light{color:#b9dad9!important}
.coop-u-brand-membership-turquoise-light-bg{background:#b9dad9!important}
.coop-u-brand-membership-turquoise-light-fill{fill:#b9dad9!important}
.coop-u-brand-membership-turquoise-light-stroke{stroke:#b9dad9!important;border-color:#b9dad9!important}
.coop-u-brand-membership-turquoise-lighter{color:#d3e7e5!important}
.coop-u-brand-membership-turquoise-lighter-bg{background:#d3e7e5!important}
.coop-u-brand-membership-turquoise-lighter-fill{fill:#d3e7e5!important}
.coop-u-brand-membership-turquoise-lighter-stroke{stroke:#d3e7e5!important;border-color:#d3e7e5!important}
.coop-u-brand-membership-turquoise-lightest{color:#ecf5f7!important}
.coop-u-brand-membership-turquoise-lightest-bg{background:#ecf5f7!important}
.coop-u-brand-membership-turquoise-lightest-fill{fill:#ecf5f7!important}
.coop-u-brand-membership-turquoise-lightest-stroke{stroke:#ecf5f7!important;border-color:#ecf5f7!important}
.coop-u-brand-membership-blue-dark{color:#5177a3!important}
.coop-u-brand-membership-blue-dark-bg{background:#5177a3!important}
.coop-u-brand-membership-blue-dark-fill{fill:#5177a3!important}
.coop-u-brand-membership-blue-dark-stroke{stroke:#5177a3!important;border-color:#5177a3!important}
.coop-u-brand-membership-blue-bright{color:#8fbae6!important}
.coop-u-brand-membership-blue-bright-bg{background:#8fbae6!important}
.coop-u-brand-membership-blue-bright-fill{fill:#8fbae6!important}
.coop-u-brand-membership-blue-bright-stroke{stroke:#8fbae6!important;border-color:#8fbae6!important}
.coop-u-brand-membership-blue-light{color:#c1d7ee!important}
.coop-u-brand-membership-blue-light-bg{background:#c1d7ee!important}
.coop-u-brand-membership-blue-light-fill{fill:#c1d7ee!important}
.coop-u-brand-membership-blue-light-stroke{stroke:#c1d7ee!important;border-color:#c1d7ee!important}
.coop-u-brand-membership-blue-lighter{color:#d8e6f4!important}
.coop-u-brand-membership-blue-lighter-bg{background:#d8e6f4!important}
.coop-u-brand-membership-blue-lighter-fill{fill:#d8e6f4!important}
.coop-u-brand-membership-blue-lighter-stroke{stroke:#d8e6f4!important;border-color:#d8e6f4!important}
.coop-u-brand-membership-blue-lightest{color:#f0f6fd!important}
.coop-u-brand-membership-blue-lightest-bg{background:#f0f6fd!important}
.coop-u-brand-membership-blue-lightest-fill{fill:#f0f6fd!important}
.coop-u-brand-membership-blue-lightest-stroke{stroke:#f0f6fd!important;border-color:#f0f6fd!important}
.coop-t-regular{font-weight:400!important;font-style:normal!important}
.coop-t-talic{font-weight:400!important;font-style:italic!important}
.coop-t-bold{font-weight:700!important;font-style:normal!important}
.coop-t-medium{font-weight:500!important;font-style:normal!important}
.coop-t-bold-italic{font-family:bold!important;font-style:italic!important}
.coop-t-nounderline,a.coop-t-nounderline{-webkit-text-decoration:none!important;text-decoration:none!important}
.coop-t-text-centre{text-align:center!important}
.coop-t-text-left{text-align:left!important}
.coop-t-text-right{text-align:right!important}
.coop-t-nowrap{white-space:nowrap!important}
.coop-t-font-size-14{font-size:.875rem!important}
.coop-t-font-size-16{font-size:1rem!important}
.coop-t-font-size-18{font-size:1.125rem!important}
.coop-t-font-size-20{font-size:1.25rem!important}
.coop-t-font-size-22{font-size:1.375rem!important}
.coop-t-font-size-24{font-size:1.5rem!important}
.coop-t-font-size-26{font-size:1.625rem!important}
.coop-t-font-size-28{font-size:1.75rem!important}
.coop-t-font-size-30{font-size:1.875rem!important}
.coop-t-font-size-32{font-size:2rem!important}
.coop-u-margin-0{margin:0!important}
.coop-u-margin-t-0{margin-top:0!important}
.coop-u-margin-b-0{margin-bottom:0!important}
.coop-u-margin-2{margin:.125rem!important}
.coop-u-margin-2-0{margin:0!important}
@media (min-width:48em){.coop-u-margin-2-0{margin:.125rem!important}}
.coop-u-margin-t-2{margin-top:.125rem!important}
.coop-u-margin-resp-t-2-0{margin-top:0!important}
@media (min-width:48em){.coop-u-margin-resp-t-2-0{margin-top:.125rem!important}}
.coop-u-margin-b-2{margin-bottom:.125rem!important}
.coop-u-margin-resp-b-2-0{margin-bottom:0!important}
@media (min-width:48em){.coop-u-margin-resp-b-2-0{margin-bottom:.125rem!important}}
.coop-u-margin-4{margin:.25rem!important}
.coop-u-margin--4-2{margin:.125rem!important}
@media (min-width:48em){.coop-u-margin--4-2{margin:.25rem!important}}
.coop-u-margin-t-4{margin-top:.25rem!important}
.coop-u-margin-resp-t-4-2{margin-top:.125rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-4-2{margin-top:.25rem!important}}
.coop-u-margin-b-4{margin-bottom:.25rem!important}
.coop-u-margin-resp-b-4-2{margin-bottom:.125rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-4-2{margin-bottom:.25rem!important}}
.coop-u-margin-8{margin:.5rem!important}
.coop-u-margin-8-4{margin:.25rem!important}
@media (min-width:48em){.coop-u-margin-8-4{margin:.5rem!important}}
.coop-u-margin-t-8{margin-top:.5rem!important}
.coop-u-margin-resp-t-8-4{margin-top:.25rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-8-4{margin-top:.5rem!important}}
.coop-u-margin-b-8{margin-bottom:.5rem!important}
.coop-u-margin-resp-b-8-4{margin-bottom:.25rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-8-4{margin-bottom:.5rem!important}}
.coop-u-margin-16{margin:1rem!important}
.coop-u-margin-16-8{margin:.5rem!important}
@media (min-width:48em){.coop-u-margin-16-8{margin:1rem!important}}
.coop-u-margin-16-12{margin:.75rem!important}
@media (min-width:48em){.coop-u-margin-16-12{margin:1rem!important}}
.coop-u-margin-t-16{margin-top:1rem!important}
.coop-u-margin-resp-t-16-8{margin-top:.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-16-8{margin-top:1rem!important}}
.coop-u-margin-resp-t-16-12{margin-top:.75rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-16-12{margin-top:1rem!important}}
.coop-u-margin-b-16{margin-bottom:1rem!important}
.coop-u-margin-resp-b-16-8{margin-bottom:.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-16-8{margin-bottom:1rem!important}}
.coop-u-margin-resp-b-16-12{margin-bottom:.75rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-16-12{margin-bottom:1rem!important}}
.coop-u-margin-24{margin:1.5rem!important}
.coop-u-margin-24-12{margin:.75rem!important}
@media (min-width:48em){.coop-u-margin-24-12{margin:1.5rem!important}}
.coop-u-margin-t-24{margin-top:1.5rem!important}
.coop-u-margin-resp-t-24-12{margin-top:.75rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-24-12{margin-top:1.5rem!important}}
.coop-u-margin-b-24{margin-bottom:1.5rem!important}
.coop-u-margin-resp-b-24-12{margin-bottom:.75rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-24-12{margin-bottom:1.5rem!important}}
.coop-u-margin-32{margin:2rem!important}
.coop-u-margin-32-16{margin:1rem!important}
@media (min-width:48em){.coop-u-margin-32-16{margin:2rem!important}}
.coop-u-margin-32-24{margin:1.5rem!important}
@media (min-width:48em){.coop-u-margin-32-24{margin:2rem!important}}
.coop-u-margin-t-32{margin-top:2rem!important}
.coop-u-margin-resp-t-32-16{margin-top:1rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-32-16{margin-top:2rem!important}}
.coop-u-margin-resp-t-32-24{margin-top:1.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-32-24{margin-top:2rem!important}}
.coop-u-margin-b-32{margin-bottom:2rem!important}
.coop-u-margin-resp-b-32-16{margin-bottom:1rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-32-16{margin-bottom:2rem!important}}
.coop-u-margin-resp-b-32-24{margin-bottom:1.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-32-24{margin-bottom:2rem!important}}
.coop-u-margin-48{margin:3rem!important}
.coop-u-margin-48-24{margin:1.5rem!important}
@media (min-width:48em){.coop-u-margin-48-24{margin:3rem!important}}
.coop-u-margin-48-32{margin:2rem!important}
@media (min-width:48em){.coop-u-margin-48-32{margin:3rem!important}}
.coop-u-margin-t-48{margin-top:3rem!important}
.coop-u-margin-resp-t-48-24{margin-top:1.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-48-24{margin-top:3rem!important}}
.coop-u-margin-resp-t-48-32{margin-top:2rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-48-32{margin-top:3rem!important}}
.coop-u-margin-b-48{margin-bottom:3rem!important}
.coop-u-margin-resp-b-48-24{margin-bottom:1.5rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-48-24{margin-bottom:3rem!important}}
.coop-u-margin-resp-b-48-32{margin-bottom:2rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-48-32{margin-bottom:3rem!important}}
.coop-u-margin-64{margin:4rem!important}
.coop-u-margin-64-32{margin:2rem!important}
@media (min-width:48em){.coop-u-margin-64-32{margin:4rem!important}}
.coop-u-margin-64-48{margin:3rem!important}
@media (min-width:48em){.coop-u-margin-64-48{margin:4rem!important}}
.coop-u-margin-t-64{margin-top:4rem!important}
.coop-u-margin-resp-t-64-32{margin-top:2rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-64-32{margin-top:4rem!important}}
.coop-u-margin-resp-t-64-48{margin-top:3rem!important}
@media (min-width:48em){.coop-u-margin-resp-t-64-48{margin-top:4rem!important}}
.coop-u-margin-b-64{margin-bottom:4rem!important}
.coop-u-margin-resp-b-64-32{margin-bottom:2rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-64-32{margin-bottom:4rem!important}}
.coop-u-margin-resp-b-64-48{margin-bottom:3rem!important}
@media (min-width:48em){.coop-u-margin-resp-b-64-48{margin-bottom:4rem!important}}
.coop-u-padding-0{padding:0!important}
.coop-u-padding-2{padding:.125rem!important}
.coop-u-padding-2-0{padding:0!important}
@media (min-width:48em){.coop-u-padding-2-0{padding:.125rem!important}}
.coop-u-padding-t-2{padding-top:.125rem!important}
.coop-u-padding-resp-t-2-0{padding-top:0!important}
@media (min-width:48em){.coop-u-padding-resp-t-2-0{padding-top:.125rem!important}}
.coop-u-padding-b-2{padding-bottom:.125rem!important}
.coop-u-padding-resp-b-2-0{padding-bottom:0!important}
@media (min-width:48em){.coop-u-padding-resp-b-2-0{padding-bottom:.125rem!important}}
.coop-u-padding-4{padding:.25rem!important}
.coop-u-padding-resp-4-2{padding:.125rem!important}
@media (min-width:48em){.coop-u-padding-resp-4-2{padding:.25rem!important}}
.coop-u-padding-t-4{padding-top:.25rem!important}
.coop-u-padding-resp-t-4-2{padding-top:.125rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-4-2{padding-top:.25rem!important}}
.coop-u-padding-b-4{padding-bottom:.25rem!important}
.coop-u-padding-resp-b-4-2{padding-bottom:.125rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-4-2{padding-bottom:.25rem!important}}
.coop-u-padding-8{padding:.5rem!important}
.coop-u-padding-resp-8-4{padding-top:.25rem!important}
@media (min-width:48em){.coop-u-padding-resp-8-4{padding-top:.5rem!important}}
.coop-u-padding-t-8{padding-top:.5rem!important}
.coop-u-padding-resp-t-8-4{padding-top:.25rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-8-4{padding-top:.5rem!important}}
.coop-u-padding-b-8{padding-bottom:.5rem!important}
.coop-u-padding-resp-b-8-4{padding-bottom:.25rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-8-4{padding-bottom:.5rem!important}}
.coop-u-padding-16{padding:1rem!important}
.coop-u-padding-resp-16-8{padding:.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-16-8{padding:1rem!important}}
.coop-u-padding-resp-16-12{padding:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-16-12{padding:1rem!important}}
.coop-u-padding-t-16{padding-top:1rem!important}
.coop-u-padding-resp-t-16-8{padding-top:.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-16-8{padding-top:1rem!important}}
.coop-u-padding-resp-t-16-12{padding-top:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-16-12{padding-top:1rem!important}}
.coop-u-padding-b-16{padding-bottom:1rem!important}
.coop-u-padding-resp-b-16-8{padding-bottom:.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-16-8{padding-bottom:1rem!important}}
.coop-u-padding-resp-b-16-12{padding-bottom:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-16-12{padding-bottom:1rem!important}}
.coop-u-padding-24{padding:1.5rem!important}
.coop-u-padding-resp-24-12{padding:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-24-12{padding:1.5rem!important}}
.coop-u-padding-t-24{padding-top:1.5rem!important}
.coop-u-padding-resp-t-24-12{padding-top:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-24-12{padding-top:1.5rem!important}}
.coop-u-padding-b-24{padding-bottom:1.5rem!important}
.coop-u-padding-resp-b-24-12{padding-bottom:.75rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-24-12{padding-bottom:1.5rem!important}}
.coop-u-padding-32{padding:2rem!important}
.coop-u-padding-resp-32-16{padding:1rem!important}
@media (min-width:48em){.coop-u-padding-resp-32-16{padding:2rem!important}}
.coop-u-padding-resp-32-24{padding:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-32-24{padding:2rem!important}}
.coop-u-padding-t-32{padding-top:2rem!important}
.coop-u-padding-resp-t-32-16{padding-top:1rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-32-16{padding-top:2rem!important}}
.coop-u-padding-resp-t-32-24{padding-top:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-32-24{padding-top:2rem!important}}
.coop-u-padding-b-32{padding-bottom:2rem!important}
.coop-u-padding-resp-b-32-16{padding-bottom:1rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-32-16{padding-bottom:2rem!important}}
.coop-u-padding-resp-b-32-24{padding-bottom:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-32-24{padding-bottom:2rem!important}}
.coop-u-padding-48{padding:3rem!important}
.coop-u-padding-resp-48-24{padding:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-48-24{padding:3rem!important}}
.coop-u-padding-resp-48-32{padding:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-48-32{padding:3rem!important}}
.coop-u-padding-t-48{padding-top:3rem!important}
.coop-u-padding-resp-t-48-24{padding-top:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-48-24{padding-top:3rem!important}}
.coop-u-padding-resp-t-48-32{padding-top:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-48-32{padding-top:3rem!important}}
.coop-u-padding-b-48{padding-bottom:3rem!important}
.coop-u-padding-resp-b-48-24{padding-bottom:1.5rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-48-24{padding-bottom:3rem!important}}
.coop-u-padding-resp-b-48-32{padding-bottom:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-48-32{padding-bottom:3rem!important}}
.coop-u-padding-64{padding:4rem!important}
.coop-u-padding-resp-64-32{padding:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-64-32{padding:4rem!important}}
.coop-u-padding-resp-64-48{padding:3rem!important}
@media (min-width:48em){.coop-u-padding-resp-64-48{padding:4rem!important}}
.coop-u-padding-t-64{padding-top:4rem!important}
.coop-u-padding-resp-t-64-32{padding-top:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-64-32{padding-top:4rem!important}}
.coop-u-padding-resp-t-64-48{padding-top:3rem!important}
@media (min-width:48em){.coop-u-padding-resp-t-64-48{padding-top:4rem!important}}
.coop-u-padding-b-64{padding-bottom:4rem!important}
.coop-u-padding-resp-b-64-32{padding-bottom:2rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-64-32{padding-bottom:4rem!important}}
.coop-u-padding-resp-b-64-48{padding-bottom:3rem!important}
@media (min-width:48em){.coop-u-padding-resp-b-64-48{padding-bottom:4rem!important}}
.coop-u-flex{display:flex!important}
.coop-u-flex-wrap{flex-wrap:wrap!important}
.coop-u-flex-nowrap{flex-wrap:nowrap!important}
.coop-u-flex-row{flex-direction:row!important}
.coop-u-flex-column{flex-direction:column!important}
.coop-u-flex-row-reverse{flex-direction:row-reverse!important}
.coop-u-flex-column-reverse{flex-direction:column-reverse!important}
.coop-u-flex-start{justify-content:flex-start!important}
.coop-u-flex-center{justify-content:center!important}
.coop-u-flex-end{justify-content:flex-end!important}
.coop-u-flex-centered{justify-content:center!important;align-items:center!important}
.coop-u-pull-left{float:left!important}
.coop-u-pull-right{float:right!important}
.coop-u-clearfix:after,.coop-u-clearfix:before{content:" ";display:table}
.coop-u-clearfix:after{clear:both}
.coop-u-shadow{box-shadow:0 2px 10px 0 rgba(0,0,0,.15)!important}
.coop-u-shadow:hover{box-shadow:0 2px 10px 0 rgba(0,0,0,.25)!important}
.coop-u-border{border:2px solid #6e6e6e!important}
.coop-u-border-t{border-top:2px solid #6e6e6e!important}
.coop-u-border-r{border-right:2px solid #6e6e6e!important}
.coop-u-border-b{border-bottom:2px solid #6e6e6e!important}
.coop-u-border-l{border-left:2px solid #6e6e6e!important}
/* Buttons  */
@keyframes coop-btn-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
:root {
  --app-button: #000000;
  --app-button-hover: #595959;
}
.coop-btn {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem; /* 52px / 16 */
  padding: 1rem 1.25rem;
  padding: var(--spacing-16) calc(var(--spacing-16)*1.25);
  color: #fff;
  color: var(--color-white);
  background: #005878;
  background: var(--color-button-blue);
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  font-family: "Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  border: 0;
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  transition: 0.15s ease-in-out;
  transition: var(--ui-transition-hover);
  transition-property: background-color,color;
  transition-property: var(--ui-transition-hover-property);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 48em) {
.coop-btn {
    min-height: 3.75rem; /* 60px / 16 */
    padding: 1rem 2.5rem;
    padding: var(--spacing-16) calc(var(--spacing-32)*1.25);
    font-size: 1.2499999rem;
    font-size: var(--type-body-l)
}
  }
.coop-btn:hover,
.coop-btn:focus {
  background: #003e55;
  background: var(--color-button-blue-hover);
  color: #fff;
  color: var(--color-white);
  border: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.coop-btn:focus {
  transition: none;
  outline: 2px solid #8d44d8;
  outline: 2px solid var(--color-link-focus);
  outline-offset: 3px;
}
.coop-btn:active {
  background: #001f2b;
  background: var(--color-button-blue-active);
  color: #fff;
  color: var(--color-white);
  outline: 0;
}
.coop-btn--full-width {
  width: 100%;
}
.coop-btn--primary {
  background: #0f8482;
  background: var(--color-button-green-primary);
  color: #fff;
  color: var(--color-white);
}
.coop-btn--primary:hover,
.coop-btn--primary:focus {
  background: #1c6b6a;
  background: var(--color-button-green-primary-hover);
  color: #fff;
  color: var(--color-white);
}
.coop-btn--primary:active {
  background: #124948;
  background: var(--color-button-green-primary-active);
  color: #fff;
  color: var(--color-white);
}
.coop-btn--white {
  background: #fff;
  background: var(--color-button-white);
  color: #000;
  color: var(--color-black);
}
.coop-btn--white:hover,
.coop-btn--white:focus {
  background: #efefef;
  background: var(--color-button-white-hover);
  color: #000;
  color: var(--color-black);
}
.coop-btn--white:active {
  background: #d8d8d8;
  background: var(--color-button-white-active);
  color: #000;
  color: var(--color-black);
}
.coop-btn--grey {
  background: #efefef;
  background: var(--color-button-grey);
  color: #000;
  color: var(--color-black);
}
.coop-btn--grey:hover,
.coop-btn--grey:focus {
  background: #d8d8d8;
  background: var(--color-button-grey-hover);
  color: #000;
  color: var(--color-black);
}
.coop-btn--grey:active {
  background: #c4c4c4;
  background: var(--color-button-grey-active);
  color: #000;
  color: var(--color-black);
}
.coop-btn--full {
  width: 100%;
}
.coop-btn--small {
  min-height: 2.75rem; /* 44px / 16 */
  padding: 0.5rem 1.25rem;
  padding: var(--spacing-8) calc(var(--spacing-16)*1.25);
}
@media (min-width: 48em) {
.coop-btn--small {
    min-height: 3.125rem /* 50px / 16 */
}
  }
/* Button (variable) with reserved space for spinner */
.coop-btn--loading {
  position: relative;
  padding-right: calc(1.25rem + 38px);
  padding-right: calc(var(--spacing-16)*1.25 + 38px);
}
@media (min-width: 48em) {
.coop-btn--loading {
    padding-right: calc(2.5rem + 38px);
    padding-right: calc(var(--spacing-32)*1.25 + 38px)
}
  }
/* Button (small) with reserved space for spinner */
.coop-btn--loading.coop-btn--small {
  padding-right: calc(1.25rem + 38px);
  padding-right: calc(var(--spacing-16)*1.25 + 38px);
}
@media (min-width: 48em) {
.coop-btn--loading.coop-btn--small {
    padding-right: calc(1.25rem + 38px);
    padding-right: calc(var(--spacing-16)*1.25 + 38px)
}
  }
/* Button (full width) with reserved space for spinner */
.coop-btn--loading.coop-btn--full-width {
  padding-left: calc(1.25rem + 20px);
  padding-left: calc(var(--spacing-16)*1.25 + 20px);
  padding-right: calc(1.25rem + 20px);
  padding-right: calc(var(--spacing-16)*1.25 + 20px);
}
@media (min-width: 48em) {
.coop-btn--loading.coop-btn--full-width {
    padding-left: calc(2.5rem + 20px);
    padding-left: calc(var(--spacing-32)*1.25 + 20px);
    padding-right: calc(2.5rem + 20px);
    padding-right: calc(var(--spacing-32)*1.25 + 20px)
}
  }
/* Loading spinner */
.coop-btn--loading:after {
  border-right-color: transparent !important;
}
.coop-btn--loading:after {
  position: absolute;
  top: 1rem;
  right: 20px;
  content: "";
  animation: coop-btn-spinner 1250ms infinite linear;
  border: 2px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: color 0s;
}
@media (min-width: 48em) {
.coop-btn--loading:after {
    top: 1.25rem;
    right: 40px
}
  }
/* Loading spinner (small button) */
.coop-btn--loading.coop-btn--small:after {
  top: 0.75rem;
}
@media (min-width: 48em) {
.coop-btn--loading.coop-btn--small:after {
    top: 0.9375rem;
    right: 20px
}
  }
/* Loading spinner (small button, full width ) */
@media (min-width: 48em) {
.coop-btn--loading.coop-btn--full-width.coop-btn--small:after {
    right: 40px
}
  }
/* App download buttons */
.coop-btn--app {
  position: relative;
  padding: 0;
  background: #000000;
  background: var(--app-button);
}
.coop-btn--app:hover,
  .coop-btn--app:focus {
    background: #595959;
    background: var(--app-button-hover);
  }
.coop-btn--app .coop-btn__graphic {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
@media (min-width: 48em) {
.coop-btn--app {
    padding: 0
}
  }
.coop-btn--app-google {
  width: 10.5625rem;
}
/* 169px / 16 */
@media (min-width: 48em) {
.coop-btn--app-google {
    width: 12.1875rem /* 195px / 16 */
}
  }
.coop-btn--app-apple {
  width: 9.75rem;
}
/* 156px / 16 */
@media (min-width: 48em) {
.coop-btn--app-apple {
    width: 11.25rem /* 180px / 16 */
}
  }
:root{--color-brand-coop:#00b1e7;--color-brand-deals:#d12430;--color-brand:var(--color-brand-coop);--color-deal-red:var(--color-brand-deals);--color-white:#fff;--color-black:#000;--color-text:#282828;--color-text-alt:#595959;--color-grey-mid-light:#d8d8d8;--color-grey-mid:#c4c4c4;--color-grey-dark:#6e6e6e;--color-grey-neutral-light:#f3f3f3;--color-grey-light:var(--color-grey-neutral-light);--color-grey-neutral-warm:#f5f5f0;--color-grey-neutral-cool:#dde9ed;--color-grey-neutral-cool-light:#f2f4f7;--color-link:#00729a;--color-link-hover:#00394e;--color-link-focus:#8d44d8;--color-link-active:#002c3d;--color-link-visited:var(--color-link-active);--color-link--hover:var(--color-link-hover);--color-link--focus:var(--color-link-focus);--color-link--active:var(--color-link-active);--color-link--visited:var(--color-link-active);--color-button-green-primary:#0f8482;--color-button-green-primary-hover:#1c6b6a;--color-button-green-primary-active:#124948;--color-button-primary:var(--color-button-green-primary);--color-button-primary--hover:var(--color-button-green-primary-hover);--color-button-primary--active:var(--color-button-green-primary-active);--color-button-blue:#005878;--color-button-blue-hover:#003e55;--color-button-blue-active:#001f2b;--color-button-dark:var(--color-button-blue);--color-button-dark--hover:var(--color-button-blue-hover);--color-button-dark--active:var(--color-button-blue-active);--color-button-grey:#efefef;--color-button-grey-hover:var(--color-grey-mid-light);--color-button-grey-active:var(--color-grey-mid);--color-button-white:var(--color-white);--color-button-white-hover:var(--color-button-grey);--color-button-white-active:var(--color-grey-mid-light);--color-button:var(--color-button-blue);--color-button--hover:var(--color-button-blue-hover);--color-button--active:var(--color-button-blue-active);--color-red-error:#e20f14;--color-red-error-text:#d12430;--color-red-error-light:#fcf1f1;--color-orange-alert:#f8d156;--color-orange-alert-light:#f8eec7;--color-green-success:#50811b;--color-green-success-light:#d7e3c6;--color-blue-inform:#0761c2;--color-blue-inform-light:#eef3fc;--color-blue-notification:var(--color-blue-inform);--color-blue-notification-light:var(--color-blue-inform-light);--color-red-dark-4:#ba2327;--color-red-mid-5:var(--color-red-error);--color-red-light-7:#ff6a6d;--color-red-light-8:#ffc1c3;--color-red-light-9:#ffdbdb;--color-red-light-10:#fcf1f1;--color-red-dark:var(--color-red-dark-4);--color-red-mid:var(--color-red-mid-5);--color-orange-dark-4:#be4015;--color-orange-mid-5:#fc5724;--color-orange-mid-6:#fd7b3b;--color-orange-mid-7:#fd9c59;--color-orange-light-8:#fdb979;--color-orange-light-9:#fee7c1;--color-orange-light-10:#fff8e7;--color-orange-mid:var(--color-orange-mid-5);--color-yellow-dark-4:#cfb214;--color-yellow-mid-5:#ffd309;--color-yellow-mid-6:#ffe53b;--color-yellow-mid-7:#fff372;--color-yellow-light-8:#fffca9;--color-yellow-light-9:#fffbcd;--color-yellow-light-10:#fcf9ee;--color-yellow-mid:var(--color-yellow-mid-5);--color-yellow-light:var(--color-yellow-mid-7);--color-yellow-bright:var(--color-yellow-mid-6);--color-green-dark-2:#3a6002;--color-green-mid-3:#4f820d;--color-green-mid-4:#72aa24;--color-green-mid-5:#96cb48;--color-green-light-6:#b9e277;--color-green-light-8:#e7f7cb;--color-green-light-10:#f6fce9;--color-green-dark:var(--color-green-dark-2);--color-green-mid:var(--color-green-mid-3);--color-green-light:var(--color-green-mid-5);--color-green-bright:var(--color-green-light-6);--color-teal-dark-2:#046062;--color-teal-mid-3:#0f8482;--color-teal-mid-4:#27aaab;--color-teal-mid-6:#4bc7cc;--color-teal-light-7:#79dce3;--color-teal-light-9:#ccf2f7;--color-teal-light-10:#e9fafc;--color-turquoise-dark:var(--color-teal-dark-2);--color-turquoise-mid:var(--color-teal-mid-3);--color-turquoise-light:var(--color-teal-light-7);--color-turquoise-bright:var(--color-teal-light-7);--color-blue-dark-3:#114d94;--color-blue-mid-4:#0761c2;--color-blue-mid-6:#519af5;--color-blue-light-8:#80b7ff;--color-blue-light-9:#cfe3ff;--color-blue-light-10:#eef3fc;--color-blue-dark:var(--color-blue-dark-3);--color-blue-bright:var(--color-blue-mid-6);--color-blue-light:var(--color-blue-light-9);--color-blue-mid:var(--color-blue-mid-4);--color-indigo-dark-4:#3b427f;--color-indigo-mid-5:#4f52a8;--color-indigo-mid-7:#8d9ae4;--color-indigo-light-8:#afbdf5;--color-indigo-light-9:#cfdbfe;--color-indigo-light-10:#eff3fa;--color-purple-dark-3:#51178c;--color-purple-mid-4:#6727b9;--color-purple-mid-6:#8d44d8;--color-purple-light-8:#d395fe;--color-purple-light-9:#edc3ff;--color-purple-light-10:#f9edfc;--color-purple-dark:var(--color-purple-dark-3);--color-magenta-dark-3:#812373;--color-magenta-mid-4:#ab278d;--color-magenta-mid-7:#f690f1;--color-magenta-light-8:#feb8ff;--color-magenta-light-9:#fad1fe;--color-magenta-light-10:#faeafc;--color-purple-mid:var(--color-magenta-mid-4);--color-pink-light:var(--color-magenta-mid-7);--color-pink-bright:var(--color-magenta-light-9)}
:root{--color-brand-cls-blue-dark:#114d94;--color-brand-cls-blue-mid:#0761c2;--color-brand-cls-blue-light:#287cdf;--color-brand-bac-purple:#674170}
:root{--color-brand-membership-purple-dark-1:#483965;--color-brand-membership-purple-dark-2:#635385;--color-brand-membership-purple-dark-3:#776ca7;--color-brand-membership-purple-mid-5:#8e88ba;--color-brand-membership-purple-mid-6:#847db5;--color-brand-membership-purple-light-8:#b2aece;--color-brand-membership-purple-light-9:#d3d1e4;--color-brand-membership-purple-light-10:#eae8f4;--color-brand-membership-purple-dark:var(--color-brand-membership-purple-dark-3);--color-brand-membership-purple-mid:var(--color-brand-membership-purple-mid-5);--color-brand-membership-purple-bright:var(--color-brand-membership-purple-mid-6);--color-brand-membership-purple-light:var(--color-brand-membership-purple-light-8);--color-brand-membership-purple-lighter:var(--color-brand-membership-purple-light-9);--color-brand-membership-purple-lightest:var(--color-brand-membership-purple-light-10);--color-brand-membership-lilac-dark-1:#52355e;--color-brand-membership-lilac-dark-2:#715287;--color-brand-membership-lilac-dark-3:#806697;--color-brand-membership-lilac-mid-5:#9976a8;--color-brand-membership-lilac-mid-6:#a976bb;--color-brand-membership-lilac-light-8:#bba2c6;--color-brand-membership-lilac-light-9:#ccbad4;--color-brand-membership-lilac-light-10:#e6dde9;--color-brand-membership-lilac-dark:var(--color-brand-membership-lilac-dark-3);--color-brand-membership-lilac-mid:var(--color-brand-membership-lilac-mid-5);--color-brand-membership-lilac-bright:var(--color-brand-membership-lilac-mid-6);--color-brand-membership-lilac-light:var(--color-brand-membership-lilac-light-8);--color-brand-membership-lilac-lighter:var(--color-brand-membership-lilac-light-9);--color-brand-membership-lilac-lightest:var(--color-brand-membership-lilac-light-10);--color-brand-membership-pink-dark-1:#6c3e53;--color-brand-membership-pink-dark-2:#864e68;--color-brand-membership-pink-dark-3:#9d5b7b;--color-brand-membership-pink-mid-5:#bc7190;--color-brand-membership-pink-mid-6:#d15c8c;--color-brand-membership-pink-light-8:#d19fb4;--color-brand-membership-pink-light-9:#e3cbd4;--color-brand-membership-pink-light-10:#f0e5eb;--color-brand-membership-pink-dark:var(--color-brand-membership-pink-dark-3);--color-brand-membership-pink-mid:var(--color-brand-membership-pink-mid-5);--color-brand-membership-pink-bright:var(--color-brand-membership-pink-mid-6);--color-brand-membership-pink-light:var(--color-brand-membership-pink-light-8);--color-brand-membership-pink-lighter:var(--color-brand-membership-pink-light-9);--color-brand-membership-pink-lightest:var(--color-brand-membership-pink-light-10);--color-brand-membership-orange-dark-1:#783620;--color-brand-membership-orange-dark-2:#9b462b;--color-brand-membership-orange-dark-3:#b45d2b;--color-brand-membership-orange-mid-5:#e69c39;--color-brand-membership-orange-mid-6:#f5a74b;--color-brand-membership-orange-light-8:#e6bb8f;--color-brand-membership-orange-light-9:#f0ddd1;--color-brand-membership-orange-light-10:#f7eeeb;--color-brand-membership-orange-dark:var(--color-brand-membership-orange-dark-3);--color-brand-membership-orange-mid:var(--color-brand-membership-orange-mid-5);--color-brand-membership-orange-bright:var(--color-brand-membership-orange-mid-6);--color-brand-membership-orange-light:var(--color-brand-membership-orange-light-8);--color-brand-membership-orange-lighter:var(--color-brand-membership-orange-light-9);--color-brand-membership-orange-lightest:var(--color-brand-membership-orange-light-10);--color-brand-membership-yellow-dark-1:#704e24;--color-brand-membership-yellow-dark-2:#916b3a;--color-brand-membership-yellow-dark-3:#bf843e;--color-brand-membership-yellow-mid-5:#ecd16d;--color-brand-membership-yellow-mid-6:#f8da6d;--color-brand-membership-yellow-light-8:#edd273;--color-brand-membership-yellow-light-9:#f3e2a4;--color-brand-membership-yellow-light-10:#f9f1d1;--color-brand-membership-yellow-dark:var(--color-brand-membership-yellow-dark-3);--color-brand-membership-yellow-mid:var(--color-brand-membership-yellow-mid-5);--color-brand-membership-yellow-bright:var(--color-brand-membership-yellow-mid-6);--color-brand-membership-yellow-light:var(--color-brand-membership-yellow-light-8);--color-brand-membership-yellow-lighter:var(--color-brand-membership-yellow-light-9);--color-brand-membership-yellow-lightest:var(--color-brand-membership-yellow-light-10);--color-brand-membership-green-dark-1:#3b3f25;--color-brand-membership-green-dark-2:#565734;--color-brand-membership-green-dark-3:#6a7345;--color-brand-membership-green-mid-5:#c6c978;--color-brand-membership-green-mid-6:#b3ce7b;--color-brand-membership-green-light-8:#d1d4a5;--color-brand-membership-green-light-9:#e4e5c6;--color-brand-membership-green-light-10:#f6f6eb;--color-brand-membership-green-dark:var(--color-brand-membership-green-dark-3);--color-brand-membership-green-mid:var(--color-brand-membership-green-mid-5);--color-brand-membership-green-bright:var(--color-brand-membership-green-mid-6);--color-brand-membership-green-light:var(--color-brand-membership-green-light-8);--color-brand-membership-green-lighter:var(--color-brand-membership-green-light-9);--color-brand-membership-green-lightest:var(--color-brand-membership-green-light-10);--color-brand-membership-turquoise-dark-1:#2b4946;--color-brand-membership-turquoise-dark-2:#39615f;--color-brand-membership-turquoise-dark-3:#487d7b;--color-brand-membership-turquoise-mid-5:#81b8b8;--color-brand-membership-turquoise-mid-6:#87cdcd;--color-brand-membership-turquoise-light-8:#b9dad9;--color-brand-membership-turquoise-light-9:#d3e7e5;--color-brand-membership-turquoise-light-10:#ecf5f7;--color-brand-membership-turquoise-dark:var(--color-brand-membership-turquoise-dark-3);--color-brand-membership-turquoise-mid:var(--color-brand-membership-turquoise-mid-5);--color-brand-membership-turquoise-bright:var(--color-brand-membership-turquoise-mid-6);--color-brand-membership-turquoise-light:var(--color-brand-membership-turquoise-light-8);--color-brand-membership-turquoise-lighter:var(--color-brand-membership-turquoise-light-9);--color-brand-membership-turquoise-lightest:var(--color-brand-membership-turquoise-light-10);--color-brand-membership-blue-dark-1:#2c4258;--color-brand-membership-blue-dark-2:#456588;--color-brand-membership-blue-dark-3:#5177a3;--color-brand-membership-blue-mid-5:#8bb5e0;--color-brand-membership-blue-mid-6:#8fbae6;--color-brand-membership-blue-light-8:#c1d7ee;--color-brand-membership-blue-light-9:#d8e6f4;--color-brand-membership-blue-light-10:#f0f6fd;--color-brand-membership-blue-dark:var(--color-brand-membership-blue-dark-3);--color-brand-membership-blue-mid:var(--color-brand-membership-blue-mid-5);--color-brand-membership-blue-bright:var(--color-brand-membership-blue-mid-6);--color-brand-membership-blue-light:var(--color-brand-membership-blue-light-8);--color-brand-membership-blue-lighter:var(--color-brand-membership-blue-light-9);--color-brand-membership-blue-lightest:var(--color-brand-membership-blue-light-10)}
/* Forms */
:root {
  --form-choice-width: 25px;
  --form-choice-offset-top-s: 1px;
  --form-choice-offset-top-l: 3px;

  --form-choice-button-width: 13px;
  --form-choice-button-offset-top-s: calc(var(--form-choice-offset-top-s) + (var(--form-choice-width) - var(--form-choice-button-width))/2);
  --form-choice-button-offset-top-l: calc(var(--form-choice-offset-top-l) + (var(--form-choice-width) - var(--form-choice-button-width))/2);

  --form-choice-stroke-width: 2px;
}
.coop-form {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-base);
}
.coop-form__row {
  margin-bottom: 1.5rem;
  margin-bottom: var(--spacing-base--3-4);
}
.coop-form__row::before,
  .coop-form__row::after {
    content: " ";
    display: table;
  }
.coop-form__row::after {
    clear: both;
  }
.coop-form__columns {
  display: flex;
  white-space: nowrap;
  /* removes whitespace caused by inline-block */
  font-size: 0;
}
.coop-form__column {
  display: inline-block;
  width: auto;
}
.coop-form__column + .coop-form__column {
  margin-left: 1rem;
  margin-left: var(--spacing-16);
}
label,
.coop-form__label {
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  font-family: "Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-family: var(--font-family);
  line-height: 1.5;
  line-height: var(--type-line-height);
  font-weight: 500;
  display: block;
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-8);
}
@media (min-width: 48em) {
label,
.coop-form__label {
    font-size: 1.2499999rem;
    font-size: var(--type-body-l)
}
  }
.coop-label__hint,
.coop-form__hint {
  display: block;
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-8);
  color: #595959;
  color: var(--color-text-alt);
  font-family: "Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  font-size: var(--type-sp-s);
  line-height: 1.5;
  line-height: var(--type-line-height);
}
@media (min-width: 48em) {
.coop-label__hint,
.coop-form__hint {
    font-size: 1.2499999rem;
    font-size: var(--type-sp-l)
}
  }
label + .coop-label__hint,
.coop-form__label + .coop-label__hint,
.coop-form__label + .coop-form__hint {
  margin-top: -0.25rem;
  margin-top: calc(var(--spacing-base--1-4)/-2);
}
.coop-form__label--inline {
  display: inline;
}
legend,
.coop-form__legend {
  font-family: "Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  display: block;
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-base--1-4);
  font-size: 1.375rem;
  font-size: var(--type-h3-s);
  line-height: 1.5;
  line-height: var(--type-line-height);
}
@media (min-width: 48em) {
legend,
.coop-form__legend {
    font-size: 1.625rem;
    font-size: var(--type-h3-l)
}
  }
fieldset,
.coop-form__fieldset {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
input,
.coop-form__input,
textarea,
.coop-form__textarea {
  display: block;
  width: 100%;
  background: #fff;
  background: var(--color-white);
  border: 2px solid;
  border-color: #6e6e6e;
  border-color: var(--color-grey-dark);
  border-radius: 5px;
  color: #282828;
  color: var(--color-text);
  -webkit-appearance: none;
          appearance: none;
  outline: 0;
  transition: border-color 0.3s ease-in-out;
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  line-height: 1.5;
  line-height: var(--type-line-height);
}
input::-webkit-input-placeholder, .coop-form__input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .coop-form__textarea::-webkit-input-placeholder {
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition: var(--ui-transition-hover);
    transition: var(--ui-transition-hover);
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-transition-property: var(--ui-transition-hover-property);
    transition-property: var(--ui-transition-hover-property);
    color: #595959;
    color: var(--color-text-alt);
  }
input:focus, .coop-form__input:focus, textarea:focus, .coop-form__textarea:focus {
    background: #fff;
    background: var(--color-white);
    border-color: #000;
    border-color: var(--color-black);
    outline-offset: 3px;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    transition: none;
  }
input:hover::-webkit-input-placeholder, .coop-form__input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder, .coop-form__textarea:hover::-webkit-input-placeholder {
    color: #282828;
    color: var(--color-text);
  }
input:focus::-webkit-input-placeholder, .coop-form__input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, .coop-form__textarea:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s 0.5s ease;
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;
  }
input.coop-form__field--inline, .coop-form__input.coop-form__field--inline, textarea.coop-form__field--inline, .coop-form__textarea.coop-form__field--inline {
    display: inline-block;
    width: auto;
  }
@media (min-width: 48em) {
input,
.coop-form__input,
textarea,
.coop-form__textarea {
    font-size: 1.2499999rem;
    font-size: var(--type-body-l)
}
  }
input,
.coop-form__input {
  height: 3.25rem; /* 52px / 16 */
  padding: 0.5rem 0.75rem;
  padding: var(--spacing-8) calc(var(--spacing-8)*1.5);
}
@media (min-width: 48em) {
input,
.coop-form__input {
    height: 3.75rem /* 60px / 16 */
}
  }
/*
  Fixed width text inputs
  1x Avenir Next "W" character = 2ch

  Support: IE9+
  https://developer.mozilla.org/en-US/docs/Web/CSS/length
*/
.coop-form__field--width-1,
.coop-form__input--width-1 {
  max-width: calc(2ch + 1.5rem);
}
.coop-form__field--width-2,
.coop-form__input--width-2 {
  max-width: calc(4ch + 1.5rem);
}
.coop-form__field--width-3,
.coop-form__input--width-3 {
  max-width: calc(6ch + 1.5rem);
}
.coop-form__field--width-4,
.coop-form__input--width-4 {
  max-width: calc(8ch + 1.5rem);
}
.coop-form__field--width-5,
.coop-form__input--width-5 {
  max-width: calc(10ch + 1.5rem);
}
.coop-form__field--width-10,
.coop-form__input--width-10 {
  max-width: 20ch;
}
.coop-form__field--width-15,
.coop-form__input--width-15 {
  max-width: 30ch;
}
.coop-form__field--width-20,
.coop-form__input--width-20 {
  max-width: 40ch;
}
.coop-form__field--width-30,
.coop-form__input--width-30 {
  max-width: 60ch;
}
textarea,
.coop-form__textarea {
  min-height: 3.25rem; /* 52px / 16 */
  padding: 0.875rem 0.75rem;
  padding: calc(var(--spacing-8)*1.75) calc(var(--spacing-8)*1.5);
  resize: vertical;
}
@media (min-width: 48em) {
textarea,
.coop-form__textarea {
    min-height: 3.75rem /* 60px / 16 */
}
  }
select,
.coop-form__select {
  -webkit-appearance: none;
          appearance: none;
  display: block;
  cursor: pointer;
  height: 3.25rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  padding: var(--spacing-8) calc(var(--spacing-8)*1.5);
  color: #282828;
  color: var(--color-text);
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.49346 15.253c-.15514.0745-.32179.1098-.49346.1098-.08246 0-.16399-.0081-.24413-.0251-.08604-.0182-.16952-.0464-.24933-.0847-.14581-.0701-.27347-.1714-.37876-.2979L1.7607 8.32874c-.2294-.2426-.3515-.5583-.3515-.9017 0-.3322.1137-.6395.3243-.8871l.0558-.0589c.2341-.2229.5246-.3431.8386-.3431.3247 0 .6232.1292.8489.3679L8.99416 12.261l5.49814-5.81396c.2288-.2689.5381-.4176.8798-.4176.3307 0 .6321.1386.8944.4176.2094.2461.3243.55.3243.8793 0 .3292-.1149.6331-.3521.9101L9.87436 14.9525c-.10569.1277-.2341.2299-.3809.3005Z' fill='%23979797'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='6' width='16' height='10'%3E%3Cpath d='M9.49346 15.253c-.15514.0745-.32179.1098-.49346.1098-.08246 0-.16399-.0081-.24413-.0251-.08604-.0182-.16952-.0464-.24933-.0847-.14581-.0701-.27347-.1714-.37876-.2979L1.7607 8.32874c-.2294-.2426-.3515-.5583-.3515-.9017 0-.3322.1137-.6395.3243-.8871l.0558-.0589c.2341-.2229.5246-.3431.8386-.3431.3247 0 .6232.1292.8489.3679L8.99416 12.261l5.49814-5.81396c.2288-.2689.5381-.4176.8798-.4176.3307 0 .6321.1386.8944.4176.2094.2461.3243.55.3243.8793 0 .3292-.1149.6331-.3521.9101L9.87436 14.9525c-.10569.1277-.2341.2299-.3809.3005Z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M-.0000019 20.0192H18V.980665L.00000166.980662-.0000019 20.0192Z' fill='%23282828'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  border-radius: 5px;
  border: 2px solid;
  border-color: #6e6e6e;
  border-color: var(--color-grey-dark);
  transition: border-color 0.3s ease-in-out;
  outline: none;
}
select:focus, .coop-form__select:focus {
    border-color: #000;
    border-color: var(--color-black);
    outline-offset: 3px;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    transition: none;
  }
select.coop-form__field--inline, .coop-form__select.coop-form__field--inline {
    display: inline-block;
    width: auto;
  }
@media (min-width: 48em) {
select,
.coop-form__select {
    font-size: 1.2499999rem;
    font-size: var(--type-body-l);
    height: 3.75rem
}
  }
/* Checkboxes and radios container */
.coop-form__choice {
  position: relative;
  min-height: 25px;
  min-height: var(--form-choice-width);
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-8);
}
.coop-form__choice:last-child {
  margin-bottom: 0;
}
input[type="checkbox"],
.coop-form__checkbox,
input[type="radio"],
.coop-form__radio {
  display: inline;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
/* Create room for fake checkbox/radio */
.coop-form__choice .coop-form__label {
  display: block;
  margin: 0;
  padding-right: 1rem;
  padding-right: var(--spacing-16);
  padding-left: calc(23px + 1rem);
  padding-left: calc(var(--form-choice-width) - var(--form-choice-stroke-width) + var(--spacing-16));
  cursor: pointer;
  touch-action: manipulation;
}
.coop-form__choice .coop-form__hint {
  margin-top: 0;
  padding-left: calc(23px + 1rem);
  padding-left: calc(var(--form-choice-width) - var(--form-choice-stroke-width) + var(--spacing-16));
}
.coop-form__choice .coop-form__hint:last-child {
  margin-bottom: 0;
}
/* Fake checkbox/radio */
.coop-form__choice .coop-form__label::before {
  content: "";
  border-style: solid;
  border-width: 2px;
  border-width: var(--form-choice-stroke-width);
  border-color: #000;
  border-color: var(--color-black);
  border-radius: 15%;
  background: transparent;
  width: 25px;
  width: var(--form-choice-width);
  height: 25px;
  height: var(--form-choice-width);
  position: absolute;
  top: 1px;
  top: var(--form-choice-offset-top-s);
  left: 0;
}
@media (min-width: 48em) {
.coop-form__choice .coop-form__label::before {
    top: 3px;
    top: var(--form-choice-offset-top-l)
}
  }
/* Fake pressed state */
.coop-form__choice .coop-form__label::after {
  position: absolute;
  top: 7px;
  top: calc((var(--form-choice-width) - var(--form-choice-button-width))/2 + var(--form-choice-offset-top-s));
  left: 6px;
  left: calc((var(--form-choice-width) - var(--form-choice-button-width))/2);
  width: 13px;
  width: var(--form-choice-button-width);
  height: 13px;
  height: var(--form-choice-button-width);
  background: black;
  opacity: 0;
  content: "";
}
@media (min-width: 48em) {
.coop-form__choice .coop-form__label::after {
    top: 9px;
    top: calc((var(--form-choice-width) - var(--form-choice-button-width))/2 + var(--form-choice-offset-top-l))
}
  }
/* Fake pressed state (rotated for checkbox) */
.coop-form__checkbox + .coop-form__label::after {
  background: none;
  border: solid;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
  border-top-color: transparent;
  height: 6.5px;
  height: calc(var(--form-choice-button-width)/2);
  margin-top: 2px;
}
.coop-form__radio + .coop-form__label::before,
.coop-form__radio + .coop-form__label::after {
  border-radius: 50%;
}
.coop-form__choice :focus + .coop-form__label::before {
  outline-offset: 3px;
  outline: 2px solid #8d44d8;
  outline: 2px solid var(--color-link--focus);
  transition: none;
}
.coop-form__choice :checked + .coop-form__label::after {
  opacity: 1;
}
.coop-form__field--inline {
  display: inline-block;
  width: auto;
}
.coop-form__indented {
  border-left: 3px solid #00b1e7;
  border-left: 3px solid var(--color-brand-coop);
  padding-top: 0.5rem;
  padding-top: var(--spacing-base--1-4);
  padding-right: 0;
  padding-bottom: 0.5rem;
  padding-bottom: var(--spacing-base--1-4);
  padding-left: 1rem;
  padding-left: var(--spacing-base--1-2);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
  margin-left: 0.90909rem;
  margin-left: calc(var(--spacing-base--1-2)/1.1);
  width: calc(100% - 2rem - 3px);
  width: calc(100% - var(--spacing-base) - 3px);
}
.coop-form__indented:last-child {
    margin-bottom: 0;
  }
.coop-form__indented fieldset {
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing-base--3-4);
  }
.coop-form__indented label {
    font-size: 1rem;
  }
@media (min-width: 48em) {
.coop-form__indented label {
      font-size: 1.1rem
  }
    }
.coop-form__invalid {
  border-color: #e20f14;
  border-color: var(--color-red-error);
}
.coop-form__error {
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-8);
  color: #d12430;
  color: var(--color-red-error-text);
}
label + .coop-form__error,
.coop-form__label + .coop-form__error {
  margin-top: -0.5rem;
  margin-top: calc(var(--spacing-8)*-1);
}
.coop-label__hint + .coop-form__error,
.coop-form__hint + .coop-form__error {
  margin-top: 1rem;
  margin-top: var(--spacing-16);
}
.coop-c-message {
  padding: 1rem;
  padding: var(--spacing-16);
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
.coop-c-message:focus {
    outline-offset: 3px;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
  }
@media (min-width: 48em) {
.coop-c-message {
    padding: 1rem 2rem;
    padding: var(--spacing-16) var(--spacing-32);
    margin-bottom: 2.5rem;
    margin-bottom: calc(var(--spacing-32)*1.25)
}
  }
.coop-c-message__heading,
.coop-c-message__list,
.coop-c-message__message:last-child {
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-4);
}
@media (min-width: 48em) {
.coop-c-message__heading,
.coop-c-message__list,
.coop-c-message__message:last-child {
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-8)
}
  }
.coop-c-message__list {
  color: #282828;
  color: var(--color-text);
}
.coop-c-message--alert {
  background: #f8eec7;
  background: var(--color-orange-alert-light);
  border-left: 4px solid #f8d156;
  border-left: 4px solid var(--color-orange-alert);
}
.coop-c-message--error {
  background: #fcf1f1;
  background: var(--color-red-error-light);
  border-left: 4px solid #e20f14;
  border-left: 4px solid var(--color-red-error);
}
.coop-c-message--error .coop-c-message__list,
.coop-c-message--error .coop-c-message__link {
  color: #d12430;
  color: var(--color-red-error-text);
}
.coop-table-wrapper {
  overflow-x: auto;
}
table,
.coop-table {
  width: 100%;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
  overflow: hidden;
  border-collapse: separate;
  text-align: left;
}
table + table,
.coop-table + .coop-table,
.coop-table-wrapper + .coop-table-wrapper {
  margin-top: 1.5rem;
  margin-top: var(--spacing-24);
}
table caption,
.coop-table__caption {
  margin: 1rem 0 0.5rem;
  margin: var(--spacing-16) 0 var(--spacing-8);
  text-align: left;
}
th,
td,
.coop-table__cell,
.coop-table__header,
.coop-table__footer {
  position: relative;
  padding: 1rem 2rem;
  padding: var(--spacing-16) var(--spacing-32);
  padding-left: 0;
  vertical-align: top;
  border: solid #c4c4c4;
  border: solid var(--color-grey-mid);
  border-width: 0 0 1px;
  text-align: left;
}
th:after, td:after, .coop-table__cell:after, .coop-table__header:after {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    right: 0;
    display: block;
    width: 0.5rem;
    width: var(--spacing-8);
    height: 1px;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--color-white);
    content: "";
  }
th:last-child:after, td:last-child:after, .coop-table__cell:last-child:after, .coop-table__header:last-child:after {
    right: -0.5rem;
    right: calc(var(--spacing-8)*-1);
  }
td[align="right"],
th[align="right"],
.coop-table__cell--numeric,
.coop-table__header--numeric,
.coop-table__footer--numeric {
  padding-left: 2rem;
  padding-left: var(--spacing-32);
  padding-right: 0;
  text-align: right;
}
td[align="right"]:after, th[align="right"]:after, .coop-table__cell--numeric:after, .coop-table__header--numeric:after, .coop-table__footer--numeric:after {
    right: -0.5rem;
    right: calc(var(--spacing-8)*-1);
  }
tbody th,
.coop-table__cell {
  font-weight: normal;
}
thead th,
thead td,
.coop-table__header {
  position: relative;
  padding-bottom: 1.5rem;
  padding-bottom: var(--spacing-24);
  font-weight: bold;
  border-bottom-width: 2px;
}
thead th:after, thead td:after, .coop-table__header:after {
    bottom: -2px;
    border-bottom-width: 2px;
  }
tfoot td,
tfoot th,
.coop-table__footer {
  padding-top: 1.5rem;
  padding-top: var(--spacing-24);
  border-bottom-width: 0;
  font-weight: bold;
}
@media (max-width: 47.9375em) {
.coop-table--stackable tbody th,
.coop-table--stackable tbody td,
.coop-table--stackable tfoot th,
.coop-table--stackable tfoot td {
    padding: 1rem 0;
    padding: var(--spacing-16) 0
}

    .coop-table--stackable tbody th:after, .coop-table--stackable tbody td:after, .coop-table--stackable tfoot th:after, .coop-table--stackable tfoot td:after {
      left: auto;
      right: 50%;
    }
  }
@media (max-width: 47.9375em) {
.coop-table--stackable tbody th,
.coop-table--stackable tfoot th {
    display: block;
    margin-top: 1rem;
    margin-top: var(--spacing-16);
    padding: 1.5rem 0;
    padding: var(--spacing-24) 0;
    font-weight: bold;
    border-bottom-width: 2px
}

    .coop-table--stackable tbody th:after, .coop-table--stackable tfoot th:after {
      display: none;
    }
  }
.coop-table--stackable tbody tr:first-of-type th {
  margin-top: 0;
}
@media (max-width: 47.9375em) {
.coop-table--stackable tbody td,
.coop-table--stackable tfoot td {
    display: flex;
    border-bottom-width: 1px
}

    .coop-table--stackable tbody td:before, .coop-table--stackable tfoot td:before {
      width: 50%;
      padding-right: 1rem;
      padding-right: var(--spacing-16);
      font-weight: normal;
      text-align: left;
      white-space: normal;
      content: attr(data-heading) "";
    }
  }
@media (max-width: 47.9375em) {
    .coop-table--stackable tfoot td:before {
      font-weight: bold;
    }
  }
@media (max-width: 47.9375em) {
.coop-table--stackable tfoot td[align="right"],
.coop-table--stackable tbody td[align="right"],
.coop-table--stackable .coop-table__cell--numeric,
.coop-table--stackable .coop-table__footer--numeric {
    justify-content: space-between
}

    .coop-table--stackable tfoot td[align="right"]:after, .coop-table--stackable tbody td[align="right"]:after, .coop-table--stackable .coop-table__cell--numeric:after, .coop-table--stackable .coop-table__footer--numeric:after {
      right: 50%;
    }
  }
/* .coop-u-visuallyhidden */
@media (max-width: 47.9375em) {
.coop-table--stackable thead th,
.coop-table--stackable thead td {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    opacity: 0;
    letter-spacing: 0
}
  }
/* @import '@coopdigital/foundations-grid/src/grid.pcss'; */
.coop-c-search{position:relative}
.coop-c-search__input{position:relative;width:calc(100% - 60px);margin-right:5px;border-right:0;border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}
.coop-c-search__button:focus,.coop-c-search__input:focus{z-index:1}
.coop-c-search__input--small{width:calc(100% - 44px);height:2.76rem;padding:.25rem .625rem}
.coop-c-search__button{position:absolute;width:60px;bottom:0;right:0;height:100%;padding:0 15px;margin-bottom:0;border:0;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer}
.coop-c-search__button svg{position:relative;top:1px}
.coop-c-search__button--small{width:44px;min-height:100%;padding:0 10px}
.coop-c-search__input::-ms-clear,.coop-c-search__input::-ms-reveal{display:none;width:0;height:0}
.coop-c-search__input::-webkit-search-cancel-button,.coop-c-search__input::-webkit-search-decoration,.coop-c-search__input::-webkit-search-results-button,.coop-c-search__input::-webkit-search-results-decoration{display:none}
/* Skip navigation */
.coop-c-skip-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.coop-c-skip-nav__list {
  list-style: none;
  margin: 0;
}
.coop-c-skip-nav__link {
  --offscreen-position: -9999px;

  position: absolute;
  left: -9999px;
  left: var(--offscreen-position);
  top: 0;
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  padding: 1rem;
  padding: var(--spacing-medium--1-4);
  color: #000;
  color: var(--color-black);
  background: #ffd309;
  background: var(--color-yellow-mid-5);
  white-space: nowrap;
}
@media (min-width: 48em) {
.coop-c-skip-nav__link {
    font-size: 1.2499999rem;
    font-size: var(--type-body-l)
}
  }
.coop-c-skip-nav__link:hover {
  color: #000;
  color: var(--color-black);
}
.coop-c-skip-nav__link:focus,
.coop-c-skip-nav__link:active {
  left: 1rem;
  left: var(--spacing-medium--1-4);
}
.coop-c-skip-nav__link:focus:not(:focus-visible) {
  left: var(--offscreen-position);
}
.coop-c-page {
  position: relative;
  z-index: 2;
}
.coop-c-page--health {
    overflow: hidden;
  }
.page__header {
  margin: 2rem 0 0 0;
  margin: var(--spacing-32) 0 0 0;
}
.page__heading {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
}
.page__caption {
  /* --type-base--lead: 1.2499999rem; */
  font-size: 1.2499999rem;
  font-size: var(--type-sp-l);
  font-weight: normal;
}
.coop-c-page-header {
  margin-top: 3rem;
  margin-top: var(--spacing-48);
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
}
@media (min-width: 48em) {
.coop-c-page-header {
    margin-top: 4rem;
    margin-top: var(--spacing-64);
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-32)
}
  }
.coop-c-page-header__title h1 {
  margin-bottom: 0;
}
.coop-c-page-header__description {
  margin-top: 1rem;
  margin-top: var(--spacing-16);
  margin-bottom: 0;
  margin-right: 0;
  color: #595959;
  color: var(--color-text-alt);
  font-size: 1.125rem;
  font-size: var(--type-body-s);
}
@media (min-width: 48em) {
.coop-c-page-header__description {
    margin-top: 2rem;
    margin-top: var(--spacing-32);
    margin-right: 20%;
    font-size: 1.2499999rem;
    font-size: var(--type-body-l)
}
  }
.coop-c-page-header__search {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
.coop-u-show-only-for-print {
  display: none;
}
@media print {
  @page {
    margin: 0.25cm;
  }

  footer,
  .search,
  .coop-c-nav__list,
  .coop-c-nav__signin,
  .coop-c-nav__toplink,
  #you-may-also-like,
  .signpost,
  .coop-u-remove-for-print {
    display: none;
  }

  .coop-u-show-only-for-print {
    display: block;
  }

  .food-c-hero-recipe__image-content {
    width: 30%;
    float: right;
    margin-top: 20px;
  }

  .coop-l-row__hero {
    margin-top: 0 !important;
  }

  .coop-l-row__hero {
    float: left;
    width: 68%;
  }

  #main {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  #main {
    color: #000;
  }

  .coop-header {
    position: static;
    box-shadow: none;
    padding: 0;
    height: 1.5cm;
    min-height: auto;
  }

  .coop-c-nutritionals__traffic-lights div,
  .coop-c-nutritionals__traffic-lights div + span {
    padding: 0 !important;
  }

  .coop-c-nutritionals__traffic-lights div.high {
    color: black;
  }

  .food-c-hero-recipe__hero-content ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .coop-c-tag {
    padding: 0 !important;
  }

  .coop-c-tabs,
  .coop-l-actions {
    display: none !important;
  }

  .coop-l-ingredients ul {
    padding: 0 0 0 16px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .coop-l-method ol {
    padding: 0 0 0 16px !important;
  }

  .coop-l-ingredients ul li {
    padding-bottom: 0 !important;
  }

  .coop-l-ingredients ul li,
  .coop-l-method ol li {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .coop-c-tabs__content {
    display: block !important;
    border: 0 !important;
  }

  .coop-c-tabs__content {
    padding: 0;
  }

    .coop-c-tabs__content:first-child {
      margin-bottom: -1px;
    }

    .coop-c-tabs__content h3 {
      visibility: visible !important;
      padding: 0 0 0 16px !important;
    }

    .coop-c-tabs__content h3 {
      margin-top: $quarter-spacing-unit;
      margin-bottom: 0;
    }

  .coop-l-wrap__food-c-hero-recipe {
    background-color: $page !important;
  }

    .coop-l-wrap__food-c-hero-recipe .coop-l-column {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .coop-l-wrap__food-c-hero-recipe li {
      margin-left: 0 !important;
    }

  .coop-c-page-title {
    margin-bottom: 0 !important;
  }

  .coop-l-wrap__food-c-hero-recipe .coop-l-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .food-c-hero-recipe__hero-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .food-c-hero-recipe__hero-content {
    margin-top: 0;
  }

  .food-c-hero-recipe__share {
    display: none;
  }
}
:root {
  /**
    * These colours should mirror what is defined within Contentful.
      Whenever you change a colour here you must also update
      the colour in the custom UI extension.
    */

  /* TODO: check against theme colours in foundations
             remove if not needed
    */
  /* test */
  --dark-text: #282828;
  --light-text: #ffffff;

  --theme--1-bg: #f5f5f0;
  --theme--1-text: #282828;

  --theme--1a-bg: #534f4f;
  --theme--1a-text: #ffffff;

  --theme--1b-bg: #00b1e7;
  --theme--1b-text: #ffffff;

  --theme--2-bg: #44d7b6;
  --theme--2-text: #282828;

  --theme--2a-bg: #0e817f;
  --theme--2a-text: #ffffff;

  --theme--2b-bg: #e9fffa;
  --theme--2b-text: #282828;

  --theme--3-bg: #f7d002;
  --theme--3-text: #282828;

  --theme--3a-bg: #496005;
  --theme--3a-text: #ffffff;

  --theme--3b-bg: #fffcee;
  --theme--3b-text: #282828;

  --theme--4-bg: #ff9d34;
  --theme--4-text: #282828;

  --theme--4a-bg: #8b2400;
  --theme--4a-text: #ffffff;

  --theme--4b-bg: #fff2e5;
  --theme--4b-text: #282828;

  --theme--5-bg: #274e97;
  --theme--5-text: #ffffff;

  --offers-button--1a-bg: #2e63a9;
  --offers-button--1b-bg: #2c5289;
}
/* theme 1 */
.theme--1__block {
      background-color: #f5f5f0;
      background-color: var(--theme--1-bg);
      color: var(--theme--dark-text);
    }
.theme--1 .coop-c-hero__squircle__path,
    .theme--1 .coop-c-homehero__squircle__path {
      fill: #f5f5f0;
      fill: var(--theme--1-bg);
    }
.theme--1 .section__heading,
    .theme--1 .coop-c-hero__title,
    .theme--1 .coop-c-hero__body,
    .theme--1 .coop-c-hero__body a,
    .theme--1 .coop-c-statement {
      color: #282828;
      color: var(--theme--1-text);
    }
.theme--1 .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--1-text);
      border-color: #282828;
      border-color: var(--theme--1-text);
    }
.theme--1a__block {
      background-color: #534f4f;
      background-color: var(--theme--1a-bg);
    }
.theme--1a .coop-c-hero__squircle__path,
    .theme--1a .coop-c-homehero__squircle__path {
      fill: #534f4f;
      fill: var(--theme--1a-bg);
    }
.theme--1a .section__heading,
    .theme--1a .coop-c-hero__title,
    .theme--1a .coop-c-hero__body,
    .theme--1a .coop-c-statement {
      color: #ffffff;
      color: var(--theme--1a-text);
    }
.theme--1a .coop-c-hero__body a {
      color: #ffffff;
      color: var(--theme--1a-text);
      border-color: #ffffff;
      border-color: var(--theme--1a-text);
    }
.theme--1b__block {
      background-color: #00b1e7;
      background-color: var(--theme--1b-bg);
    }
.theme--1b .coop-c-hero__squircle__path,
    .theme--1b .coop-c-homehero__squircle__path {
      fill: #00b1e7;
      fill: var(--theme--1b-bg);
    }
.theme--1b .section__heading,
    .theme--1b .coop-c-hero__title,
    .theme--1b .coop-c-hero__body,
    .theme--1b .coop-c-statement {
      color: #ffffff;
      color: var(--theme--1b-text);
    }
.theme--1b .coop-c-hero__body a {
      color: #ffffff;
      color: var(--theme--1b-text);
      border-color: #ffffff;
      border-color: var(--theme--1b-text);
    }
/* theme 2 */
.theme--2__block {
      background-color: #44d7b6;
      background-color: var(--theme--2-bg);
    }
.theme--2 .coop-c-hero__squircle__path,
    .theme--2 .coop-c-homehero__squircle__path {
      fill: #44d7b6;
      fill: var(--theme--2-bg);
    }
.theme--2 .section__heading,
    .theme--2 .coop-c-hero__title,
    .theme--2 .coop-c-hero__body,
    .theme--2 .coop-c-statement {
      color: #282828;
      color: var(--theme--2-text);
    }
.theme--2 .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--2-text);
      border-color: #282828;
      border-color: var(--theme--2-text);
    }
.theme--2a__block {
      background-color: #0e817f;
      background-color: var(--theme--2a-bg);
    }
.theme--2a .coop-c-hero__squircle__path,
    .theme--2a .coop-c-homehero__squircle__path {
      fill: #0e817f;
      fill: var(--theme--2a-bg);
    }
.theme--2a .section__heading,
    .theme--2a .coop-c-hero__title,
    .theme--2a .coop-c-hero__body,
    .theme--2a .coop-c-statement {
      color: #ffffff;
      color: var(--theme--2a-text);
    }
.theme--2a .coop-c-hero__body a {
      color: #ffffff;
      color: var(--theme--2a-text);
      border-color: #ffffff;
      border-color: var(--theme--2a-text);
    }
.theme--2b__block {
      background-color: #e9fffa;
      background-color: var(--theme--2b-bg);
    }
.theme--2b .coop-c-hero__squircle__path,
    .theme--2b .coop-c-homehero__squircle__path {
      fill: #e9fffa;
      fill: var(--theme--2b-bg);
    }
.theme--2b .section__heading,
    .theme--2b .coop-c-hero__title,
    .theme--2b .coop-c-hero__body,
    .theme--2b .coop-c-statement {
      color: #282828;
      color: var(--theme--2b-text);
    }
.theme--2b .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--2b-text);
      border-color: #282828;
      border-color: var(--theme--2b-text);
    }
/* theme 3 */
.theme--3__block {
      background-color: #f7d002;
      background-color: var(--theme--3-bg);
    }
.theme--3 .coop-c-hero__squircle__path,
    .theme--3 .coop-c-homehero__squircle__path {
      fill: #f7d002;
      fill: var(--theme--3-bg);
    }
.theme--3 .section__heading,
    .theme--3 .coop-c-hero__title,
    .theme--3 .coop-c-hero__body,
    .theme--3 .coop-c-statement {
      color: #282828;
      color: var(--theme--3-text);
    }
.theme--3 .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--3-text);
      border-color: #282828;
      border-color: var(--theme--3-text);
    }
.theme--3a__block {
      background-color: #496005;
      background-color: var(--theme--3a-bg);
    }
.theme--3a .coop-c-hero__squircle__path,
    .theme--3a .coop-c-homehero__squircle__path {
      fill: #496005;
      fill: var(--theme--3a-bg);
    }
.theme--3a .section__heading,
    .theme--3a .coop-c-hero__title,
    .theme--3a .coop-c-hero__body,
    .theme--3a .coop-c-statement {
      color: #ffffff;
      color: var(--theme--3a-text);
    }
.theme--3a .coop-c-hero__body a {
      color: #ffffff;
      color: var(--theme--3a-text);
      border-color: #ffffff;
      border-color: var(--theme--3a-text);
    }
.theme--3b__block {
      background-color: #fffcee;
      background-color: var(--theme--3b-bg);
    }
.theme--3b .coop-c-hero__squircle__path,
    .theme--3b .coop-c-homehero__squircle__path {
      fill: #fffcee;
      fill: var(--theme--3b-bg);
    }
.theme--3b .section__heading,
    .theme--3b .coop-c-hero__title,
    .theme--3b .coop-c-hero__body,
    .theme--3b .coop-c-statement {
      color: #282828;
      color: var(--theme--3b-text);
    }
.theme--3b .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--3b-text);
      border-color: #282828;
      border-color: var(--theme--3b-text);
    }
/* theme 4 */
.theme--4__block {
      background-color: #ff9d34;
      background-color: var(--theme--4-bg);
    }
.theme--4 .coop-c-hero__squircle__path,
    .theme--4 .coop-c-homehero__squircle__path {
      fill: #ff9d34;
      fill: var(--theme--4-bg);
    }
.theme--4 .section__heading,
    .theme--4 .coop-c-hero__title,
    .theme--4 .coop-c-hero__body,
    .theme--4 .coop-c-statement {
      color: #282828;
      color: var(--theme--4-text);
    }
.theme--4 .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--4-text);
      border-color: #282828;
      border-color: var(--theme--4-text);
    }
.theme--4a__block {
      background-color: #8b2400;
      background-color: var(--theme--4a-bg);
    }
.theme--4a .coop-c-hero__squircle__path,
    .theme--4a .coop-c-homehero__squircle__path {
      fill: #8b2400;
      fill: var(--theme--4a-bg);
    }
.theme--4a .section__heading,
    .theme--4a .coop-c-hero__title,
    .theme--4a .coop-c-hero__body,
    .theme--4a .coop-c-statement {
      color: #ffffff;
      color: var(--theme--4a-text);
    }
.theme--4a .coop-c-hero__body a {
      color: #ffffff;
      color: var(--theme--4a-text);
      border-color: #ffffff;
      border-color: var(--theme--4a-text);
    }
.theme--4b__block {
      background-color: #fff2e5;
      background-color: var(--theme--4b-bg);
    }
.theme--4b .coop-c-hero__squircle__path,
    .theme--4b .coop-c-homehero__squircle__path {
      fill: #fff2e5;
      fill: var(--theme--4b-bg);
    }
.theme--4b .section__heading,
    .theme--4b .coop-c-hero__title,
    .theme--4b .coop-c-hero__body,
    .theme--4b .coop-c-statement {
      color: #282828;
      color: var(--theme--4b-text);
    }
.theme--4b .coop-c-hero__body a {
      color: #282828;
      color: var(--theme--4b-text);
      border-color: #282828;
      border-color: var(--theme--4b-text);
    }
/* shared components from npm */
/* Editorial Card */
.coop-c-editorialcard {
  display: flex;
  flex: 1;
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
  position: relative;
}
.coop-c-editorialcard--auto-height {
  height: calc(100% - 2rem);
  height: calc(100% - var(--spacing-32));
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
.coop-c-editorialcard__inner {
  display: block;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
  box-shadow: var(--ui-shadow);
  transition: box-shadow 0.2s ease-in;
  flex: 1;
}
.coop-c-editorialcard__inner:hover,
  .coop-c-editorialcard__inner:focus {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
    box-shadow: var(--ui-shadow--hover);
  }
@media (min-width: 64em) {
.coop-c-editorialcard--twocol .coop-c-editorialcard__content {
    padding-right: 5.25rem
}
  }
@media (min-width: 48em) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__inner {
    display: flex;
    flex-direction: row
}
  }
@media (min-width: 48em) {
.coop-c-editorialcard--flip .coop-c-editorialcard__inner {
    flex-direction: row-reverse
}
  }
.coop-c-editorialcard__link {
  display: block;
  width: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border: 0;
}
.coop-c-editorialcard__media {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: #f3f3f3;
  background-color: var(--color-grey-light);
}
.coop-c-editorialcard--horizontal .coop-c-editorialcard__media {
  overflow: hidden;
}
@media (min-width: 48em) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__media {
    flex-basis: 31.6506309148%;
    width: 31.6506309148%
}
  }
.coop-c-editorialcard__image {
  display: block;
}
.coop-c-editorialcard__image img {
    display: block;
    width: 100%;
    border: 0;
  }
@media (min-width: 48em) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__image,
.coop-c-editorialcard--horizontal .coop-c-editorialcard__image img {
    height: 100%;
    width: 100%
}
  }
/* IE 10/11 */
@media all and (-ms-high-contrast: none) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__image,
.coop-c-editorialcard--horizontal .coop-c-editorialcard__image img {
    height: auto
}
  }
@media (min-width: 48em) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__image img {
    object-fit: cover
}
  }
.coop-c-editorialcard__content {
  padding: 1.25rem 1rem;
  position: relative;
  z-index: 1;
  flex: 1;
  color: #534f4f;
}
@media (min-width: 64em) {
.coop-c-editorialcard__content {
    padding: 1.25rem 1.25rem
}
  }
@media (min-width: 64em) {
.coop-c-editorialcard--horizontal .coop-c-editorialcard__media + .coop-c-editorialcard__content {
    padding-left: 2rem;
    padding-right: 11.25rem
}
  }
@media (min-width: 64em) {
.coop-c-editorialcard--flip .coop-c-editorialcard__media + .coop-c-editorialcard__content {
    padding-left: 1.25rem
}
  }
.coop-c-editorialcard__subtitle {
  margin: 0 0 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.coop-c-editorialcard__title {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 2rem;
  margin: 0;
  padding: 0;
  color: #282828;
  color: var(--color-text);
}
a:hover .coop-c-editorialcard__title,
a:focus .coop-c-editorialcard__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.coop-c-editorialcard__body {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0.5rem 0 0;
  max-width: 43.75rem;
}
.coop-c-editorialcard__body p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1rem;
    margin-top: 1.25rem;
  }
.coop-c-editorialcard__body p:last-child {
      margin-bottom: 0;
    }
/* Feature Card */
.coop-c-featureCard {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  margin-bottom: 4rem;
  margin-bottom: var(--spacing-64);
}
.coop-c-featureCard__link {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: black;
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
  box-shadow: var(--ui-shadow);
  transition: box-shadow 0.2s ease-in;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.coop-c-featureCard:hover .coop-c-featureCard__title,
.coop-c-featureCard:focus .coop-c-featureCard__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.coop-c-featureCard:hover .coop-c-featureCard__link,
.coop-c-featureCard:focus .coop-c-featureCard__link {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
  box-shadow: var(--ui-shadow--hover);
  color: transparent;
}
.coop-c-featureCard__media {
  display: flex;
  margin: 0;
}
.coop-c-featureCard__media .coop-c-featureCard__media-wrap {
  width: 100%;
  height: auto;
  line-height: 0;
  position: relative;
}
.coop-c-featureCard__media .coop-c-featureCard__media-wrap img {
    height: auto;
    width: 100%;
  }
.coop-c-featureCard__media .coop-c-featureCard__media-wrap--16-9 {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}
.coop-c-featureCard__media .coop-c-featureCard__media-wrap--16-9 img {
    position: absolute;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
.coop-c-featureCard__squircle {
  color: #fff;
  color: var(--color-white);
  padding: 1rem;
  padding: var(--spacing-base--1-2);
  position: absolute;
  top: -30px;
  right: -28px;
  height: 114px;
  width: 118px;
  z-index: 10;
  transform: scale(0.88);
}
@media (min-width: 64em) {
.coop-c-featureCard__squircle {
    transform: none;
    top: -21px;
    right: -8px
}
  }
@media (min-width: 48em) {
.coop-c-featureCard__squircle {
    transform: scale(0.78)
}
  }
.coop-c-featureCard__squircle {
  padding: 0.875rem 0 0;
  top: -38px;
  right: -32px;
  transform: scale(0.7);
}
@media (min-width: 64em) {
.coop-c-featureCard__squircle {
    transform: none;
    top: -31px;
    right: -20px
}
  }
.coop-c-featureCard__squircle--super_saver_squircle {
  top: -42px;
  right: -38px;
  height: 140px;
  width: 147px;
}
@media (min-width: 64em) {
.coop-c-featureCard__squircle--super_saver_squircle {
    transform: none;
    top: -31px;
    right: -20px
}
  }
.coop-c-featureCard__squircle__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.coop-c-featureCard__squircle__svg {
  width: 100%;
  fill: #d3212a;
}
.coop-c-featureCard__squircle__label {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-top: -8px;
}
.coop-c-featureCard__squircle__small-text {
  max-width: 100px;
  color: #fff;
  color: var(--color-white);
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  line-height: 1.4em;
  padding: 0.5rem 0.125rem 0;
  padding: var(--spacing-base--1-4) var(--spacing-base--1-8) 0;
  text-align: center;
  width: 100px;
}
.coop-c-featureCard__squircle__large-text {
  max-width: 100px;
  color: #fff;
  color: var(--color-white);
  font-weight: 600;
  font-size: 2.25rem;
  display: block;
  text-align: center;
  line-height: 1.4;
}
@media (min-width: 48em) {
.coop-c-featureCard__squircle__large-text {
    font-size: 2rem
}
  }
.coop-c-featureCard__squircle__large-text,
.coop-c-featureCard__squircle__small-text {
  margin-top: -16px;
}
.coop-c-featureCard__squircle--text-pull {
  margin-top: -7px;
}
.coop-c-featureCard__squircle--fresh_3 .coop-c-featureCard__squircle__uppercase {
  margin-top: 32px;
}
.coop-c-featureCard__squircle__uppercase {
  max-width: 100px;
  font-size: 1.55rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
  text-transform: uppercase;
}
.coop-c-featureCard__squircle__uppercase--new {
  font-size: 1.75rem;
}
.coop-c-featureCard__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 1rem 2rem;
  padding: var(--spacing-base--3-4) var(--spacing-base--1-2) var(--spacing-base);
  background-color: #fff;
  background-color: var(--color-white);
}
.coop-c-featureCard__title {
  color: #282828;
  color: var(--color-text);
  font-weight: 600;
  font-size: 1.375rem;
  padding: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
}
.coop-c-featureCard__linkText {
  color: #282828;
  color: var(--color-text);
  display: flex;
  font-size: 1.125rem;
  font-size: var(--type-h456-s);
  margin-bottom: 0;
  width: 100%;
}
/* horizontal modifier styles */
@media (min-width: 37.5em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__link {
    flex-direction: row-reverse
}
  }
@media (min-width: 37.5em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__media {
    max-width: 45%;
    flex: 1 0 45%
}
  }
@media (min-width: 37.5em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__content {
    max-width: 55%;
    flex: 1 0 55%;
    padding: 0.5rem 1rem 0 0.5rem;
    padding: var(--spacing-base--1-4) var(--spacing-base--1-2) 0 var(--spacing-base--1-4)
}
  }
@media (min-width: 64em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__content {
    padding: 1rem 2rem 0 1rem;
    padding: var(--spacing-base--1-2) var(--spacing-base) 0 var(--spacing-base--1-2)
}
  }
@media (min-width: 37.5em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__title {
    font-size: 1rem;
    margin-bottom: 0
}
  }
@media (min-width: 48em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__title {
    font-size: 1.125rem
}
  }
@media (min-width: 64em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__title {
    font-size: 1.375rem
}
  }
@media (min-width: 37.5em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__media .coop-c-featureCard__media-wrap--16-9 {
    height: auto
}
  }
@media (min-width: 48em) {
.coop-c-featureCard--horizontal .coop-c-featureCard__media .coop-c-featureCard__media-wrap--16-9 {
    height: 0
}
  }
@media (min-width: 64em) {
.coop-c-featureCard--large .coop-c-featureCard__media {
    flex: 1 0 33.333%
}
  }
@media (min-width: 37.5em) {
.coop-c-featureCard--large .coop-c-featureCard__content {
    padding: 2rem 4rem 0 2rem;
    padding: var(--spacing-base) var(--spacing-medium) 0 var(--spacing-base)
}
  }
@media (min-width: 48em) {
.coop-c-featureCard--large .coop-c-featureCard__content {
    padding: 2rem 8rem 0 2rem;
    padding: var(--spacing-base) calc(var(--spacing-medium)*2) 0 var(--spacing-base)
}
  }
/* Hero */
.coop-c-hero {
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
  position: relative;
  z-index: 0;
}
.coop-c-hero .coop-c-signpost {
  display: inline-block;
  margin: 1rem 0 0 0;
  margin: var(--spacing-16) 0 0 0;
  width: auto;
}
.coop-c-hero .coop-c-signpost__content {
  min-height: 3.3rem;
}
.coop-c-hero .coop-c-signpost__title {
  flex-shrink: 0;
  flex-basis: auto;
}
.coop-c-hero .coop-c-signpost__icon {
  fill: currentColor;
  margin-left: 1rem;
  margin-left: var(--spacing-16);
}
.coop-c-hero .coop-c-signpost__icon--prefix {
  margin-left: 0;
  margin-right: 0.75rem;
  margin-right: var(--spacing-12);
}
.coop-c-hero .coop-c-signpost a {
  color: #282828;
  color: var(--color-text);
}
@media (min-width: 48em) {
  .coop-c-hero {
    margin-bottom: 3rem;
    margin-bottom: var(--spacing-48);
  }
}
.coop-c-hero--pull {
  margin-bottom: -6rem;
}
@media (min-width: 64em) {
  .coop-c-hero--pull {
    margin-bottom: -12rem;
  }
}
.coop-c-hero__inner {
  max-width: 81rem;
  padding: 1.5rem 1rem 0;
  padding: var(--spacing-24) var(--spacing-16) 0;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 48em) {
  .coop-c-hero__inner {
    padding-top: 2rem;
    padding-top: var(--spacing-32);
  }
}
@media (min-width: 64em) {
  .coop-c-hero__inner {
    padding: 2rem 1.5rem 0;
    padding: var(--spacing-32) var(--spacing-24) 0;
  }
}
@media (min-width: 81.25em) {
  .coop-c-hero__inner {
    padding: 3rem 1rem 0;
    padding: var(--spacing-48) var(--spacing-16) 0;
  }
}
.coop-c-hero--squircle .coop-c-hero__inner {
  padding-bottom: 3rem;
  padding-bottom: var(--spacing-48);
}
@media (min-width: 48em) {
  .coop-c-hero--squircle .coop-c-hero__inner {
    padding-bottom: 3rem;
    padding-bottom: var(--spacing-48);
  }
}
@media (min-width: 64em) {
  .coop-c-hero--squircle .coop-c-hero__inner {
    padding-bottom: 6rem;
  }
}
@media (min-width: 81.25em) {
  .coop-c-hero--squircle .coop-c-hero__inner {
    padding-bottom: 7rem;
  }
}
@media (min-width: 48em) {
  .coop-c-hero--media .coop-c-hero__inner {
    padding-bottom: 0;
  }
}
.coop-c-hero--pull .coop-c-hero__inner {
  padding-bottom: 6rem;
}
@media (min-width: 64em) {
  .coop-c-hero--pull .coop-c-hero__inner {
    padding-bottom: 13rem;
  }
}
.coop-c-hero__title {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 2.875rem;
  font-size: var(--type-h1-l);
  line-height: 3.625rem;
}
@media (min-width: 48em) {
  .coop-c-hero__title {
    float: left;
    width: 66.6666%;
    padding-right: 1rem;
    padding-right: var(--spacing-16);
  }
}
@media (min-width: 48em) {
  .coop-c-hero--media .coop-c-hero__title {
    width: 50%;
  }
}
.coop-c-hero__title--mega {
  font-size: 1.875rem;
  font-size: var(--type-h1-s);
  line-height: 2.813rem;
}
@media (min-width: 25.875em) {
  .coop-c-hero__title--mega {
    font-size: 3rem;
    font-size: var(--type-h1-mega-s);
    line-height: 3.625rem;
  }
}
@media (min-width: 64em) {
  .coop-c-hero__title--mega {
    font-size: 3.5rem;
    font-size: var(--type-h1-mega-l);
  }
}
.coop-c-hero__media {
  margin: 1rem -1rem 0;
  margin: var(--spacing-16) -1rem 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 48em) {
  .coop-c-hero__media {
    width: 50%;
    margin: 0;
    padding-left: 1rem;
    padding-left: var(--spacing-16);
    float: right;
  }
}
.coop-c-hero__image {
  display: block;
}
.coop-c-hero__image img {
  display: block;
  width: 100%;
}
.coop-c-hero__body {
  position: relative;
  z-index: 2;
  padding-top: 1.25rem;
}
@media (min-width: 48em) {
  .coop-c-hero__body {
    float: left;
    width: 66.6666%;
    padding-right: 2rem;
    padding-right: var(--spacing-32);
  }
}
@media (min-width: 81.25em) {
  .coop-c-hero__body {
    padding-top: 2rem;
    padding-top: var(--spacing-32);
  }
}
.coop-c-hero__body p {
  font-size: 1.2499999rem;
  font-size: var(--type-sp-l);
  line-height: 2rem;
  line-height: var(--spacing-32);
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
}
.coop-c-hero__body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .coop-c-hero__body p {
    font-size: 1.375rem;
    font-size: var(--type-lp-s);
  }
  .coop-c-hero--media .coop-c-hero__body {
    width: 50%;
  }
}
@media (min-width: 48em) {
  .coop-c-hero--squircle.coop-c-hero--media .coop-c-hero__body {
    width: 50%;
    padding-bottom: 3rem;
    padding-bottom: var(--spacing-48);
  }
}
@media (min-width: 64em) {
  .coop-c-hero--squircle.coop-c-hero--media .coop-c-hero__body {
    padding-bottom: 4rem;
    padding-bottom: var(--spacing-64);
  }
}
.coop-c-hero__squircle {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 280%;
  transform: translateX(-50%);
  margin-left: -10%;
  z-index: 1;
  fill: #eef3fc;
  fill: var(--color-blue-light-10);
  pointer-events: none;
}
/* --color-blue-light-10 */
@media (min-width: 48em) {
  .coop-c-hero__squircle {
    left: auto;
    right: 0;
    transform: none;
    width: 150%;
  }
}
@media (min-width: 64em) {
  .coop-c-hero__squircle {
    right: 0;
    width: 160%;
  }
}
@media (min-width: 81.25em) {
  .coop-c-hero__squircle {
    width: 145%;
  }
}
@media (min-width: 90em) {
  .coop-c-hero__squircle {
    right: -1rem;
    width: 155%;
  }
}
.coop-c-hero__squircle__inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 95.78246393%;
}
.coop-c-hero__squircle__svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.coop-c-hero .coop-c-hero__end-date {
  margin-top: 1rem;
  margin-top: var(--spacing-16);
}
.coop-c-hero .coop-c-hero__end-date svg,
.coop-c-hero .coop-c-hero__end-date span {
  vertical-align: middle;
}
.coop-c-hero__link-container {
  display: flex;
  flex-wrap: wrap;
}
.coop-c-hero__link {
  margin-right: 10px;
  margin-bottom: 10px;
}
.coop-c-hero__disclaimer {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
}
.coop-c-hero__disclaimer p {
  font-size: 1rem;
  font-size: var(--type-sp-s);
  line-height: 1.5;
  line-height: var(--type-line-height);
}
@media (min-width: 64em) {
  .coop-c-hero__disclaimer p {
    font-size: 1.2499999rem;
    font-size: var(--type-sp-l);
  }
}
/* target links in heros that aren't coop-btn,
   or are direct descendants of hero__body
   or direct descendants of p tags descended directly from hero__body */
.coop-c-hero.coop-u-black .coop-c-hero__body > a,
.coop-c-hero.coop-u-black .coop-c-hero__body > p > a,
.coop-c-hero.coop-u-black .coop-c-hero__body a:not(.coop-btn) {
  color: #282828;
  color: var(--color-text);
}
.coop-c-hero.coop-u-white .coop-c-hero__body > a,
.coop-c-hero.coop-u-white .coop-c-hero__body > p > a,
.coop-c-hero.coop-u-white .coop-c-hero__body a:not(.coop-btn) {
  color: #fff;
  color: var(--color-white);
}
/* Image */
.coop-c-image {
  margin: 0 0 0.5rem 0;
  margin: 0 0 var(--spacing-base--1-4) 0;
}
.coop-c-image img {
    width: 100%;
    display: block;
  }
.section .coop-c-image {
  margin: 0 0 1rem 0;
}
@media (min-width: 48em) {
.section .coop-c-image {
    margin-bottom: 2rem
}
  }
.coop-c-list-container {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
@media (min-width: 64em) {
.coop-c-list-container {
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-64)
}
  }
.coop-c-list-container__title {
  border-bottom: 1px solid #c4c4c4;
  border-bottom: 1px solid var(--color-grey-mid);
}
.coop-c-list-container__list {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
.coop-c-list-container__list li {
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-8);
  }
.coop-c-list-container__list-link {
  color: #282828;
  color: var(--color-text);
}
.coop-c-list-container__list-link:hover,
.coop-c-list-container__list-link:focus,
.coop-c-list-container__list-link:active {
  color: #282828;
  color: var(--color-text);
}
/* Membership component */
.coop-c-membershipmodule {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.coop-c-membershipmodule__inner {
  position: relative;
  max-width: 81rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 2rem;
  padding: var(--spacing-24) var(--spacing-16) var(--spacing-32);
}
@media (min-width: 37.5em) {
.coop-c-membershipmodule__inner {
    padding: 2rem 1rem;
    padding: var(--spacing-32) var(--spacing-16)
}
  }
@media (min-width: 64em) {
.coop-c-membershipmodule__inner {
    padding: 2rem 1.5rem 3rem;
    padding: var(--spacing-32) var(--spacing-24) var(--spacing-48)
}
  }
@media (min-width: 81.25em) {
.coop-c-membershipmodule__inner {
    padding: 3rem 1rem 4rem;
    padding: var(--spacing-48) var(--spacing-16) var(--spacing-64)
}
  }
@media (min-width: 37.5em) {
.coop-c-membershipmodule__content {
    width: 62%;
    float: right;
    padding-bottom: 2rem;
    padding-bottom: var(--spacing-32)
}
  }
@media (min-width: 48em) {
.coop-c-membershipmodule__content {
    max-width: 38.75rem; /* 620px */
    padding-right: 2rem;
    padding-right: var(--spacing-32)
}
  }
@media (min-width: 81.25em) {
.coop-c-membershipmodule__content {
    max-width: 43.75rem; /* 700px */
    width: 50%
}
  }
.coop-c-membershipmodule__title {
  font-size: 1.625rem;
  font-size: var(--type-h2-s);
}
@media (min-width: 48em) {
.coop-c-membershipmodule__title {
    font-size: 2rem;
    font-size: var(--type-h2-l)
}
  }
.coop-c-membershipmodule__btns {
  margin-top: 1rem;
  margin-top: var(--spacing-16);
}
@media (min-width: 48em) {
.coop-c-membershipmodule__btns {
    margin-top: 1.5rem;
    margin-top: var(--spacing-24)
}
  }
.coop-c-membershipmodule__links {
  margin: 1rem 0 0;
  margin: var(--spacing-16) 0 0;
}
@media (min-width: 48em) {
.coop-c-membershipmodule__links {
    margin-top: 1.5rem;
    margin-top: var(--spacing-24)
}
  }
.coop-c-membershipmodule__list {
  margin: 1rem 0;
  margin: var(--spacing-16) 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 48em) {
.coop-c-membershipmodule__list {
    margin-top: 1.5rem;
    margin-top: var(--spacing-24)
}
  }
.coop-c-membershipmodule__media {
  position: relative;

  height: 304px;
  margin: 3rem 0 1rem;
  margin: var(--spacing-48) 0 var(--spacing-16);
  text-align: center;
}
@media (min-width: 37.5em) {
.coop-c-membershipmodule__media {
    position: absolute;
    bottom: 2rem;
    bottom: var(--spacing-32);
    left: 0;
    width: 38%;
    margin: 0
}
  }
@media (min-width: 64em) {
.coop-c-membershipmodule__media {
    height: 433px
}
  }
@media (min-width: 81.25em) {
.coop-c-membershipmodule__media {
    width: 50%
}
  }
.coop-c-membershipmodule__graphic {
  position: relative;
  z-index: 2;

  display: inline-block;
  width: 150px;
  height: 224px;
  margin-top: 40px;

  transform: rotate(-8deg);
  box-shadow: 0 4px 16px rgba(40, 40, 40, 0.24);
}
@media (min-width: 64em) {
.coop-c-membershipmodule__graphic {
    margin-top: 104.5px
}
  }
.coop-c-membershipmodule__card {
  fill: #00b1e7;
  fill: var(--color-brand-coop);
}
.coop-c-membershipmodule__logo {
  fill: #fff;
  fill: var(--color-white);
}
.coop-c-membershipmodule__connector,
.coop-c-membershipmodule__svg {
  display: block;
  width: 288px;
  height: 100%;
}
@media (min-width: 64em) {
.coop-c-membershipmodule__connector,
.coop-c-membershipmodule__svg {
    width: 392px
}
  }
.coop-c-membershipmodule__connector {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -144px;
}
@media (min-width: 64em) {
.coop-c-membershipmodule__connector {
    margin-left: -196px
}
  }
.coop-c-membershipmodule__path {
  fill: none;
  stroke: #d8e6f4;
  stroke: var(--color-brand-membership-blue-light-9);
}
/* Fake connector repeating lines */
.coop-c-membershipmodule__content:before,
.coop-c-membershipmodule__content:after {
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 50%;

  border-top: 8px solid #d8e6f4;

  border-top: 8px solid var(--color-brand-membership-blue-light-9);
  content: "";
}
/* Fake connector repeating lines (left) */
.coop-c-membershipmodule__content:before {
  bottom: 344px;
  left: 0;
  margin-left: -76px;
}
@media (min-width: 37.5em) {
.coop-c-membershipmodule__content:before {
    bottom: 328px;
    display: block;
    width: 19%
}
  }
@media (min-width: 64em) {
.coop-c-membershipmodule__content:before {
    bottom: 446px;
    margin-left: -104px
}
  }
@media (min-width: 81.25em) {
.coop-c-membershipmodule__content:before {
    width: 100%;
    right: 50%;
    left: auto;
    margin-right: calc(25% + 104px)
}
  }
/* Fake connector repeating lines (right) */
.coop-c-membershipmodule__content:after {
  bottom: 48px;
  left: 50%;
  margin-left: 76px;
}
@media (min-width: 37.5em) {
.coop-c-membershipmodule__content:after {
    bottom: 32px;
    left: 19%;
    width: 81%
}
  }
@media (min-width: 64em) {
.coop-c-membershipmodule__content:after {
    bottom: 43px;
    margin-left: 104px
}
  }
@media (min-width: 81.25em) {
.coop-c-membershipmodule__content:after {
    left: 25%;
    width: 100%
}
  }
.coop-offers-module-container {
  position: relative;
}
.coop-double-squircles-bg {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.coop-double-squircles-bg svg {
    transform: translate(-3%, -8%);
  }
@media (min-width: 37.5em) {
.coop-double-squircles-bg svg {
      transform: translate(-4%, -10%)
  }
    }
@media (min-width: 64em) {
.coop-double-squircles-bg svg {
      transform: translate(-10%, -10%)
  }
    }
.coop-c-offersmodule {
  padding: 1.5rem;
  background-color: #fff;
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-base);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 48em) {
.coop-c-offersmodule {
    padding: 2rem
}
  }
.coop-c-offersmodule__header {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
.coop-c-offersmodule__header {
    margin-bottom: 0.5rem
}
  }
.coop-c-offersmodule__title {
  padding-top: 0;
}
@media (min-width: 37.5em) {
.coop-c-offersmodule__title {
    font-size: 1.625rem;
    line-height: 2.25rem
}
  }
@media (min-width: 48em) {
.coop-c-offersmodule__title {
    margin: 0
}
  }
.coop-c-offersmodule__cta {
  margin: 0 0 1rem 0;
}
@media (min-width: 48em) {
.coop-c-offersmodule__cta {
    margin: 0 0 1rem 1rem
}
  }
@media (min-width: 48em) {
.coop-c-offersmodule__cta {
    display: flex
}
  }
@media (min-width: 81.25em) {
.coop-c-offersmodule__cta {
    display: inline-block
}
  }
.coop-c-offersmodule__cta__link {
  padding: 0.875rem 1.5rem;
  padding: calc(var(--spacing-base--1-4)*1.75) calc(var(--spacing-base--1-2)*1.5);
  color: #fff;
  color: var(--color-white);
  background: #0f8482;
  background: var(--color-button-primary);
  font-size: 1.125rem;
  font-family: "Avenir-Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  text-align: center;
  border: 0;
  border-radius: 0.4375rem;
  transition: all 0.15s linear;
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  line-height: normal;
  margin: 0 auto;
  display: block;
}
@media (min-width: 48em) {
.coop-c-offersmodule__cta__link {
    padding: 1rem 1.5rem;
    padding: var(--spacing-base--1-2) calc(var(--spacing-base--1-2)*1.5);
    line-height: 1.125rem
}
  }
@media (min-width: 37.5em) {
.coop-c-offersmodule__cta__link {
    margin: 0;
    display: inline-block
}
  }
.coop-c-offersmodule__cta__link:hover,
  .coop-c-offersmodule__cta__link:focus {
    background: #1c6b6a;
    background: var(--color-button-primary--hover);
    color: #fff;
    color: var(--color-white);
  }
.coop-c-offersmodule__cta__link:active {
    background: #124948;
    background: var(--color-button-primary--active);
    color: #fff;
    color: var(--color-white);
    outline: 0;
  }
.coop-c-offersmodule__sign-in {
  display: block;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  text-align: center;
}
/* required to overwrite foundation CSS */
.coop-c-offersmodule__sign-in:last-child {
    margin-bottom: 0;
  }
@media (min-width: 81.25em) {
.coop-c-offersmodule__sign-in {
    line-height: 2rem
}
  }
@media (min-width: 48em) {
.coop-c-offersmodule__sign-in {
    margin-left: 1rem
}
  }
@media (min-width: 37.5em) {
.coop-c-offersmodule__sign-in {
    text-align: left
}
  }
.coop-c-offersmodule__sign-in__link {
  font-weight: 500;
}
.coop-c-offersmodule__media-container {
  display: none;
}
@media (min-width: 64em) {
.coop-c-offersmodule__media-container {
    display: inherit
}
  }
.coop-c-offersmodule__media {
  margin: 0;
  padding: 0;
}
@media (min-width: 48em) {
.coop-c-offersmodule__media {
    position: relative;
    left: 20px
}
  }
.coop-c-offersmodule__links {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 0.27rem 0 0 2rem;
  display: none;
}
@media (min-width: 48em) {
.coop-c-offersmodule__links {
    display: block
}
  }
@media (min-width: 64em) {
.coop-c-offersmodule__links {
    align-self: center
}
  }
@media (min-width: 81.25em) {
.coop-c-offersmodule__links {
    line-height: 2rem
}
  }
.coop-c-offersmodule__links__link {
  color: #2f66af;
  border-color: #2f66af;
}
@media (min-width: 48em) {
.coop-c-offersmodule__actions,
.coop-c-offersmodule__links {
    display: flex;
    align-self: flex-end;
    flex-direction: column
}
  }
/* Statement */
.coop-c-statement-block {
  overflow: hidden;
  width: 100%;
  padding: 4rem 2rem;
  margin: 0 0 4rem 0;
  margin: 0 0 var(--spacing-64) 0;
}
@media (min-width: 48em) {
.coop-c-statement-block {
    padding: 2.5rem 3rem 4rem
}
  }
@media (min-width: 64em) {
.coop-c-statement-block {
    padding: 6.5rem 6rem
}
  }
.coop-c-statement-block__quote {
  display: block;
  width: 2.75rem;
  height: 2.25rem;

  margin: 0 0 2.1875rem 0;
}
@media (min-width: 37.5em) {
.coop-c-statement-block__quote {
    margin: 0 auto 3.5rem
}
  }
.coop-c-statement-block__inner {
  display: flex;
  justify-content: center;
}
@media (min-width: 64em) {
.coop-c-statement-block__inner {
    margin: 0 -2rem
}
  }
@media (min-width: 81.25em) {
.coop-c-statement-block__inner {
    margin: 0 -4rem
}
  }
.coop-c-statement-block__statement {
  text-align: left;
  color: #000;
  color: var(--color-black);
}
@media (min-width: 37.5em) {
.coop-c-statement-block__statement {
    text-align: center;
    margin: 0 auto
}
  }
@media (min-width: 81.25em) {
.coop-c-statement-block__statement {
    padding: 0 10rem
}
  }
.coop-c-statement-block__statement p {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2rem;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
.coop-c-statement-block__statement p {
    max-width: 75%
}
  }
@media (min-width: 64em) {
.coop-c-statement-block__statement p {
    font-size: 2rem;
    line-height: 3.125rem;
    max-width: 46.875rem;
    margin: 0 auto
}
  }
.coop-c-statement-block__link {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.125rem;
  margin-top: 2.1875rem;
  display: block;
  text-align: left;
  color: #000;
  color: var(--color-black);
}
.coop-c-statement-block__link:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
  }
@media (min-width: 37.5em) {
.coop-c-statement-block__link {
    text-align: center
}
  }
@media (min-width: 64em) {
.coop-c-statement-block__link {
    font-size: 1.5rem;
    line-height: 2.625rem;
    margin-top: 3.5rem
}
  }
/* Signpost */
.coop-c-signpost {
  flex-grow: 1;
  display: flex;
  background-color: #fff;
  background-color: var(--color-white);
  width: 100%;
  margin-bottom: 4rem;
  margin-bottom: var(--spacing-64);
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
}
.coop-c-signpost__link {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  border-bottom: none;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
  box-shadow: var(--ui-shadow);
  transition: box-shadow 0.2s ease-in;
  color: #282828;
  color: var(--color-text);
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  overflow: hidden;
}
@media (min-width: 48em) {
.coop-c-signpost__link {
    flex-direction: column
}
  }
/* IE 10/11 */
@media all and (-ms-high-contrast: none) {
.coop-c-signpost__link {
    display: block
}
  }
.coop-c-signpost__link:hover,
  .coop-c-signpost__link:focus {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
    box-shadow: var(--ui-shadow--hover);
  }
.coop-c-signpost__deal {
  color: #fff;
  color: var(--color-white);
  text-align: center;
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  width: 3.625rem;
  height: 2.8125rem;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media (min-width: 48em) {
.coop-c-signpost__deal {
    top: -1rem;
    right: -0.5rem;
    width: 3.8125rem;
    height: 3.625rem
}
  }
.coop-c-signpost__deal__label {
  flex: 1;
  display: block;
  position: relative;
  z-index: 2;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 48em) {
.coop-c-signpost__deal__label {
    font-size: 1rem;
    line-height: 1.5rem
}
  }
.coop-c-signpost__deal__squircle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.coop-c-signpost__deal__squircle svg {
    width: 100%;
    height: 100%;
    fill: #d3212a;
  }
.coop-c-signpost__media {
  margin: 0;
  position: relative;
  height: 5rem;
  flex-basis: 8.875rem;
  width: 8.875rem;
}
@media (min-width: 48em) {
.coop-c-signpost__media {
    height: auto;
    flex-basis: auto;
    width: auto
}
  }
.coop-c-signpost__image {
  display: block;
  width: auto;
  height: 100%;
}
@media (min-width: 48em) {
.coop-c-signpost__image {
    width: 100%;
    height: auto
}
  }
.coop-c-signpost__image img {
    display: block;
    width: auto;
    height: 100%;
    border: 0;
  }
@media (min-width: 48em) {
.coop-c-signpost__image img {
      width: 100%;
      height: auto
  }
    }
.coop-c-signpost__content {
  display: flex;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  min-height: 5rem;
  align-items: center;
  flex: 1;
}
@media (min-width: 48em) {
.coop-c-signpost__content {
    min-height: none;
    padding: 1rem 1.5rem
}
  }
@media (min-width: 64em) {
.coop-c-signpost__content {
    padding: 1.25rem 2rem
}
  }
.coop-c-signpost__title {
  flex: 1;
  margin: 0;
  padding: 0 0.5rem 0 0;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
@media (min-width: 48em) {
.coop-c-signpost__title {
    padding-right: 1rem
}
  }
@media (min-width: 64em) {
.coop-c-signpost__title {
    font-size: 1.25rem;
    line-height: 1.75rem
}
  }
a:hover .coop-c-signpost__title,
a:focus .coop-c-signpost__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.coop-c-signpost__icon {
  display: block;
  flex-basis: 0.75rem;
  max-width: 0.75rem;
  transition: transform 0.2s ease-in-out;
  width: 0.75rem;
  height: 1.375rem;
  overflow: hidden;
}
/* Option icon that prefixes signpost text */
.coop-c-signpost__icon--prefix {
  max-width: 2rem;
  max-height: 2rem;
  flex-basis: 2rem;
  margin-right: 0.4rem;
}
a:hover .coop-c-signpost__icon,
a:focus .coop-c-signpost__icon {
  transform: translateX(0.25rem);
}
/* Do not translate prefix icons on hover */
a:hover .coop-c-signpost__icon--prefix,
a:focus .coop-c-signpost__icon--prefix {
  transform: none;
}
.coop-c-signpost__icon__svg {
  display: block;
  width: 100%;
  height: 100%;
}
/* Text */
.coop-c-text h2:first-child {
  padding-top: 0;
}
@media (min-width: 48em) {
.coop-c-text--contrained {
    width: 66.6666%
}
  }
.section .coop-c-text {
  margin: 0 0 1rem 0;
}
@media (min-width: 48em) {
.section .coop-c-text {
    margin-bottom: 2rem
}
  }
/* Video */
.coop-c-video {
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 0 1rem 0;
  margin: 0 0 var(--spacing-medium--1-4) 0;
}
.coop-c-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
.section .coop-c-video {
  margin: 0 0 1rem 0;
}
@media (min-width: 48em) {
.section .coop-c-video {
    margin-bottom: 2rem
}
  }
.coop-l-section {
  position: relative;
}
.coop-l-section__inner {
    position: relative;
    z-index: 1;
  }
.coop-l-section__heading {
    padding-top: 0;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-16);
  }
@media (min-width: 64em) {
.coop-l-section__heading {
      margin-bottom: 2rem;
      margin-bottom: var(--spacing-32)
  }
    }
.coop-l-section__squircles {
    display: none;
  }
@media (min-width: 48em) {
.coop-l-section__squircles {
      display: block;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      pointer-events: none
  }
    }
.coop-l-section__squircles__inner {
      width: 100%;
      height: 100%;
      max-width: 81rem;
      margin: 0 auto;
      position: relative;
    }
.coop-l-section__squircle {
    position: absolute;
  }
.coop-l-section__squircle--a {
      width: 500rem;
      top: 0;
      left: -250rem;
    }
@media (min-width: 64em) {
.coop-l-section__squircle--a {
        width: 687.5rem;
        left: -346.875rem
    }
      }
.coop-l-section__squircle__inner {
      position: relative;
      width: 100%;
      height: 0;
      /* aspect ratio of squircle - (1802 / 1726) */
      padding-top: 95.78246393%;
    }
.coop-l-section__squircle__svg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      fill: inherit;
    }
.coop-l-section__squircles--multiple .coop-l-section__squircle--a {
    width: 118.375rem;
    top: -1.875rem;
    left: -52.5rem;
  }
.coop-l-section__squircles--multiple .coop-l-section__squircle--b {
    width: 118.375rem;
    top: -68.75rem;
    left: 56rem;
  }
/* VARIANTS */
/* Padding */
.coop-l-section--padding-default {
    padding-top: 2rem;
    padding-top: var(--spacing-32);
    padding-bottom: 2rem;
    padding-bottom: var(--spacing-32);
  }
@media (min-width: 64em) {
.coop-l-section--padding-default {
      padding-top: 3.5rem;
      padding-bottom: 1.5rem
  }
    }
/* Dots */
.coop-l-section--dots {
    background-repeat: repeat;
    background-position: 50% 0;
  }
.coop-l-section--dots-0 {
    background-image: url('/assets/static/images/css/bg-dot-f5f5f0_14x14.png');
  }
@media (min-width: 48em) {
.coop-l-section--dots-0 {
      background-image: url('/assets/static/images/css/bg-dot-f5f5f0_20x20.png')
  }
    }
/* Single Squircle */
.coop-l-section--squircle-single-0 {
    background-color: #f5f5f0;
    background-color: var(--theme--1-bg);
    color: #282828;
    color: var(--theme--1-text);
  }
@media (min-width: 48em) {
.coop-l-section--squircle-single-0 {
      background-color: transparent
  }
    }
.coop-l-section--squircle-single-0 .coop-l-section__squircle--a {
    fill: #f5f5f0;
    fill: var(--theme--1-bg);
  }
/* Multiple Squircles */
.coop-l-section--squircle-multiple-0 {
    background-color: #93d8fe;
  }
@media (min-width: 48em) {
.coop-l-section--squircle-multiple-0 {
      background-color: #00b1e7;
      background-color: var(--color-brand)
  }
    }
.coop-l-section--squircle-multiple-0 .coop-l-section__squircle--a {
    fill: #93d8fe;
  }
.coop-l-section--squircle-multiple-0 .coop-l-section__squircle--b {
    fill: #daf1fd;
  }
/* Colors */
.coop-l-section--color-1 {
    background-color: #f5f5f0;
    background-color: var(--theme--1-bg);
    color: #282828;
    color: var(--theme--1-text);
  }
.coop-l-section--color-1 a {
      color: #282828;
      color: var(--theme--1-text);
    }
.coop-l-section--color-1a {
    background-color: #534f4f;
    background-color: var(--theme--1a-bg);
    color: #ffffff;
    color: var(--theme--1a-text);
  }
.coop-l-section--color-1a a {
      color: #ffffff;
      color: var(--theme--1a-text);
    }
.coop-l-section--color-1b {
    background-color: #00b1e7;
    background-color: var(--theme--1b-bg);
    color: #ffffff;
    color: var(--theme--1b-text);
  }
.coop-l-section--color-1b a {
      color: #ffffff;
      color: var(--theme--1b-text);
    }
.coop-l-section--color-2 {
    background-color: #44d7b6;
    background-color: var(--theme--2-bg);
    color: #282828;
    color: var(--theme--2-text);
  }
.coop-l-section--color-2 a {
      color: #282828;
      color: var(--theme--2-text);
    }
.coop-l-section--color-2a {
    background-color: #0e817f;
    background-color: var(--theme--2a-bg);
    color: #ffffff;
    color: var(--theme--2a-text);
  }
.coop-l-section--color-2a a {
      color: #ffffff;
      color: var(--theme--2a-text);
    }
.coop-l-section--color-2b {
    background-color: #e9fffa;
    background-color: var(--theme--2b-bg);
    color: #282828;
    color: var(--theme--2b-text);
  }
.coop-l-section--color-2b a {
      color: #282828;
      color: var(--theme--2b-text);
    }
.coop-l-section--color-3 {
    background-color: #f7d002;
    background-color: var(--theme--3-bg);
    color: #282828;
    color: var(--theme--3-text);
  }
.coop-l-section--color-3 a {
      color: #282828;
      color: var(--theme--3-text);
    }
.coop-l-section--color-3a {
    background-color: #496005;
    background-color: var(--theme--3a-bg);
    color: #ffffff;
    color: var(--theme--3a-text);
  }
.coop-l-section--color-3a a {
      color: #ffffff;
      color: var(--theme--3a-text);
    }
.coop-l-section--color-3b {
    background-color: #fffcee;
    background-color: var(--theme--3b-bg);
    color: #282828;
    color: var(--theme--3b-text);
  }
.coop-l-section--color-3b a {
      color: #282828;
      color: var(--theme--3b-text);
    }
.coop-l-section--color-4 {
    background-color: #ff9d34;
    background-color: var(--theme--4-bg);
    color: #282828;
    color: var(--theme--4-text);
  }
.coop-l-section--color-4 a {
      color: #282828;
      color: var(--theme--4-text);
    }
.coop-l-section--color-4a {
    background-color: #8b2400;
    background-color: var(--theme--4a-bg);
    color: #ffffff;
    color: var(--theme--4a-text);
  }
.coop-l-section--color-4a a {
      color: #ffffff;
      color: var(--theme--4a-text);
    }
.coop-l-section--color-4b {
    background-color: #fff2e5;
    background-color: var(--theme--4b-bg);
    color: #282828;
    color: var(--theme--4b-text);
  }
.coop-l-section--color-4b a {
      color: #282828;
      color: var(--theme--4b-text);
    }
/* TODO: is there a better way? */
.coop-l-section + .coop-l-container,
.coop-l-container + .coop-l-section {
  margin-top: 2rem;
  margin-top: var(--spacing-32);
}
@media (min-width: 64em) {
.coop-l-section + .coop-l-container,
.coop-l-container + .coop-l-section {
    margin-top: 3.5rem
}
  }
.coop-c-toggle__content p {
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  line-height: 1.875rem;
}
.coop-c-breadcrumb__wrapper {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-16);
  margin-top: 0.5rem;
  margin-top: var(--spacing-8);
  padding: 0.125rem;
  padding: var(--spacing-2);
}
@media (min-width: 64em) {
.coop-c-breadcrumb__wrapper {
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: 0.5rem;
    top: var(--spacing-8)
}
  }
.coop-c-breadcrumb__wrapper--page {
  padding: 1rem 0.5rem;
  padding: var(--spacing-16) var(--spacing-8);
}
@media (min-width: 48em) {
.coop-c-breadcrumb__wrapper--page {
    background-color: #f2f4f7;
    background-color: var(--color-grey-neutral-cool-light);
    padding: 1.5rem 1.25rem;
    padding: var(--spacing-24) 1.25rem
}
  }
@media (min-width: 64em) {
.coop-c-breadcrumb__wrapper--page {
    padding-left: 70px
}
  }
.coop-c-breadcrumb__link {
  display: inline-block;
  color: #595959;
  color: var(--color-text-alt);
  padding: 0.125rem;
  padding: var(--spacing-2);
}
.coop-c-breadcrumb__icon {
  position: relative;
  top: 0.125rem;
  top: var(--spacing-2);
  height: 1.125rem;
  height: var(--type-body-s);
  width: auto;
  margin-right: 0.5rem;
  margin-right: var(--spacing-8);
}
.recipePostcode {
  margin: 0 1rem;
  margin: 0 var(--spacing-16);
}
@media (min-width: 48em) {
.recipePostcode {
    margin: 0;
    margin-top: -72px;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-16)
}
  }
.coop-c-postcode {
  background-color: #ecf9fb;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  border-radius: 8px;
}
.coop-c-postcode.coop-c-postcode--vertical {
    flex-direction: column-reverse;
  }
@media (min-width: 48em) {
.coop-c-postcode {
    flex-direction: row
}
  }
.coop-c-postcode__form {
  flex: 1;
  padding: 2rem;
  padding: var(--spacing-32);
  max-width: none;
}
.coop-c-postcode__form h2 {
    font-size: 1.625rem;
    font-size: var(--type-h2-s);
    margin: 0;
    padding: 0;
  }
.coop-c-postcode--vertical .coop-c-postcode__form {
    max-width: none;
  }
.coop-c-postcode--vertical .coop-c-postcode__form h2 {
      font-size: 1.625rem;
      font-size: var(--type-h2-s);
    }
@media (min-width: 48em) {
.coop-c-postcode__form {
    max-width: 550px
}

    .coop-c-postcode__form h2 {
      font-size: 2rem;
      font-size: var(--type-h2-l);
    }
  }
.coop-c-postcode__label {
  margin: 0;
  margin-top: 0.5rem;
  margin-top: var(--spacing-8);
}
.coop-c-postcode__searchbox {
  margin-top: 1rem;
  margin-top: var(--spacing-16);
  position: relative;
  width: 200px;
}
.coop-c-postcode.error .coop-c-postcode__searchbox {
    border: 1px solid #e20f14;
    border: 1px solid var(--color-red-mid);
  }
.coop-c-postcode__searchbox input {
    width: 100%;
    padding-right: 52px;
  }
.coop-c-postcode__searchbox .coop-c-postcode__submit {
    position: absolute;
    width: 52px;
    bottom: 0;
    right: 0;
    padding: 0 15px;
    margin-bottom: 0;
    border: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    color: white;
  }
.coop-c-postcode__searchbox svg {
    fill: currentColor;
  }
.coop-c-postcode__image {
  flex: 1;
  max-width: none;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: #00b1e7;
  background-color: var(--color-brand-coop);
  -webkit-clip-path: ellipse(95% 100% at center top);
          clip-path: ellipse(95% 100% at center top);
  border-radius: 8px;
}
.coop-c-postcode--vertical .coop-c-postcode__image {
    max-width: none;
    -webkit-clip-path: ellipse(95% 100% at center top);
            clip-path: ellipse(95% 100% at center top);
  }
.coop-c-postcode__image img {
    object-fit: cover;
    height: 100%;
  }
@media (min-width: 48em) {
.coop-c-postcode__image {
    max-width: 480px;
    -webkit-clip-path: ellipse(100% 130% at right center);
            clip-path: ellipse(100% 130% at right center)
}

    .coop-c-postcode__image img {
      height: auto;
      width: 100%;
    }
  }
@media (min-width: 64em) {
    .coop-c-postcode__image img {
      height: 100%;
      width: auto;
    }
  }
.coop-c-postcode__error:last-child {
  margin: 6px 0 0;
  font-size: 1.125rem;
  font-size: var(--type-body-s);
}
.coop-c-postcode__error:last-child .coop-u-red-mid {
  font-weight: 500;
}
/* TEMP FILE - overrides for shared comps postcode
   move this into modifier class on component in coop-frontend repo */
.coop-c-actioncard {
  background: #e9fafc;
  background: var(--color-teal-light-10);
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  overflow: hidden;
}
.coop-c-actioncard__inner {
  display: flex;
}
.coop-c-actioncard__text {
  flex-basis: fit-content;
  max-width: 93%;
  padding: 1.5rem;
  padding: var(--spacing-24);
  padding-right: 0.5rem;
  padding-right: var(--spacing-8);
  font-size: 1.125rem;
  font-size: var(--type-body-s);
}
.coop-c-actioncard__text h2 {
    font-size: 1.375rem;
    font-size: var(--type-h3-s);
  }
.coop-c-actioncard__image {
  flex-basis: 32%;
  margin-left: auto;
  -webkit-clip-path: ellipse(66% 66% at 66% 50%);
          clip-path: ellipse(66% 66% at 66% 50%);
}
@media (max-width: 47.9375em) and (min-width: 37.5em) {
.coop-c-actioncard__image {
    -webkit-clip-path: ellipse(66% 90% at 66% 50%);
            clip-path: ellipse(66% 90% at 66% 50%)
}
  }
.coop-c-actioncard__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
@media (min-width: 48em) {
.coop-c-actioncard__mobile-only {
    display: none
}
  }
.coop-c-editorialcard {
  margin: 1rem 0 2rem 0;
}
.coop-c-hero-food--dark {
    color: #fff;
    color: var(--color-white);
  }
.coop-c-hero-food--dark a {
      color: #fff;
      color: var(--color-white);
    }
.coop-c-hero-food{

  position: relative;
  z-index: 50;
  width: 100%;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0;
  overflow: hidden;
}
.coop-c-hero-food__title {
    position: relative;
    margin-bottom: 1.25rem;
    font-size: 2.625rem;
    font-weight: 500;
  }
@media (min-width: 37.5em) {
.coop-c-hero-food__title {
      font-size: 3.75rem;
      margin-bottom: 0
  }
    }
.coop-c-hero-food .coop-c-search {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-16);
  }
.coop-c-hero-food .coop-c-search__input {
      font-size: 1.2499999rem;
      font-size: var(--type-sp-l);
    }
@media (min-width: 48em) {
.coop-c-hero-food .coop-c-search {
      margin-bottom: 1.75rem
  }
    }
.coop-c-hero-food__links p {
      font-size: 1.2499999rem;
      font-size: var(--type-sp-l);
      margin-bottom: 2rem;
      margin-bottom: var(--spacing-32);
    }
.coop-c-hero-food__video {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
@media (min-width: 48em) {
.coop-c-hero-food__video {
      display: block
  }
    }
.coop-c-hero-food__video:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 60;
      background-color: rgba(0, 0, 0, 0.3);
    }
.coop-c-hero-food__video-player {
    min-width: 100%;
    min-height: 100%;
  }
.coop-c-hero-food-cards {
  position: relative;
  margin-top: -10.25rem;
  z-index: 100;
  padding: 0 1.25rem;
}
@media (min-width: 48em) {
.coop-c-hero-food-cards {
    margin-top: -11.25rem
}
  }
@media (min-width: 64em) {
.coop-c-hero-food-cards {
    padding: 0
}
  }
.coop-c-hero-recipe {
  background: #fff;
  background: var(--color-white);
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
.coop-c-hero-recipe--overflowContent {
    overflow: visible;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe {
    background: #f2f4f7;
    background: var(--color-grey-neutral-cool-light)
}
  }
.coop-c-hero-recipe__inner {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__inner {
      padding: 0 1.25rem
  }
    }
@media (min-width: 64em) {
.coop-c-hero-recipe__inner {
      padding: 0 70px
  }
    }
.coop-c-hero-recipe__picture,
  .coop-c-hero-recipe__image {
    display: block;
    width: 100%;
  }
.coop-c-hero-recipe__information-block {
    justify-content: space-around;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__information-block {
      max-width: 99%;
      margin: 0 auto
  }
    }
.coop-c-hero-recipe__content {
    color: #282828;
    color: var(--theme--3-text);
    background: #fff;
    background: var(--color-white);
    box-shadow: none;
    padding: 12px 0.5rem;
    padding: 12px var(--spacing-8);
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__content {
      padding: 2rem;
      padding: var(--spacing-32);
      margin-bottom: 2rem;
      margin-bottom: var(--spacing-32)
  }
    }
.coop-c-hero-recipe__content {
    margin-bottom: 1.5rem;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__content {
      margin-top: -72px
  }
    }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .coop-c-hero-recipe__content {
      display: inline-block;
    }
  }
.coop-c-hero-recipe .coop-form__input {
    background: #f3f3f3;
    background: var(--color-grey-neutral-light);
    border: 1px solid #a5a5a5;
    color: #a5a5a5;
    display: block;
    width: 100%;
    font-size: 0.875rem;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe .coop-form__input {
      font-size: 1rem;
      font-size: var(--type-sp-s)
  }
    }
@media (min-width: 48em) {
.coop-c-hero-recipe__image-content {
      margin-left: 0;
      margin-right: 0;
      margin-top: -1.5rem
  }
    }
.coop-c-hero-recipe__title {
    color: #595959;
    font-weight: 400;
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-8);
    font-size: 1.875rem;
    font-size: var(--type-h1-s);
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__title {
      font-size: 2.875rem;
      font-size: var(--type-h1-l);
      margin-bottom: 0
  }
    }
.coop-c-hero-recipe__tagList {
    margin: 0 0 1rem;
    margin: 0 0 var(--spacing-16);
  }
.coop-c-hero-recipe__description {
    font-size: 1rem;
    font-size: var(--type-sp-s);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-16);
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__description {
      font-size: 1.2499999rem;
      font-size: var(--type-sp-l)
  }
    }
.coop-c-hero-recipe__icon {
    height: 25px;
    width: 25px;
  }
.coop-c-hero-recipe__icon--mail {
      height: 20px;
    }
.coop-c-hero-recipe__indicatorList li {
    margin-right: 1.5rem;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe__indicatorList li {
      margin-right: 2rem;
      margin-right: var(--spacing-32)
  }
    }
.coop-c-hero-recipe .list-icons {
    display: flex;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    flex-wrap: wrap;
  }
.coop-c-hero-recipe .list-icons li {
    display: flex;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    color: #595959;
    color: var(--color-text-alt);
    font-size: 1.5rem;
  }
@media (min-width: 48em) {
.coop-c-hero-recipe .list-icons li {
      margin-bottom: 1rem;
      margin-bottom: var(--spacing-16)
  }
    }
.coop-c-hero-recipe .list-icons li span {
      display: block;
      margin: 0 0 0 0.5rem;
      margin: 0 0 0 var(--spacing-8);
      font-size: 0.875rem;
    }
@media (min-width: 48em) {
.coop-c-hero-recipe .list-icons li span {
        font-size: 1.125rem;
        font-size: var(--type-body-s);
        margin: 0 24px -4px 0.5rem;
        margin: 0 24px -4px var(--spacing-8)
    }
      }
.coop-c-recipe-nutritionals {
  margin-top: 2rem;
  margin-top: var(--spacing-32);
}
@media (min-width: 48em) {
.coop-c-recipe-nutritionals {
    margin-top: 0
}
  }
.coop-c-recipe-nutritionals__title {
    font-size: 1.125rem;
    font-size: var(--type-body-s);
    margin-bottom: 0.25rem;
    margin-bottom: var(--spacing-4);
  }
@media (min-width: 48em) {
.coop-c-recipe-nutritionals__title {
      font-size: 1.375rem;
      font-size: var(--type-h456-l)
  }
    }
.coop-c-recipe-nutritionals__traffic-lights-list {
    display: flex;
    width: 100%;
    margin: 0 0 1rem;
    margin: 0 0 var(--spacing-16);
    padding: 0;
    list-style: none;
    font-size: 12px;
  }
.coop-c-recipe-nutritionals__traffic-lights-item {
    flex-basis: 20%;
    margin: 0 0 5px;
    padding-right: 3px;
  }
@media (min-width: 48em) {
.coop-c-recipe-nutritionals__traffic-lights-item {
      padding-right: 5px
  }
    }
.coop-c-recipe-nutritionals__traffic-lights-value {
    font-size: 0.875rem;
    background: #c4c4c4;
    background: var(--color-grey-mid);
    padding: 2px 5px;
  }
@media (min-width: 48em) {
.coop-c-recipe-nutritionals__traffic-lights-value {
      font-size: 1rem;
      padding: 1px 10px 0
  }
    }
.coop-c-recipe-nutritionals__traffic-lights-value.high {
      background: #e20f14;
      background: var(--color-red-mid);
      color: #fff;
      color: var(--color-white);
    }
.coop-c-recipe-nutritionals__traffic-lights-value.medium,
    .coop-c-recipe-nutritionals__traffic-lights-value.med {
      background: #ffd309;
      background: var(--color-yellow-mid);
    }
.coop-c-recipe-nutritionals__traffic-lights-value.low {
      background: #96cb48;
      background: var(--color-green-light);
    }
.coop-c-recipe-nutritionals__traffic-lights-value span {
      font-weight: bold;
      display: inline;
      font-size: 0.875rem;
    }
@media (min-width: 37.5em) {
.coop-c-recipe-nutritionals__traffic-lights-value span {
        font-size: 1rem;
        font-size: var(--type-sp-s)
    }
      }
.coop-c-recipe-nutritionals__traffic-lights-value span.rating {
        display: none;
      }
@media (min-width: 48em) {
.coop-c-recipe-nutritionals__traffic-lights-value span.rating {
          display: inline
      }
        }
.coop-c-recipe-nutritionals__traffic-lights-value + span {
      font-size: 0.875rem;
      float: left;
      padding: 0 5px;
    }
@media (min-width: 48em) {
.coop-c-recipe-nutritionals__traffic-lights-value + span {
        padding: 1px 10px 0
    }
      }
@media (min-width: 37.5em) {
.coop-c-recipe-nutritionals__traffic-lights-value + span {
        font-size: 1rem;
        font-size: var(--type-sp-s)
    }
      }
.coop-c-recipe-nutritionals__traffic-lights-title {
    font-size: 0.875rem;
  }
@media (min-width: 37.5em) {
.coop-c-recipe-nutritionals__traffic-lights-title {
      font-size: 1rem;
      font-size: var(--type-sp-s)
  }
    }
.coop-c-recipe-nutritionals__traffic-lights-disclaimer {
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-top: 1rem;
    margin-top: var(--spacing-16);
  }
.coop-l-recipe__details {
  width: 100%;
}
@media (min-width: 48em) {
.coop-l-recipe__details {
    width: auto;
    margin-left: auto;
    padding: 0px 2.25rem
}
  }
.coop-l-ingredients__inner {
  border: 1px solid #c4c4c4;
  border: 1px solid var(--color-grey-mid);
  padding: 0px 1.375rem;
  box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
  box-shadow: var(--ui-shadow);
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
@media (min-width: 48em) {
.coop-l-ingredients__inner {
    padding: 1rem 2rem;
    padding: var(--spacing-16) var(--spacing-32);
    border-radius: 8px;
    border-radius: var(--ui-border-radius);
    border: none
}
  }
@media (min-width: 37.5em) {
.coop-l-ingredients__inner {
    margin-top: 0
}
  }
.coop-l-ingredients__inner ul {
    list-style: none;
    padding: 0.25rem;
    padding: var(--spacing-4);
  }
@media (min-width: 48em) {
.coop-l-ingredients__inner ul {
      padding: 0
  }
    }
.coop-l-ingredients__inner ul li {
      font-size: 1rem;
      font-size: var(--type-sp-s);
      border-bottom: 1px solid #f3f3f3;
      border-bottom: 1px solid var(--color-grey-light);
      padding-bottom: 1rem;
      padding-bottom: var(--spacing-16);
      margin-bottom: 1rem;
      margin-bottom: var(--spacing-16);
    }
@media (min-width: 48em) {
.coop-l-ingredients__inner ul li {
        font-size: 1.2499999rem;
        font-size: var(--type-sp-l)
    }
      }
.coop-l-ingredients__inner ul li:last-child {
        border-bottom: none;
        padding-bottom: 0;
      }
/* coop recipesmethod */
.coop-l-method__inner {
  border: 1px solid #c4c4c4;
  border: 1px solid var(--color-grey-mid);
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
@media (min-width: 48em) {
.coop-l-method__inner {
    /* TODO: convert to rem */
    margin: 20px 0 0 45px;
    border: none
}
  }
.coop-l-method__inner ol {
    margin-left: 0.25rem;
    margin-left: var(--spacing-4);
    padding: 0.25rem 1rem;
    padding: var(--spacing-4) var(--spacing-16);
  }
@media (min-width: 48em) {
.coop-l-method__inner ol {
      margin-top: 1.25rem;
      padding: 0.25rem;
      padding: var(--spacing-4)
  }
    }
.coop-l-method__inner ol li {
      font-size: 1rem;
      font-size: var(--type-sp-s); /* 16px */
      display: list-item;
      margin-bottom: 2rem;
      margin-bottom: var(--spacing-32);
      padding-left: 0.25rem;
      padding-left: var(--spacing-4);
    }
@media (min-width: 48em) {
.coop-l-method__inner ol li {
        font-size: 1.2499999rem;
        font-size: var(--type-sp-l); /*18px*/
        padding-left: 1rem;
        padding-left: var(--spacing-16)
    }
      }
/* coop recipes video */
.coop-c-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 1.875rem;
  margin: 2rem auto 4rem;
  margin: var(--spacing-32) auto var(--spacing-64);
  height: 0;
  overflow: hidden;
}
.coop-c-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.coop-c-recipe-shop-action-card {
  height: 2rem;
  height: var(--spacing-32);
}
@media (min-width: 64em) {
.coop-c-recipe-shop-action-card {
    height: 3.5rem
}
  }
.coop-c-card {
  flex: 1;
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
  padding-bottom: 0.25rem;
  padding-bottom: var(--spacing-4);
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
}
@media (min-width: 48em) {
.coop-c-card {
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-64)
}
  }
.coop-c-card--result p {
      color: #595959;
      color: var(--color-text-alt);
      font-size: 1rem;
      font-size: var(--type-sp-s);
      margin-bottom: 0.75rem;
    }
.coop-c-card--result .coop-c-card__link .coop-c-card__image {
      overflow: hidden;
      width: 100%;
    }
.coop-c-card--result .coop-c-card__link .coop-c-card__image + .coop-c-card__content {
        position: relative;
        margin: 0;
        box-shadow: none;
        width: 100%;
        padding: 1.125rem;
      }
.coop-c-card--result .coop-c-card__link:hover {
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    }
.coop-c-card--result .coop-c-card__link:hover .coop-c-card__title {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }
.coop-c-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
    overflow: hidden;
    padding-bottom: 0.25rem;
    padding-bottom: var(--spacing-4);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    box-shadow: var(--ui-shadow);
    transition: box-shadow 0.2s ease-in;
    color: #282828;
    color: var(--theme--2b-text);
    overflow: hidden;
    border-radius: 8px;
    border-radius: var(--ui-border-radius);
  }
.coop-c-card__link:hover,
    .coop-c-card__link:focus {
      box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
      box-shadow: var(--ui-shadow-hover);
    }
.coop-c-card__image {
    transition: transform 0.2s ease-in;
  }
.coop-c-card__content {
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease-in;
  }
.coop-c-card__title {
    font-size: 1.2499999rem;
    font-size: var(--type-sp-l);
    line-height: 2rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #282828;
    color: var(--theme--2b-text);
  }
.coop-c-card__title:first-child {
      margin-top: 0;
      padding-top: 0;
    }
.coop-c-card__title:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
    }
@media (min-width: 48em) {
.coop-c-card__title {
      margin-bottom: 1rem;
      margin-bottom: var(--spacing-16)
  }
    }
.coop-c-card .coop-c-card--tags {
  margin-bottom: 0rem;
}
.coop-c-tabs {
  background: var(--recipes-grey-bg);
  display: block;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 48em) {
.coop-c-tabs {
    display: none
}
  }
.coop-c-tabs__content {
    display: none;
    margin-bottom: var(--spaing-8);
  }
@media (min-width: 48em) {
.coop-c-tabs__content {
      border: none;
      display: block
  }
    }
.coop-c-tabs__content h3 {
      visibility: hidden;
    }
@media (min-width: 48em) {
.coop-c-tabs__content h3 {
        font-size: 1.375rem;
        font-size: var(--type-h3-s);
        visibility: visible
    }
      }
.coop-c-tabs__content.active {
      display: block;
    }
.coop-c-tabs__link {
    color: #282828;
    color: var(--color-text);
    border-bottom: none;
    border-top: 5px solid var(--recipes-grey-bg);
    display: block;
    padding: 1rem;
    padding: var(--spacing-16);
    position: relative;
    z-index: 1;
  }
@media (--mq--medium) {
.coop-c-tabs__link {
      padding: 0.25rem;
      padding: var(--spacing-4)
  }
    }
.coop-c-tabs__link:hover {
      border-top: 5px solid var(--recipes-grey-bg);
    }
.coop-c-tabs__link.active {
      background: #fff;
      background: var(--color-white);
      border: 1px solid #c4c4c4;
      border: 1px solid var(--color-grey-mid);
      border-top: 5px solid #ab278d;
      border-top: 5px solid var(--color-purple-mid);
      border-bottom: 1px solid #fff;
      border-bottom: 1px solid var(--color-white);
      top: 1px;
    }
/* Recipe tab */
.coop-c-tab {
  width: 50%;
  margin: 0;
  text-align: center;
  float: left;
}
.coop-l-ingredients {
  margin: 0;
  padding: 0;
}
.coop-c-tag {
  border-radius: 1.5625rem;
  border: 1px solid #a5a5a5;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 3px 14px;
  margin: 0 0.5rem 0.5rem 0;
  margin: 0 var(--spacing-8) var(--spacing-8) 0;
}
@media (min-width: 48em) {
.coop-c-tag {
    font-size: 1rem;
    font-size: var(--type-sp-s)
}
  }
.coop-c-tag--small {
    margin-right: 0.5rem;
    margin-right: var(--spacing-8);
  }
.coop-c-tag__link {
    border-bottom: 0;
    color: #282828;
    color: var(--color-text);
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
.coop-c-tag__link:hover {
      color: #282828;
      color: var(--color-text);
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.coop-c-tag.tag-gluten-free {
    border: none;
    background: #f8890d;
  }
.coop-c-tag.tag-vegan {
    border: none;
    background: #4f820d;
    background: var(--color-green-mid);
    color: #fff;
    color: var(--color-white);
  }
.coop-c-tag.tag-vegan .coop-c-tag__link {
      color: #fff;
      color: var(--color-white);
    }
.coop-c-tag.tag-vegetarian {
    border: none;
    background: #96cb48;
    background: var(--color-green-light);
  }
.coop-c-tag.tag-vegetarian .coop-c-tag__link {
      color: #282828;
      color: var(--color-text);
    }
.coop-c-tag.tag-low-saturated-fat {
    border: none;
    background: #cfe3ff;
    background: var(--color-blue-light);
  }
.coop-c-tag.tag-high-in-protein {
    border: none;
    background: #f690f1;
    background: var(--color-pink-light);
  }
.coop-c-tag.tag-low-fat {
    border: none;
    background: #79dce3;
    background: var(--color-turquoise-light);
  }
.coop-c-tag.tag-source-of-protein {
    border: none;
    background: #ba2327;
    background: var(--color-red-dark);
    color: #fff;
    color: var(--color-white);
  }
.coop-c-tag.tag-source-of-protein .coop-c-tag__link {
      color: #fff;
      color: var(--color-white);
    }
.coop-c-tag.tag-high-fibre {
    border: none;
    background: #114d94;
    background: var(--color-blue-dark);
    color: #fff;
    color: var(--color-white);
  }
.coop-c-tag.tag-high-fibre .coop-c-tag__link {
      color: #fff;
      color: var(--color-white);
    }
.coop-c-tag.tag-source-of-fibre {
    border: none;
    background: #046062;
    background: var(--color-turquoise-dark);
    color: #fff;
    color: var(--color-white);
  }
.coop-c-tag.tag-source-of-fibre .coop-c-tag__link {
      color: #fff;
      color: var(--color-white);
    }
.coop-c-tag.tag-egg-free {
    border: none;
    background: #fffbcd;
    background: var(--color-yellow-light-9);
  }
.coop-c-tag.tag-milk-free {
    border: none;
    background: #e9fafc;
    background: var(--color-teal-light-10);
  }
.coop-c-tag.tag-sugar-free {
    border: none;
    background: #cfe3ff;
    background: var(--color-blue-light-9);
  }
.coop-c-searchactions {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
.coop-c-search__reset {
  display: none;
}
.coop-c-search__input {
  padding: 15px 55px 15px 15px;
}
.coop-c-search__button svg {
  position: relative;
  top: 3px;
  fill: #fff;
  transform-box: view-box;
  width: 1.25rem;
  height: 1.25rem;
}
.coop-c-page-title {
  color: #595959;
  color: var(--color-text-alt);
  font-weight: 100;
}
/* coop filters */
.coop-c-filters {
  position: fixed;
  top: 1rem;
  top: var(--spacing-16);
  left: 1rem;
  left: var(--spacing-16);
  right: 1rem;
  right: var(--spacing-16);
  bottom: 1rem;
  bottom: var(--spacing-16);
  z-index: 1000;
  overflow: hidden;
  padding: 1rem;
  padding: var(--spacing-16);
  transition:
    transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  border: 0;
  border-radius: 8px;
  border-radius: var(--ui-border-radius);
  background: #fff;
  background: var(--color-white);
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
}
/* update media query - combine --mq and landscape, check mqs available */
@media screen and (max-width: 620px) and (orientation: landscape) {
.coop-c-filters {
    top: 0.5rem;
    top: var(--spacing-8);
    bottom: 0.5rem;
    bottom: var(--spacing-8)
}
  }
@media (min-width: 64em) {
.coop-c-filters {
    display: block;
    position: static;
    z-index: auto;
    width: 100%;
    height: auto;
    padding: 1.125rem;
    border: 1px solid #d8d8d8;
    border: 1px solid var(--color-grey-mid-light);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    min-height: 400px
}
  }
.coop-c-filters__form {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 80%;
  }
@media screen and (max-width: 620px) and (orientation: landscape) {
.coop-c-filters__form {
      height: 66%
  }
    }
@media (min-width: 64em) {
.coop-c-filters__form {
      display: block
  }
    }
.coop-c-filters__btn {
    width: 100%;
    font-size: 1.25rem;
    cursor: pointer;
  }
@media (min-width: 48em) {
.coop-c-filters__btn {
      width: 100%
  }
    }
.coop-c-filters__btn--open {
      display: flex;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      border: 0;
    }
.coop-c-filters__btn--open:hover {
        -webkit-text-decoration: none;
        text-decoration: none;
      }
@media (min-width: 64em) {
.coop-c-filters__btn--open {
        display: none
    }
      }
.coop-c-filters__btn--close {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 200;
      padding: 0.625rem 0.75rem;
      font-size: 1.125rem;
      font-size: var(--type-body-s);
      border-radius: 0;
      cursor: pointer;
    }
@media (min-width: 64em) {
.coop-c-filters__btn--close {
        display: none
    }
      }
.coop-c-filters__btn--close-icon {
      position: relative;
      top: 1px;
      width: 0.875rem;
    }
.coop-c-filters__header {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 8px;
    position: relative;
    width: 100%;
    margin-bottom: 0.25rem;
    margin-bottom: var(--spacing-4);
  }
@media screen and (max-width: 620px) and (orientation: landscape) {
.coop-c-filters__header {
      padding-top: 2.875rem
  }
    }
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.coop-c-filters__header {
      font-size: 1.125rem;
      font-size: var(--type-body-s)
  }
    }
@media (min-width: 64em) {
.coop-c-filters__header {
      padding-top: 0
  }
    }
.coop-c-filters__clear {
    display: block;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    border: 0;
    color: #000;
    color: var(--color-black);
    cursor: pointer;
    background-color: transparent;
    background-color: initial;
    font-weight: bold;
    font-size: 1.125rem;
    font-size: var(--type-body-s);
    line-height: 1.5;
  }
.coop-c-filters__clear--disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
.coop-c-filters__header-title {
    font-size: 1.125rem;
    font-size: var(--type-body-s);
    font-weight: bold;
    padding: 0;
    margin: 0;
  }
.coop-c-filters__header:focus-visible {
    transition: none;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    outline-offset: 2px;
  }
.coop-c-filters__header:focus {
    transition: none;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    outline-offset: 2px;
  }
.coop-c-filters__legend {
    position: relative;
    display: block;
    width: 100%;
    padding: var(-spacing-4) 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-size: var(--type-body-s);
    border-bottom: 1px solid #d8d8d8;
    border-bottom: 1px solid var(--color-grey-mid-light);
  }
.coop-c-filters__legend:hover {
      color: #000;
      color: var(--color-black);
      border-color: #000;
      border-color: var(--color-black);
    }
.coop-c-filters__btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-top: var(--spacing-16);
    background: #fff;
    background: var(--color-white);
    z-index: 10;
  }
@media (min-width: 64em) {
.coop-c-filters__btn-wrap {
      padding: 0;
      position: static;
      width: 100%;
      margin-top: 1rem;
      margin-top: var(--spacing-16);
      margin-bottom: 23px;
      display: none
  }
    }
.coop-c-filters__btn-wrap:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 2rem;
      bottom: 100%;
      left: 0;
      background: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
      );
    }
@media screen and (max-width: 620px) and (orientation: landscape) {
.coop-c-filters__btn-wrap:before {
        height: 0.75rem
    }
      }
@media (min-width: 48em) {
.coop-c-filters__btn-wrap:before {
        display: none
    }
      }
.coop-c-filters.js-is--open {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.js-is--open .coop-c-filters__scroll {
    overflow: auto;
    height: 100%;
    padding: 10px 10px 120px 10px;
    width: 100%;
    flex: 0 1 auto;
  }
.js-is--open .coop-c-filters__form {
    margin: 0 -10px;
  }
.js-is--open .coop-c-filters {
    height: auto;
  }
.coop-c-filters__legend a,
.coop-c-filters__legend-trigger {
  color: #000;
  color: var(--color-black);
  -webkit-text-decoration: none;
  text-decoration: none;
  border-bottom: none;
  display: block;
  width: 100%;
}
.coop-c-filters__filter-group {
  padding-left: 0.25rem;
  padding-left: var(--spacing-4);
  padding-bottom: 0.5rem;
  padding-bottom: var(--spacing-8);
}
.coop-c-filters__filter-group__list {
    padding-left: 0;
  }
.coop-c-filters__filter-group__item {
    display: block;
    margin-top: 8px;
    margin-left: 2px;
  }
.coop-c-filters__refinement-item {
  display: flex !important;
}
.coop-c-filters__refinement-item {
  -webkit-text-decoration: none;
  text-decoration: none;
  margin: 4px;
  font-size: 1.125rem;
  font-size: var(--type-body-s);
  justify-content: space-between;
  gap: 0.5rem;
}
/* Animated buttons for toggle in filters */
.animated-expandmore__button,
.coop-c-filters__toggle {
  width: 100%;
  font-size: inherit;
  color: inherit;
  border: 0;
  text-align: left;
  padding: 0.75rem 0;
  cursor: pointer;
  margin-bottom: 0.125rem;
  margin-bottom: var(--spacing-2);
}
.animated-expandmore__button:focus,
  .animated-expandmore__button:active,
  .coop-c-filters__toggle:focus,
  .coop-c-filters__toggle:active {
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
  }
.animated-expandmore__button:focus,
  .animated-expandmore__button:focus-visible,
  .coop-c-filters__toggle:focus,
  .coop-c-filters__toggle:focus-visible {
    transition: none;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    outline-offset: 1px;
  }
.animated-expandmore__button {
  background: #fff;
  background: var(--color-white);
}
/* optional */
.animated-expandmore__symbol {
  position: absolute;
  right: 0;
  transition: transform 0.2s ease-in-out;
}
.animated-expandmore__button.is--opened > .animated-expandmore__symbol,
.animated-expandmore__button[aria-expanded='true']
  > .animated-expandmore__symbol,
.animated-expandmore__button[data-expanded='true']
  > .animated-expandmore__symbol {
  transform: rotate(180deg);
}
.js-expandmore--icon {
  width: 0.875rem;
}
.animated-expandmore__to_expand {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition:
    visibility 0s ease, max-height 0.5s ease, opacity 0.5s ease;
  max-height: 80em;
  visibility: visible;
  transition-delay: 0s;
  top: 0.75rem;
}
[data-hidden='true'].animated-expandmore__to_expand {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.5s, 0s, 0s;
}
/* Filter checkbox labels */
.coop-c-form-choice--active .coop-c-form-choice__label:before,
.coop-c-form-choice .coop-c-form-choice__label:before {
  border-color: #595959;
}
.coop-c-form-choice:focus,
  .coop-c-form-choice:focus-visible {
    transition: none;
    outline: 2px solid #8d44d8;
    outline: 2px solid var(--color-link--focus);
    outline-offset: 1px;
  }
.coop-c-form-choice__value {
  display: inline-block;
  font-weight: normal;
}
.coop-c-form-choice__value--selected {
    font-weight: bold;
  }
@media (min-width: 64em) {
.coop-c-form-choice__count {
    margin-right: 0
}
  }
.coop-c-form-choice__count:before {
  content: '(';
}
.coop-c-form-choice__count:after {
  content: ')';
}
.coop-u-overlay--is-shown {
  overflow: hidden;
  position: fixed;
}
.coop-u-overlay--is-shown .ssn {
    z-index: 0;
  }
.coop-u-overlay--is-shown:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.5s ease;
}
.coop-c-pagination {
  display: flex;
  justify-self: center;
  justify-content: center;
  list-style: none;
  font-size: 1rem;
  padding-left: 0;
}
.coop-c-pagination__item {
    -webkit-text-decoration: none;
    text-decoration: none;
    border-bottom: none;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 2rem;
    margin: 0 5px;
    background: #f2f2f2;
    color: #282828;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-bottom: none;
    border-radius: 2rem;
    cursor: pointer;
  }
.coop-c-pagination__item--active {
      background: #fff;
    }
.coop-c-pagination__item--next,
    .coop-c-pagination__item--previous {
      display: flex;
      align-items: center;
      width: auto;
      padding: 2px;
      background: transparent;
      color: #282828;
      font-size: 1.375rem;
      font-weight: 500;
      border-radius: 0;
    }
.coop-c-pagination__link {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #282828;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-bottom: none;
    font-size: 1rem;
    min-width: 32px;
  }
@media (min-width: 48em) {
.coop-c-pagination__link {
      font-size: 1.125rem
  }
    }
.coop-c-pagination__link-text {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 18px;
  }
.coop-c-pagination__icon--forward {
    transform: rotate(-90deg);
  }
.coop-c-pagination__icon--back {
    transform: rotate(90deg);
  }
.coop-c-pagination__item--disabled .coop-c-pagination__link {
  color: #d8d8d8;
}
.coop-c-pagination__item--disabled .coop-c-pagination__icon {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
  opacity: 0;
  letter-spacing: 0;
}
.coop-c-pagination-link--back {
  margin-right: 2rem;
}
.coop-search-wrapper {
  min-height: 100vh;
}
#RecipesVueInstantSearch {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-32);
}
#RecipesVueInstantSearch article.coop-c-card {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-16);
    height: auto;
    min-height: 200px;
  }
#RecipesVueInstantSearch img.coop-c-card__image {
    min-height: 120px;
    position: absolute;
    top: 0;
    left: 0;
  }
#RecipesVueInstantSearch picture.coop-c-card__image {
    position: relative;
    padding-top: 50%;
  }
#RecipesVueInstantSearch .coop-c-hits__list {
      padding: 0;
      margin-bottom: 2rem;
      margin-bottom: var(--spacing-32);
    }
@media (min-width: 37.5em) {
#RecipesVueInstantSearch .coop-c-hits__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        grid-gap: var(--spacing-16)
    }

        #RecipesVueInstantSearch .coop-c-hits__list article.coop-c-card {
          margin-bottom: 0;
        }
      }
@media (min-width: 48em) {
#RecipesVueInstantSearch .coop-c-hits__list {
        grid-template-columns: 1fr 1fr 1fr
    }
      }
#RecipesVueInstantSearch .coop-c-hits__item {
      display: block;
    }
#RecipesVueInstantSearch .coop-c-hits__item > .coop-c-card {
        height: 100%;
      }
/* coop recipes action ctas */
.coop-l-actions {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 2rem 0;
  margin: var(--spacing-32) 0;
}
@media (min-width: 48em) {
.coop-l-actions {
    flex-direction: row;
    align-items: center;
    justify-content: center
}
  }
.coop-l-actions button {
    font-size: 1rem;
    padding: 1rem 2.5rem;
    padding: var(--spacing-16) 2.5rem;
  }
@media (min-width: 48em) {
.coop-l-actions button {
      font-size: 1.2499999rem;
      font-size: var(--type-sp-l);
      margin-bottom: 0
  }
    }
.coop-l-actions button:nth-child(1) {
      margin-bottom: 1.5rem;
    }
@media (min-width: 48em) {
.coop-l-actions button:nth-child(1) {
        margin-bottom: 0;
        margin-right: 1rem;
        margin-right: var(--spacing-16)
    }
      }
/* should all the below be more globally available? */
.coop-u-show-only-for-print {
  display: none;
}
@media print {
.coop-u-show-only-for-print {
    display: block
}
  }
.coop-list-bare {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
}
.coop-list-bare li.coop-c-tag--small {
  font-size: 0.875rem;
}
.coop-c-icon {
  margin-bottom: 1.5rem;
}
.coop-c-icon__left {
    position: relative;
    top: 4px;
    width: 1.125rem;
    margin-right: 3px;
  }
/* Overide to prevent skip link appearing when the focus is set automatically using JavaScript */
.coop-c-skip-nav__link:active {
      left: 1rem;
    }
/* The browser supports focus-visible, so we can undo the focus style and keep
    the skip link hidden (off screen) even if it is focused, e.g. via the CookiePro JavaScript */
@supports selector(*:focus-visible) {
      .coop-c-skip-nav__link:focus {
        left: -9999px;
      }
    }
/* If the user manually focuses the skip links then focus-visible will
    kick in and this should show the skip link. If it doesn't then try making
    this selector more specific, or use !important on the `left` declaration */
.coop-c-skip-nav__link:focus-visible {
      left: 1rem;
    }