/* This stylesheet, public.scss, is used on public facing pages,
 * such as /directory and /brands/:slug
 */
/* quick reset, for modal close button and others */
button {
  background-color: transparent;
}

/* global, generic selectors, common to all public pages (framework, directory, brand profiles) */
* {
  box-sizing: border-box;
}

body {
  font-family: "Dmsans", sans-serif;
}

::-webkit-details-marker {
  display: none;
}

.box {
  border: 1px solid var(--color-scale-gray-2);
  border-radius: var(--base-size-4);
  padding: var(--base-size-12);
}

/* stylelint-disable */
cards-container {
  display: grid;
  gap: 1.5rem;
  grid-auto-flow: column;
  margin-bottom: -0.75rem;
  margin-left: -0.75rem;
  margin-top: -0.75rem !important;
  overflow-x: auto;
  padding: 0.75rem;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
cards-container > * {
  scroll-margin-left: 0.75rem;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* The rules below replicate the appearance of macOS scrollbar as of March 2023.
 * These were added because we wanted to ensure a scrollbar would always appear,
 * for every user, even trackpad users, but only on desktop and larger screens.
 *
 */
@media (min-width: 768px) {
  cards-container::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  cards-container::-webkit-scrollbar:vertical {
    width: 11px;
  }
  cards-container::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  cards-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, --base-size-4);
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Form
 *
 * The Form module provides a standard set of styles for SimpleForm elements,
 * item errors and help. Not all forms in the site need to use this module, it
 * is only for standard forms.
 *
 * SimpleForm generates additional class, e.g. 'email' and 'optional'.
 * These should not be used for styling as they don't match our naming
 * conventions.
 *
 * Global errors (e.g. ones related to the form as a whole) are
 * handled by the Flash component.
 *
 * Main sections:
 * - Group
 * - Item
 * - Label
 * - Control
 * - Item group
 * - Error
 * - Hint
 * - Info
 * - Actions
 * - Grid
 * - Row
 * - Miscellaneous
 * - Media queries
 */
/* stylelint-disable no-descending-specificity */
.Form {
  /**
   * 'is hidden'
   *
   * For hiding the form entirely, e.g. on successful request invite form submission
   */
  /**
   * 'is enhanced'
   *
   * A state when JS is enabled and so some form features should be enhanced
   */
}
.Form.is-hidden {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}
.Form.is-enhanced {
  /* Show the credit card icons */
  /* Make room for the show/hide password toggle */
  /* Display the show/hide password toggle */
}
.Form.is-enhanced .Form-control--creditCard {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221%200%2060%2040%22%3E%3Cpath%20fill%3D%22%23C4DAB0%22%20d%3D%22M61%2035c0%202.8-2.2%205-5%205H6c-2.8%200-5-2.2-5-5V5c0-2.8%202.2-5%205-5h50c2.8%200%205%202.2%205%205v30z%22%2F%3E%3Cpath%20fill%3D%22%23424143%22%20d%3D%22M2%206.3h59v8H2z%22%2F%3E%3Cpath%20fill%3D%22%237D9769%22%20d%3D%22M56%201c2.2%200%204%201.8%204%204v30c0%202.2-1.8%204-4%204H6c-2.2%200-4-1.8-4-4V5c0-2.2%201.8-4%204-4h50m0-1H6C3.2%200%201%202.2%201%205v30c0%202.8%202.2%205%205%205h50c2.8%200%205-2.2%205-5V5c0-2.8-2.3-5-5-5z%22%2F%3E%3C%2Fsvg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 36px 24px;
}
.Form.is-enhanced .Form-control--creditCard.visa {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22none%22%3E%3Crect%20stroke-opacity%3D%22.2%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.5%22%20fill%3D%22%23FFF%22%20x%3D%22.25%22%20y%3D%22.25%22%20width%3D%2223.5%22%20height%3D%2215.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2.788%205.914A7.201%207.201%200%20001%205.237l.028-.125h2.737c.371.013.672.125.77.519l.595%202.836.182.854%201.666-4.21h1.799l-2.674%206.167H4.304L2.788%205.914zm7.312%205.37H8.399l1.064-6.172h1.7L10.1%2011.284zm6.167-6.021l-.232%201.333-.153-.066a3.054%203.054%200%2000-1.268-.236c-.671%200-.972.269-.98.531%200%20.29.365.48.96.762.98.44%201.435.979%201.428%201.681-.014%201.28-1.176%202.108-2.96%202.108-.764-.007-1.5-.158-1.898-.328l.238-1.386.224.099c.553.23.917.328%201.596.328.49%200%201.015-.19%201.022-.604%200-.27-.224-.466-.882-.769-.644-.295-1.505-.788-1.491-1.674C11.878%205.84%2013.06%205%2014.74%205c.658%200%201.19.138%201.526.263zm2.26%203.834h1.415c-.07-.308-.392-1.786-.392-1.786l-.12-.531c-.083.23-.23.604-.223.59l-.68%201.727zm2.1-3.985L22%2011.284h-1.575s-.154-.71-.203-.926h-2.184l-.357.926h-1.785l2.527-5.66c.175-.4.483-.512.889-.512h1.316z%22%20fill%3D%22%23171E6C%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.Form.is-enhanced .Form-control--creditCard.mastercard {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2216%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23252525%22%20height%3D%2216%22%20rx%3D%222%22%20width%3D%2224%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20fill%3D%22%23eb001b%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%228%22%20fill%3D%22%23f79e1b%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M12%204c1.214.912%202%202.364%202%204s-.786%203.088-2%204c-1.214-.912-2-2.364-2-4s.786-3.088%202-4z%22%20fill%3D%22%23ff5f00%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.Form.is-enhanced .Form-control--creditCard.amex {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2216%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23016fd0%22%20height%3D%2216%22%20rx%3D%222%22%20width%3D%2224%22%2F%3E%3Cpath%20d%3D%22M13.764%2013.394V7.692l10.148.01v1.574l-1.173%201.254%201.173%201.265v1.608h-1.873l-.995-1.098-.988%201.102z%22%20fill%3D%22%23fffffe%22%2F%3E%3Cpath%20d%3D%22M14.442%2012.769v-4.45h3.772v1.026h-2.55v.695h2.49v1.008h-2.49v.684h2.55v1.037z%22%20fill%3D%22%23016fd0%22%2F%3E%3Cpath%20d%3D%22M18.195%2012.769l2.088-2.227-2.088-2.222h1.616l1.275%201.41%201.28-1.41h1.546v.035l-2.043%202.187%202.043%202.164v.063H22.35l-1.298-1.424-1.285%201.424z%22%20fill%3D%22%23016fd0%22%2F%3E%3Cpath%20d%3D%22M14.237%202.632h2.446l.86%201.95v-1.95h3.02l.52%201.462.523-1.462h2.306v5.701H11.725z%22%20fill%3D%22%23fffffe%22%2F%3E%3Cg%20fill%3D%22%23016fd0%22%3E%3Cpath%20d%3D%22M14.7%203.251l-1.974%204.446h1.354l.373-.89h2.018l.372.89h1.387L16.265%203.25zm.17%202.558l.592-1.415.592%201.415z%22%2F%3E%3Cpath%20d%3D%22M18.212%207.696V3.25l1.903.006.98%202.733.985-2.74h1.832v4.446l-1.179.01V4.653L21.62%207.696h-1.075l-1.136-3.054v3.054z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.Form.is-enhanced .Form-control.password {
  padding-right: 40px;
}
.Form.is-enhanced .Form-passwordToggle {
  display: block;
}

.Form-rule {
  background-color: #ccc;
  border: none;
  color: #ccc;
  height: 2px;
  margin-top: 24px;
}

.Form-section {
  border-top: 1px solid #ccc;
  margin-top: 24px;
  padding-top: 28px;
}

/* -----------------------------------------------------------------------------
 * Group
 *
 * The container around each set of form controls, mainly used for adding
 * whitespace to the page
 * -------------------------------------------------------------------------- */
.Form-group {
  padding-top: 32px;
  position: relative;
}

.Form-group--collapsible {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.Form-group--collapsible.is-hidden {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

.Form-group--inline .Form-itemGroupItem {
  display: inline-block;
  margin-right: 40px;
}

/**
 * Multiple items modifier
 *
 * When a form group contains several form items it should have flexbox on
 * on small screens
 */
.Form-group--multipleItems {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

/**
 * Desktop flex modifier
 *
 * When a form group should have flexbox only on desktop screens
 */
.Form-group--smallPaddingTop {
  padding-top: 8px;
}

.Form-group--mediumPaddingTop {
  padding-top: 16px;
}

/**
 * Checkbox
 */
.Form-group--checkbox {
  /**
   * When there are two elements of this type, the second one should have a
   * reduced margin-top
   */
  /**
   * However, when the first element is hidden, the second should have a NORMAL
   * margin-top
   */
}
.Form-group--checkbox + .Form-group--checkbox {
  padding-top: 16px;
}
.Form-group--checkbox.is-hidden + .Form-group--checkbox {
  padding-top: 32px;
}

/* -----------------------------------------------------------------------------
 * Group inner
 *
 * When we need an additional wrapper within a form group for correct
 * positioning of elements
 * -------------------------------------------------------------------------- */
/**
 * Flex modifier
 */
.Form-groupInner--flex {
  display: flex;
  margin-top: 8px;
}

/**
 * Social modifier
 */
/**
 * Center modifier
 */
.Form-groupInner--center {
  text-align: center;
}

/* -----------------------------------------------------------------------------
 * Item
 *
 * The container for each individual form control
 * -------------------------------------------------------------------------- */
.Form-item {
  position: relative;
  /**
   * 'invalid' state
   *
   * This state is Applied to a form item when the form fails validation.
   *
   * When active, change the appearance of the child form control so users can
   * identify which form element is failing validation.
   */
  /**
   * 'is disabled' state
   *
   * This state is applied when the user does not have permission to fill out
   * the form, e.g. when they have not yet created a profile.
   */
}
.Form-item.is-invalid .Form-control {
  border-color: #ffc8ca;
  border-radius: 4px 4px 0 0;
}
.Form-item.is-invalid .Form-itemGroup {
  border: 1px solid #ffc8ca;
  border-radius: 4px 4px 0 0;
  margin-top: 8px;
  padding-left: 6px;
  padding-right: 6px;
}
.Form-item.is-disabled {
  /* make sure cursor does not change from default */
  cursor: default;
  /* make sure labels are greyed out too */
  /* make sure cursor does not change from default */
  /* Make sure hints are greyed out too */
}
.Form-item.is-disabled .Form-label {
  color: #a4a4a4;
}
.Form-item.is-disabled .Form-label--withCheckbox {
  cursor: default;
}
.Form-item.is-disabled .Form-hint {
  color: #a4a4a4;
}

.Form-item--collapsible {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.Form-item--collapsible.is-hidden {
  height: 0;
  margin: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

.FormChrome-form--v2 .Form-group {
  padding-top: 0;
}
.FormChrome-form--v2 .Form-item:has(.hidden) {
  margin-top: 0;
}
.FormChrome-form--v2 .Form-item {
  margin-top: 24px;
}

/**
 * Secondary modifier
 *
 * For secondary form items, typically revealed after a checkbox has been ticked
 * e.g alt maker, new location etc.
 */
.Form-item--secondary {
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
}
.Form-item--secondary.is-visible {
  max-height: 110px;
  opacity: 1;
  visibility: visible;
}
.Form-item--secondary .Form-control {
  margin-top: 0;
}
.Form-item--secondary .Form-hint {
  padding-bottom: 8px;
}

/**
 * Flex item modifier
 *
 * A form item that is a child of a parent that has flexbox on small screens
 */
.Form-item--flexItem {
  flex-basis: auto;
  padding-left: 8px;
  padding-right: 8px;
}

/* apply width on small screens */
.Form-item--flexItemSmall50 {
  width: 50%;
}

/**
 * Flex modifier
 *
 * When a form item should itself have flexbox, i.e. when used for correct
 * positioning of inline checkboxes
 */
.Form-item--flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/**
 * Item social modifier
 *
 * The social network fields on the edit profile/onboarding page need:
 * 1. flexbox for correct positioning of children
 * 2. a margin top to separate them from eachother
 */
.Form-item--social {
  display: flex; /* 1 */
}
.Form-item--social:not(:first-of-type) {
  margin-top: 8px; /* 2 */
}

/**
 * Select modifier
 *
 * Standard browser select arrows are hidden so that we can use our own
 * consistent arrow design.
 */
.Form-item--select {
  position: relative;
  /* when element also has the flexItem modifer adapt the position of the icon */
  /* for the units item adapt the position of the icon */
}
.Form-item--select::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20enable-background%3D%22new%200%200%2048%2048%22%3E%0A%20%20%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22M0%2014.3c0-.9.4-1.7%201.2-2.4%201.5-1.2%203.9-1%205.3.3L24%2028.9l17.5-16.7c1.4-1.3%203.7-1.4%205.3-.3%201.5%201.2%201.7%203.2.3%204.5L26.8%2035.8c-.7.7-1.7%201.1-2.8%201.1-1.1%200-2.1-.4-2.8-1.1L.9%2016.4c-.6-.6-.9-1.3-.9-2.1z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 44px;
  width: 16px;
  z-index: 1;
}
.Form-item--select.Form-item--flexItem::after {
  right: 20px;
}
.Form-item--select.Form-item--units::after {
  top: 14px;
}

/**
 * With action
 *
 * A form item with an inline action
 */
/**
 * Newsletter consent
 */
.Form-item--newsletterConsent {
  margin-top: 8px;
}

.Form-item--confirmation {
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
}

/* -----------------------------------------------------------------------------
 * Label
 *
 * The default form labels
 * -------------------------------------------------------------------------- */
.Form-label {
  display: block;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}
.Form-label:disabled, .Form-label.is-disabled {
  color: #a4a4a4;
}
.Form-label a {
  color: #2a2a2a;
}
.Form-label a:visited {
  color: #2a2a2a;
}
.Form-label a:focus, .Form-label a:hover {
  color: #666;
}

/* Form labels that should not be capitalised */
.Form-label--lowercase {
  letter-spacing: normal;
  text-transform: none;
}

.Form-label--light {
  font-weight: 400;
}

/* stylelint-disable selector-class-pattern */
.Form-label--withCheckbox,
.collection_check_boxes {
  flex-grow: 1;
  /* style the fancy checkboxes */
}
.Form-label--withCheckbox::before,
.collection_check_boxes::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.134%22%20height%3D%2215.066%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%2218.134%2C3.119%2015.013%2C0%206.187%2C8.827%203.12%2C5.76%200%2C8.878%206.185%2C15.066%206.187%2C15.064%206.187%2C15.066%22%2F%3E%3C%2Fsvg%3E");
  background-position: -100em 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border: 1px solid #8F8F8F;
  border-radius: 4px;
  content: "";
  display: block;
  height: 21px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
}

.Form-label--withRadio,
.collection_radio_buttons {
  flex-grow: 1;
  /* style the fancy radio buttons */
}
.Form-label--withRadio::before,
.collection_radio_buttons::before {
  border: 1px solid #8F8F8F;
  border-radius: 50%;
  content: "";
  height: 21px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
}
.Form-label--withRadio::after,
.collection_radio_buttons::after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 13px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

/* stylelint-enable selector-class-pattern */
/* Labels that accompany boolean inputs positioned to the left */
.Form-label--withCheckboxAlignedLeft {
  padding-bottom: 8px;
  padding-top: 8px;
}

/* Labels that accompany boolean inputs positioned to the right */
.Form-label--withCheckboxAlignedRight {
  font-weight: 400;
  padding-bottom: 0;
  padding-top: 0;
  /* Correctly position the fancy checkboxes */
}
.Form-label--withCheckboxAlignedRight::before {
  left: auto;
  right: 0;
  top: 0;
  transform: none;
}

/* override cursor behaviour in some circumstances */
.Form-label--noClick {
  cursor: default;
}

/* Labels for social network fields */
.Form-label--social {
  flex-basis: auto;
  font-weight: 400;
  padding-right: 4px;
  padding-top: 13px;
  text-align: right;
  width: 50%;
}

/* Custom behaviour for alt maker label */
.Form-label--altMaker {
  margin-bottom: 8px;
}

/* -----------------------------------------------------------------------------
 * Control
 *
 * The control is the form element itself (input, select etc)
 * It changes depending on error state.
 * -------------------------------------------------------------------------- */
.Form-control {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #2a2a2a;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  height: 44px;
  margin-top: 8px;
  padding: 11px 8px;
  width: 100%;
}
.Form-control:disabled, .Form-control.is-disabled {
  background-color: #fff;
  border: 0;
  cursor: default;
  padding-left: 0;
  padding-right: 0;
  /* make sure placeholders are greyed out too */
  /* stylelint-disable selector-no-vendor-prefix */
  /* Firefox 19+ */
  /* Firefox 18- */
  /* stylelint-enable selector-no-vendor-prefix */
}
.Form-control:disabled::-webkit-input-placeholder, .Form-control.is-disabled::-webkit-input-placeholder {
  color: #a4a4a4;
}
.Form-control:disabled::-moz-placeholder, .Form-control.is-disabled::-moz-placeholder {
  color: #a4a4a4;
}
.Form-control:disabled:-moz-placeholder, .Form-control.is-disabled:-moz-placeholder {
  color: #a4a4a4;
}
.Form-control:disabled:-ms-input-placeholder, .Form-control.is-disabled:-ms-input-placeholder {
  color: #a4a4a4;
}
.Form-control:focus, .Form-control.is-focus {
  background-color: #fff;
  outline: 0;
}
.Form-control.is-invalid {
  border-color: #ffc8ca;
  border-radius: 4px 4px 0 0;
}
.Form-control:read-only {
  user-select: none;
}
.Form-control:read-write {
  user-select: text;
}

.Form-control--search {
  margin-top: 0;
}

/* White modifier, has a white background for use on a non-white background */
.Form-control--white {
  background-color: #fff;
}

/* Style checkbox and radio inputs */
.Form-control--checkbox,
.Form-control--radio {
  flex-shrink: 0;
  height: 12px;
  margin-left: 4px;
  margin-right: 12px;
  margin-top: 0;
  opacity: 0;
  outline: none;
  width: auto;
  /**
   * when a checkbox has focus, change background-colour of fancy checkboxes
   * and radio buttons
   */
  /* stylelint-disable selector-class-pattern */
  /**
   * When a checkbox is checked, show the tick
   */
  /**
   * When a radio button is selected, show the filled input
   */
  /* make sure a disabled input actually looks disabled */
  /* stylelint-enable selector-class-pattern */
}
.Form-control--checkbox:focus ~ .Form-label--withCheckbox::before, .Form-control--checkbox:focus ~ .Form-label--withRadio::before, .Form-control--checkbox:focus ~ .collection_check_boxes::before, .Form-control--checkbox:focus ~ .collection_radio_buttons::before,
.Form-control--radio:focus ~ .Form-label--withCheckbox::before,
.Form-control--radio:focus ~ .Form-label--withRadio::before,
.Form-control--radio:focus ~ .collection_check_boxes::before,
.Form-control--radio:focus ~ .collection_radio_buttons::before {
  background-color: #BEDCFF;
  outline: 5px auto -webkit-focus-ring-color;
}
.Form-control--checkbox:checked ~ .Form-label--withCheckbox::before, .Form-control--checkbox:checked ~ .collection_check_boxes::before,
.Form-control--radio:checked ~ .Form-label--withCheckbox::before,
.Form-control--radio:checked ~ .collection_check_boxes::before {
  background-color: #267CDD;
  background-position: 50% 50%;
  border: 2px solid #267CDD;
}
.Form-control--checkbox:checked ~ .Form-label--withRadio::after, .Form-control--checkbox:checked ~ .collection_radio_buttons::after,
.Form-control--radio:checked ~ .Form-label--withRadio::after,
.Form-control--radio:checked ~ .collection_radio_buttons::after {
  background-color: #267CDD;
}
.Form-control--checkbox:disabled ~ .Form-label--withCheckbox, .Form-control--checkbox:disabled ~ .collection_check_boxes,
.Form-control--radio:disabled ~ .Form-label--withCheckbox,
.Form-control--radio:disabled ~ .collection_check_boxes {
  color: #a4a4a4;
  cursor: default;
}
.Form-control--checkbox:disabled ~ .Form-label--withCheckbox::before, .Form-control--checkbox:disabled ~ .collection_check_boxes::before,
.Form-control--radio:disabled ~ .Form-label--withCheckbox::before,
.Form-control--radio:disabled ~ .collection_check_boxes::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.134%22%20height%3D%2215.066%22%3E%3Cpolygon%20fill%3D%22%20%23a4a4a4%22%20points%3D%2218.134%2C3.119%2015.013%2C0%206.187%2C8.827%203.12%2C5.76%200%2C8.878%206.185%2C15.066%206.187%2C15.064%206.187%2C15.066%22%2F%3E%3C%2Fsvg%3E");
  cursor: default;
}
.Form-control--checkbox:disabled ~ .Form-label--withRadio, .Form-control--checkbox:disabled ~ .collection_radio_buttons,
.Form-control--radio:disabled ~ .Form-label--withRadio,
.Form-control--radio:disabled ~ .collection_radio_buttons {
  color: #a4a4a4;
  cursor: default;
}
.Form-control--checkbox:disabled ~ .Form-label--withRadio::before, .Form-control--checkbox:disabled ~ .collection_radio_buttons::before,
.Form-control--radio:disabled ~ .Form-label--withRadio::before,
.Form-control--radio:disabled ~ .collection_radio_buttons::before {
  cursor: default;
}
.Form-control--checkbox:disabled:checked ~ .Form-label--withRadio::after, .Form-control--checkbox:disabled:checked ~ .collection_radio_buttons::after,
.Form-control--radio:disabled:checked ~ .Form-label--withRadio::after,
.Form-control--radio:disabled:checked ~ .collection_radio_buttons::after {
  background-color: #a4a4a4;
}

/* Correctly position boolean inputs that should appear on the right */
.Form-control--checkboxAlignedRight {
  margin-left: 12px;
  margin-right: 4px;
  order: 1;
}

/* Style form controls that are textareas */
.Form-control--textarea {
  display: block;
  height: 126px;
  resize: none;
  /* special styles for disabled textareas */
}
.Form-control--textarea:disabled {
  background-color: #fff;
  border: 1px solid #f4f4f4;
  padding-left: 8px;
  padding-right: 8px;
}

/* Style the form control that contains the invite code slightly differently */
.Form-control--inviteCode {
  resize: none;
}
.Form-control--inviteCode:focus {
  background-color: #f4f4f4;
  outline: 0;
}
.Form-control--inviteCode:read-only {
  user-select: text;
}

/* Form controls for the social network fields */
.Form-control--social {
  flex-basis: auto;
  margin: 0;
  width: 50%;
}

/**
 * Select inputs
 *
 * Hide the standard browser select arrows
 */
.Form-control--select {
  appearance: none;
  padding-right: 38px;
}

/**
 * Password inputs
 *
 * see Form 'is-enhanced' state above
 */
/**
 * Transparent form control
 *
 * Requires individual vendor prefixes for some reason
 */
.Form-control--transparent {
  background-color: transparent;
  border-color: #fff;
  /* stylelint-disable selector-no-vendor-prefix */
  /* Firefox 19+ */
  /* Firefox 18- */
  /* ensure white background when input has a value */
}
.Form-control--transparent::-webkit-input-placeholder {
  color: #fff;
}
.Form-control--transparent::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.Form-control--transparent:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.Form-control--transparent:-ms-input-placeholder {
  color: #fff;
}
.Form-control--transparent:focus {
  /* Firefox 19+ */
  /* Firefox 18- */
}
.Form-control--transparent:focus::-webkit-input-placeholder {
  color: #7a7a7a;
}
.Form-control--transparent:focus::-moz-placeholder {
  color: #7a7a7a;
}
.Form-control--transparent:focus:-moz-placeholder {
  color: #7a7a7a;
}
.Form-control--transparent:focus:-ms-input-placeholder {
  color: #7a7a7a;
}
.Form-control--transparent.is-notEmpty {
  background-color: #fff;
}

.Form-control--cvv,
.Form-control--expiry {
  width: 80px;
}

.Form-control--uppercase {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/**
 * Read only
 *
 * For presenting information only
 */
.Form-control--readOnly {
  background-color: #fff;
  border-color: #fff;
  color: #2a2a2a;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 1.5;
  padding: 0;
}

.Form-control--latlngName {
  margin-top: 24px;
}

.Form-control--array:not(:last-of-type) {
  margin-bottom: 24px;
}

/* -----------------------------------------------------------------------------
 * Item group
 *
 * Sometimes (e.g. for radio/check groups) an item can contain
 * more than one label and control. An Item Group is used to wrap
 * these labels and controls.
 * -------------------------------------------------------------------------- */
.Form-itemGroupItem {
  align-items: center;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
}

/* -----------------------------------------------------------------------------
 * Error
 *
 * Errors are displayed after a form has been submitted with invalid entries
 * -------------------------------------------------------------------------- */
.Form-errors {
  background-color: #ee6265;
  border-radius: 4px;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-top: 24px;
  padding: 16px;
}
.Form-errors.is-hidden {
  display: none;
}

.Form-errorsList {
  list-style: disc;
  margin-left: 16px;
  margin-top: 4px;
}

/* an error that appears at the top of the form */
.Form-errorsItem {
  padding-top: 4px;
}

/* an error that appears under a Form-control */
.Form-error {
  background-color: #ee6265;
  border-radius: 0 0 4px 4px;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 8px;
}

/* -----------------------------------------------------------------------------
 * Hint
 *
 * Hints are used to provide extra guidance to users about certain form inputs
 * -------------------------------------------------------------------------- */
.Form-hint {
  color: #3d3d3d;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
  /**
   * 'is disabled' state
   *
   * Grey out the hint text
   */
}
.Form-hint.is-disabled {
  color: #a4a4a4;
}

.Form-hint--center {
  text-align: center;
}

.Form-hint--withCheckbox {
  order: 1;
  width: 100%;
}

.Form-hint--link:link, .Form-hint--link:visited, .Form-hint--link:hover, .Form-hint--link:active {
  color: #3d3d3d;
}

/* -----------------------------------------------------------------------------
 * Info
 *
 * Info elements are used to provide additional text on the form
 * -------------------------------------------------------------------------- */
.Form-info {
  color: #3d3d3d;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 16px;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.Form-info.is-hidden {
  opacity: 0;
}

.Form-info--terms {
  margin-bottom: 8px;
  margin-top: 8px;
}

.Form-info--alignCenter {
  text-align: center;
}

.Form-infoInner {
  color: #3d3d3d;
}
.Form-infoInner:visited {
  color: #3d3d3d;
}

.Form-infoHeading {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-top: 8px;
  text-transform: uppercase;
}

.Form-info--required {
  font-size: 14px;
  font-weight: 700;
  margin-top: 32px;
}

/**
 * Help
 */
.Form-help {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: center;
}

/* -----------------------------------------------------------------------------
 * Action
 *
 * Container for form actions, e.g. submit buttons
 * -------------------------------------------------------------------------- */
.Form-action {
  margin-top: 8px;
}
.Form-action.is-hidden {
  display: none;
}

.Form-actionsOuter {
  margin-top: 32px;
}
.Form-actionsOuter .Form-actions {
  margin-top: 0;
}

.Form-actions {
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  max-width: 320px;
  text-align: center;
}

.Form-actions--inline {
  margin-top: 0;
}

.Form-actions--collapsible {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.Form-actions--collapsible.is-hidden {
  height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

/* -----------------------------------------------------------------------------
 * Grid
 *
 * For displaying avatars (of collaborators) in a grid layout
 *--------------------------------------------------------------------------- */
.Form-grid {
  background-color: #f4f4f4;
  border: 1px dashed #ccc;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

.Form-gridList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
}

.Form-gridItem {
  flex-basis: auto;
  margin-top: 16px;
  max-width: 176px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  width: 50%;
}

.Form-gridItem--collaborator {
  width: 80px;
}

.Form-gridItemMedia {
  max-width: 100%;
}

.Form-gridAction {
  margin-top: 32px;
  text-align: center;
}

/* -----------------------------------------------------------------------------
 * Row
 *
 * For displaying story posts and photos in a row layout
 * -------------------------------------------------------------------------- */
.Form-row {
  background-color: #f4f4f4;
  border: 1px dashed #ccc;
  display: flex;
  margin-top: 8px;
  padding: 16px;
  position: relative;
}
.Form-row.is-hidden {
  display: none;
}

.Form-row--action {
  justify-content: center;
}

.Form-rowLoading {
  align-items: center;
  background-color: #f4f4f4;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.Form-rowLoading.is-visible {
  background-color: rgba(244, 244, 244, 0.9);
  opacity: 1;
  visibility: visible;
}

.Form-rowLoadingCopy {
  color: #525252;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.Form-rowImage {
  max-width: 160px;
  width: 50%;
}

.Form-rowImageInner.is-hover .Form-rowImageMask {
  background-color: rgba(0, 0, 0, 0.5);
}

.Form-rowImageMask {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

.Form-rowImageMedia {
  max-width: 100%;
}

.Form-rowActions {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-around;
  padding-left: 16px;
}

.Form-rowActionOuter--delete {
  order: 1;
}

.Form-rowAction {
  color: #666;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  width: 100%;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Form-rowAction:visited {
  color: #666;
}
.Form-rowAction.is-hover .Form-rowActionText {
  opacity: 1;
}
.Form-rowAction[disabled] {
  color: #ccc;
}

.Form-rowAction--delete {
  color: #3b2d51;
}
.Form-rowAction--delete:visited {
  color: #3b2d51;
}

.Form-rowActionInner {
  display: flex;
  justify-content: center;
}

.Form-rowActionText {
  display: none;
  margin-bottom: auto;
  margin-top: auto;
  opacity: 0;
  padding-left: 8px;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.Form-rowActionMedia {
  fill: currentColor;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.Form-rowActionMedia--up {
  transform: rotate(270deg);
}

.Form-rowActionMedia--down {
  transform: rotate(90deg);
}

.Form-rowActionMedia--delete {
  background-color: #3b2d51;
  border-radius: 50%;
  fill: #fff;
  padding: 8px;
}

/* -----------------------------------------------------------------------------
 * Miscellaneous
 *
 * Additional miscellaneous form elements
 * -------------------------------------------------------------------------- */
/**
 * Copy
 */
.Form-copy {
  margin-top: 24px;
  text-align: center;
}

.Form-copy--underCheckbox {
  margin-top: 32px;
}

.Form-copy--largeMarginTop {
  margin-top: 32px;
}

/**
 * Flex inner
 *
 * Used to apply flex positioning to form elements that should appear in the
 * same row, e.g. the sign up forms on the homepage
 *
 * 1. Set a deliberately small width, but allow it to grow (fixes an issue seen
 * in Firefox and Safari, but not Chrome)
 */
.Form-flexInner {
  display: flex;
}
.Form-flexInner .Form-control {
  flex-basis: auto;
  flex-grow: 1;
  margin-right: 8px;
  margin-top: 0;
  width: 50%; /* 1 */
}
.Form-flexInner .Form-actions {
  flex-basis: auto;
  flex-shrink: 0;
  margin-top: 0;
  width: auto;
}

/* wrap until mobile-wide viewport */
.Form-flexInner--wrap {
  flex-wrap: wrap;
}
.Form-flexInner--wrap .Form-control {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  width: 100%;
}
.Form-flexInner--wrap .Form-actions {
  flex-grow: 1;
  margin-top: 8px;
  width: 100%;
}

/**
 * Flex image
 *
 * Is used within a flex container to contain an image on the left-hand side
 */
.Form-flexImage {
  flex-shrink: 0;
  height: 64px;
  width: 64px;
}

.Form-flexImage--grey {
  background-color: #f4f4f4;
}

.Form-flexImageMedia {
  border: 3px solid #fff;
  box-shadow: 0 0 2px 0 #ccc;
  height: auto;
  width: 100%;
}

/**
 * Flex content
 *
 * Is used within a flex container to contain additional content
 */
.Form-flexContent {
  flex-grow: 1;
  margin-bottom: auto;
  margin-top: auto;
  padding-left: 16px;
}

.Form-flexCopy {
  color: #666;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-top: 1px;
}
.Form-flexCopy:first-of-type {
  margin-top: 0;
}

.Form-flexCopy--quantity {
  color: #99b9ae;
  margin-top: 12px;
}

.Form-flexCopy--heading {
  color: #2a2a2a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/**
 * Story image default
 *
 * Present icon for stories with no lead product photo.
 */
.Form-storyImageDefault {
  background-color: #f4f4f4;
  fill: #ccc;
  height: 100%;
  width: 100%;
}

/**
 * Social network fields
 */
.Form-socialIcon {
  fill: #3b2d51;
  height: 20px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 20px;
}

/**
 * Block title
 */
.Form-blockTitle {
  margin-top: 24px;
}

.Form-blockTitle--narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

.Form-blockTitle--moreMargin {
  margin-top: 32px;
}

.Form-blockTitle--photoEvidence {
  margin-bottom: 32px;
  margin-top: 32px;
}

/**
 * Multiple posts
 */
.Form-multiplePosts {
  margin-left: -16px;
  margin-right: -16px;
}

/**
 * Multiple pills
 */
.Form-multiplePills {
  margin-top: 16px;
}
.Form-multiplePills.is-invalid {
  border: 1px solid #ee6265;
  border-radius: 4px 4px 0 0;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 6px;
}
.Form-multiplePills + .Form-error {
  text-align: center;
}

/**
 * Additional fields
 */
.Form-additionalFields {
  margin-top: 24px;
  overflow-y: hidden;
}

.Form-additionalFieldsToggle {
  color: #2a2a2a;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.Form-additionalFieldsToggle:visited {
  color: #2a2a2a;
}
.Form-additionalFieldsToggle:active, .Form-additionalFieldsToggle:hover, .Form-additionalFieldsToggle:focus {
  color: #666;
}

.Form-additionalFieldsInner {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}
.Form-additionalFieldsInner.is-visible {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

/**
 * Password toggle
 *
 * A toggle for show/hide password, shown only when Form 'is enhanced'
 */
.Form-passwordToggle {
  color: #3b2d51;
  display: none;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  right: 8px;
  text-decoration: none;
  top: 44px;
}

/**
 * Quantity units
 */
.Form-quantityUnits {
  display: flex;
  width: 100%;
}
.Form-quantityUnits .Form-item--quantity {
  padding-right: 8px;
  width: 50%;
}
.Form-quantityUnits .Form-item--units {
  padding-left: 8px;
  width: 50%;
}
.Form-quantityUnits .Form-control {
  margin-top: 0;
  width: 100%;
}

/**
 * Loading
 */
.Form-loading {
  padding-top: 20px;
}

/**
 * Photo evidence
 */
.Form-photoEvidence.is-hidden {
  display: none;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Mobile wide viewport
 */
@media (min-width: 480px) {
  .Form-flexInner--wrap {
    flex-wrap: nowrap;
  }
  .Form-flexInner--wrap .Form-control {
    margin-right: 8px;
    max-width: none;
  }
  .Form-flexInner--wrap .Form-actions {
    flex-grow: 0;
    margin-top: 0;
    width: auto;
  }
}
/**
 * Desktop viewport
 */
@media (min-width: 960px) {
  .Form-group {
    padding-top: 48px;
  }
  .Form-group--desktopFlex {
    display: flex;
    flex-wrap: wrap;
  }
  .Form-group--tight {
    padding-top: 40px;
  }
  .Form-group--tighter {
    padding-top: 32px;
  }
  .Form-group--smallPaddingTop {
    padding-top: 8px;
  }
  .Form-group--mediumPaddingTop {
    padding-top: 24px;
  }
  .Form-group--checkbox.is-hidden + .Form-group--checkbox {
    padding-top: 48px;
  }
  .Form-groupInner {
    align-self: flex-start;
    flex-basis: auto;
    width: 66.6666666667%;
  }
  /* remove margin-top */
  .Form-groupInner--flex {
    margin-top: 0;
  }
  /* negative margin to prevent double spacing */
  .Form-groupInner--social {
    margin-top: -8px;
  }
  .Form-groupInner--noLabel {
    margin-left: 33.3333333333%;
  }
  /**
   * Items
   */
  /* Apply flexbox to the standard form items on bigger screens */
  .Form-item {
    display: flex;
    flex-wrap: wrap;
  }
  .Form-item.is-invalid .Form-itemGroup {
    margin-top: 0;
  }
  /* Position items center */
  .Form-item--justifyContent {
    justify-content: center;
  }
  /* Push the newsletter Form-item over to the RHS */
  .Form-item--newsletter {
    margin-left: 33.3333333333%;
  }
  /* Push the remember me Form-item over to the RHS */
  .Form-item--rememberMe {
    margin-left: 33.3333333333%;
  }
  /* Make sure custom drop-down arrows are correctly positioned */
  .Form-item--select::after {
    top: 14px;
  }
  .Form-item--flexItem + .Form-item--flexItem {
    margin-top: 48px;
  }
  /* Make these form items full width */
  .Form-item--flexItemSmall50 {
    width: 100%;
  }
  .Form-item--withAction .Form-label {
    margin-top: 0;
    width: 100%;
  }
  .Form-item--withAction .Form-control {
    flex-grow: 1;
    margin-top: 8px;
    width: auto;
  }
  .Form-item--withAction .Form-action {
    margin-left: 8px;
    min-width: 200px;
    position: relative;
  }
  /**
   * Labels
   */
  /* Position standard labels on the LHS */
  .Form-label {
    flex-basis: auto;
    margin-top: 12px;
    padding-right: 24px;
    width: 33.3333333333%;
  }
  /* when label falls onto two lines, remove margin-top for better positioning */
  .Form-label--twoLines {
    margin-top: 0;
  }
  /* a label alongside a single checkbox needs less top margin */
  .Form-label--singleCheckbox {
    margin-top: 8px;
  }
  /* Correctly position checkbox labels */
  .Form-label--withCheckbox {
    flex-grow: 1;
    margin-top: 0;
    padding-right: 0;
  }
  /* Make sure alt maker label fills the width of its container */
  .Form-label--altMaker {
    flex-basis: auto;
    margin-top: 0;
    min-height: 0;
    padding-right: 0;
    width: 100%;
  }
  /* Ensure the Form-labels for social networks aren't too big */
  .Form-label--social {
    flex-basis: auto;
    margin-top: 0;
    padding-right: 4px;
    width: 40%;
  }
  /* Remove the top margin */
  .Form-label--readOnly {
    margin-top: 0;
  }
  /**
   * Controls
   */
  /* Position standard form controls on the RHS */
  .Form-control {
    flex-basis: auto;
    margin-top: 0;
    width: 66.6666666667%;
  }
  .Form-item--secondary .Form-control {
    width: 100%;
  }
  /* Correctly position checkboxes and radio inputs */
  .Form-control--checkbox,
  .Form-control--radio {
    width: auto;
  }
  /* Increase the size of the Form-controls for social networks */
  .Form-control--social {
    width: 60%;
  }
  .Form-control--inviteCode {
    width: 100%;
  }
  .Form-control--search {
    width: 100%;
  }
  .Form-control--cvv,
  .Form-control--expiry {
    width: 80px;
  }
  /* Ensure these controls fill the width and keeps a margin-top */
  .Form-control--noLabel {
    margin-top: 8px;
    width: 100%;
  }
  /* Ensure this form input is a specific width */
  .Form-control--latlngName {
    margin-top: 24px;
    width: 320px;
  }
  /* Correctly position unusual elements on the RHS */
  .Form-itemInner {
    flex-basis: auto;
    width: 66.6666666667%;
  }
  /**
   * Location
   */
  /* comes in its own span which needs to be correctly positioned on the RHS */
  .Form-location {
    flex-basis: auto;
    width: 66.6666666667%;
  }
  .Form-location .Form-control--location {
    width: 100%;
  }
  /* override standard behaviour for the new location input */
  .Form-item--newLocation .Form-item {
    width: 100%;
  }
  .Form-item--newLocation .Form-location {
    width: 100%;
  }
  /**
   * Item group
   *
   * Comes in its own div which needs to be correctly positioned on the RHS
   * and remove default margin-top
   */
  .Form-itemGroup {
    flex-basis: auto;
    margin-top: 0;
    width: 66.6666666667%;
  }
  /**
   * Hints
   *
   * Ensure Form-hints wrap and then appear on the RHS
   */
  .Form-hint {
    flex-basis: auto;
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    /* but not these ones */
  }
  .Form-item--secondary .Form-hint {
    margin-left: 0;
    width: 100%;
  }
  .Form-hint--center {
    margin-left: 0;
    width: 100%;
  }
  .Form-hint--withCheckbox {
    margin-left: 0;
    width: 100%;
  }
  /**
   * Copy
   */
  .Form-copy {
    margin-top: 40px;
  }
  .Form-copy--underCheckbox {
    margin-top: 40px;
  }
  .Form-copy--largeMarginTop {
    margin-top: 48px;
  }
  /**
   * Info
   *
   * Standard Form-info text should be positioned on the RHS
   */
  .Form-info {
    margin-left: 33.3333333333%;
  }
  /* Form-info that appears beneath a box element should be positioned center */
  .Form-info--center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 320px;
    text-align: center;
  }
  .Form-info--terms {
    margin-left: 0;
  }
  /* Form-info that appears beneath a box element that does not need padding */
  .Form-info--underBox {
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;
  }
  .Form-info--alignCenter {
    margin-left: auto;
    margin-right: auto;
  }
  .Form-info--required {
    margin-top: 48px;
  }
  /**
   * Errors
   */
  .Form-errors {
    margin-top: 32px;
    padding: 24px;
  }
  .Form-errorsList {
    margin-top: 8px;
  }
  /* Standard form error items should be positioned on the RHS */
  .Form-error {
    flex-basis: auto;
    margin-left: 33.3333333333%;
    width: 100%;
  }
  /* Form error items that are within a form group with flexbox should have no margin-left */
  .Form-group--desktopFlex .Form-error,
  .Form-groupInner--noLabel .Form-error {
    margin-left: 0;
  }
  /* Form error item that follows a filestack module should be centred */
  .Form-filestack + .Form-error {
    margin-left: 0;
    text-align: center;
  }
  .Form-multiplePills + .Form-error {
    margin-left: 0;
  }
  /**
   * Actions
   */
  .Form-actionsOuter {
    margin-top: 48px;
  }
  .Form-actions {
    margin-top: 40px;
  }
  .Form-actions--reducePadding {
    margin-top: 32px;
  }
  /* Prevent extra spacing above inline Form-actions */
  .Form-actions--inline {
    margin-top: 0;
  }
  /**
   * Grid
   */
  /* Ensure the grid action fills the width */
  .Form-gridAction {
    flex-basis: auto;
    width: 100%;
  }
  /**
   * Row
   */
  .Form-row:first-of-type {
    margin-top: 0;
  }
  .Form-rowActions {
    flex-direction: column;
  }
  .Form-rowActionOuter {
    width: 100%;
  }
  .Form-rowActionOuter--delete {
    order: 0;
  }
  .Form-rowActionInner {
    justify-content: flex-start;
  }
  .Form-rowAction--delete .Form-rowActionText {
    opacity: 1;
  }
  .Form-rowActionText {
    display: block;
  }
  /**
   * Block title
   */
  .Form-blockTitle {
    margin-top: 48px;
  }
  .Form-blockTitle--narrow {
    margin-top: 32px;
  }
  .Form-blockTitle--photoEvidence {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  /**
   * Multiple posts
   */
  .Form-multiplePosts {
    margin-left: -20px;
    margin-right: -20px;
  }
  .Form-multiplePills {
    margin-top: 24px;
  }
  /**
   * Flex content
   */
  .Form-flexImage {
    height: 80px;
    width: 80px;
  }
  .Form-flexContent {
    padding-left: 24px;
  }
  .Form-flexCopy {
    font-size: 14px;
    margin-top: 4px;
  }
  .Form-flexCopy:first-of-type {
    margin-top: 0;
  }
  .Form-flexCopy--heading {
    font-size: 14px;
  }
  /**
   * Additional fields
   */
  .Form-additionalFields {
    margin-top: 48px;
  }
  .Form-additionalFieldsToggle {
    margin-left: 33.3333333333%;
    text-align: left;
  }
  /**
   * Password toggle
   */
  .Form-passwordToggle {
    top: 14px;
  }
}
/**
 * Large viewport
 */
@media (min-width: 1200px) {
  /**
   * Multiple posts
   */
  .Form-multiplePosts {
    margin-left: -24px;
    margin-right: -24px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Action
 *
 * A special component for styling actions, i.e. buttons
 */
/* stylelint-disable no-descending-specificity */
.Action {
  background-color: #3b2d51;
  border: 1px solid #3b2d51;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 10px 16px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
  /* Fix to allow use of .Action within a Copy component */
}
.Action:visited {
  color: #fff;
}
.Action:focus, .Action:hover {
  background-color: #4d4262;
  border: 1px solid #4d4262;
  color: #fff;
  cursor: pointer;
}
.Action[disabled], .Action.is-disabled {
  background-color: #ccc;
  border: 1px solid #ccc;
  cursor: default;
}
.Action.is-inactive {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #a4a4a4;
  cursor: default;
}
.Action.is-hidden {
  display: none;
}
.Action + .Action:not(.Action--inline) {
  margin-top: 8px;
}
.Copy .Action {
  color: #fff;
}
.Copy .Action:visited {
  color: #fff;
}
.Copy .Action:focus, .Copy .Action:hover {
  color: #fff;
}

/**
 * No hover modifier
 *
 * For disabling the hover effect, so that it can be applied instead to an
 * outer wrapping element.
 */
.Action--noHover:focus, .Action--noHover:hover {
  background-color: #3b2d51;
  border: 1px solid #3b2d51;
  color: #fff;
}

/**
 * Rounded modifier
 *
 * Rounded corners, smaller in height
 */
.Action--rounded {
  border-radius: 16px;
  min-width: 32px;
  padding: 4px 12px 5px;
}

/**
 * Small modifier
 *
 * Action text has slightly smaller font-size
 */
.Action--small {
  font-size: 13px;
  padding-bottom: 5.5px;
  padding-top: 5.5px;
  /* reduce margin-top slightly in these circumstances */
}
.Action--small .Action-icon--small {
  margin-top: 4px;
}

/**
 * Inline modifier
 *
 * For when the action should not fill its container
 */
.Action--inline {
  display: inline-block;
  width: auto;
}

/**
 * Transform None modifier
 *
 * For when action text should not be transformed
 */
.Action--transformNone {
  letter-spacing: normal;
  text-transform: none;
}

/**
 * Underline modifier
 *
 * For when action text should have an link underline
 */
.Action--underline {
  text-decoration: underline;
}

/**
 * No wrap modifier
 *
 * A modifier for when the action Ftext should not wrap at all
 */
.Action--noWrap {
  white-space: nowrap;
}

/**
 * Inherit the color from surrounding text
 *
 */
.Action--inheritColor {
  color: inherit;
}
.Action--inheritColor:link, .Action--inheritColor:visited, .Action--inheritColor:hover, .Action--inheritColor:active {
  color: inherit;
}

/**
 * Long text modifier
 *
 * When the action text is long and we want to squeeze in as much as possible
 */
.Action--longText {
  padding-left: 12px;
  padding-right: 12px;
}

/**
 * Red colour modifier
 */
.Action--red {
  background-color: #ee6265;
  border-color: #ee6265;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--red:focus, .Action--red:hover {
  background-color: #f07274;
  border-color: #f07274;
}
.Action--red[disabled], .Action--red.is-disabled {
  background-color: #ccc;
  border: 1px solid #ccc;
  cursor: default;
}

/**
 * Green colour modifier
 */
.Action--green {
  background-color: #99b9ae;
  border-color: #99b9ae;
}
.Action--green:focus, .Action--green:hover {
  background-color: #e1eae0;
  border-color: #e1eae0;
  color: #7a7a7a;
}

/**
 * Green-60 colour modifier
 */
.Action--green60 {
  background-color: #3d9982;
  border-color: #3d9982;
}
.Action--green60:focus, .Action--green60:hover {
  background-color: #55b79e;
  border-color: #55b79e;
  color: #fff;
}

/**
 * Light green modifer
 */
.Action--greenLight {
  background-color: #e1eae0;
  border-color: #e1eae0;
  color: #7a7a7a;
}
.Action--greenLight:visited {
  color: #7a7a7a;
}
.Action--greenLight:focus, .Action--greenLight:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #7a7a7a;
}
.Action--greenLight:disabled {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
  cursor: default;
}

/**
 * Light green modifer with white hover
 */
.Action--greenLightHoverWhite {
  background-color: #e1eae0;
  border-color: #e1eae0;
  color: #7a7a7a;
}
.Action--greenLightHoverWhite:visited {
  color: #7a7a7a;
}
.Action--greenLightHoverWhite:focus, .Action--greenLightHoverWhite:hover {
  background-color: #fff;
  border-color: #fff;
  color: #7a7a7a;
}
.Action--greenLightHoverWhite:disabled {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
  cursor: default;
}

/**
 * Transparent hover red modifier
 *
 * Normally transparent but red on hover
 */
.Action--transparentHoverRed {
  background-color: transparent;
  border: 1px solid #a4a4a4;
  color: #666;
}
.Action--transparentHoverRed:visited {
  color: #666;
}
.Action--transparentHoverRed:focus, .Action--transparentHoverRed:hover {
  background-color: #ee6265;
  border-color: #ee6265;
  color: #fff;
}

/**
 * Transparent hover green colour modifier
 *
 * Normally transparent but green on hover
 */
.Action--transparentHoverGreen {
  background-color: transparent;
  border: 1px solid #666;
  color: #525252;
}
.Action--transparentHoverGreen:visited {
  color: #525252;
}
.Action--transparentHoverGreen:focus, .Action--transparentHoverGreen:hover {
  background-color: #99b9ae;
  border-color: #99b9ae;
  color: #fff;
}

/**
 * Transparent hover white modifier
 *
 * Normally transparent but white on hover
 */
.Action--transparentHoverWhite {
  background-color: transparent;
  border: 1px solid #525252;
  color: #2a2a2a;
}
.Action--transparentHoverWhite:visited {
  color: #3d3d3d;
}
.Action--transparentHoverWhite:focus, .Action--transparentHoverWhite:hover {
  background-color: #fff;
  border-color: #666;
  color: #3d3d3d;
}

/**
 * Transparent white hover white modifier
 *
 * Transparent but with a white border then white on hover
 */
.Action--transparentWhiteHoverWhite {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.Action--transparentWhiteHoverWhite:visited {
  color: #fff;
}
.Action--transparentWhiteHoverWhite:focus, .Action--transparentWhiteHoverWhite:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3d3d3d;
}

/**
 * Minimal modifier
 *
 * An action that looks like a link
 */
.Action--minimal {
  background-color: transparent;
  border-color: transparent;
  color: #3b2d51;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--minimal:visited {
  color: #3b2d51;
}
.Action--minimal:focus, .Action--minimal:hover {
  background-color: transparent;
  border-color: transparent;
  color: #4d4262;
}
.Action--minimal[disabled], .Action--minimal.is-disabled {
  background-color: transparent;
  border-color: transparent;
  color: #ccc;
}

/**
 * White hover grey modifer
 *
 * Normally white but grey on hover
 */
.Action--whiteHoverGrey {
  background-color: #fff;
  border-color: #fff;
  color: #666;
  /* Fix to allow use of .Action--whiteHoverGrey within a Copy component */
}
.Action--whiteHoverGrey:visited {
  color: #666;
}
.Action--whiteHoverGrey:focus, .Action--whiteHoverGrey:hover {
  background-color: #7a7a7a;
  border-color: #7a7a7a;
  color: #fff;
}
.Action--whiteHoverGrey.is-disabled:focus, .Action--whiteHoverGrey.is-disabled:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #666;
  cursor: default;
}
.Copy .Action--whiteHoverGrey {
  color: #666;
}
.Copy .Action--whiteHoverGrey:visited {
  color: #666;
}
.Copy .Action--whiteHoverGrey:focus, .Copy .Action--whiteHoverGrey:hover {
  color: #fff;
}

.Action--greyBorderHoverPurple {
  background-color: transparent;
  border-color: #ccc;
  color: #2a2a2a;
  transition: all 0.2s ease-in-out;
}
.Action--greyBorderHoverPurple:visited {
  color: #666;
}
.Action--greyBorderHoverPurple:focus, .Action--greyBorderHoverPurple:hover {
  background-color: #3b2d51;
  border-color: #3b2d51;
  color: #fff;
}
.Action--greyBorderHoverPurple.is-disabled:focus, .Action--greyBorderHoverPurple.is-disabled:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #666;
  cursor: default;
}

/**
 * White purple border modifer
 *
 * A white action with a purple border
 */
.Action--whitePurpleBorder {
  background-color: #fff;
  border-color: #3b2d51;
  color: #3b2d51;
}
.Action--whitePurpleBorder:visited {
  color: #3b2d51;
}
.Action--whitePurpleBorder:focus, .Action--whitePurpleBorder:hover {
  background-color: #fff;
  border-color: #4d4262;
  color: #4d4262;
}
.Action--whitePurpleBorder[disabled], .Action--whitePurpleBorder.is-disabled {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #fff;
  cursor: default;
}

/**
 * White red border modifier
 *
 * A white action with a red border
 */
.Action--whiteRedBorder {
  background-color: #fff;
  border-color: #ee6265;
  color: #ee6265;
}
.Action--whiteRedBorder:visited {
  color: #ee6265;
}
.Action--whiteRedBorder:focus, .Action--whiteRedBorder:hover {
  background-color: #fff;
  border-color: #f07274;
  color: #f07274;
}

/**
 * Navy colour modifier
 */
.Action--navy {
  background-color: #2f3a4a;
  border-color: #2f3a4a;
  color: #fff;
}
.Action--navy:visited {
  color: #fff;
}
.Action--navy:focus, .Action--navy:hover {
  background-color: #a4a4a4;
  border-color: #a4a4a4;
  color: #fff;
}

.Action--navyLight {
  background-color: #495464;
  border-color: #495464;
  color: #fff;
}
.Action--navyLight:visited {
  color: #fff;
}
.Action--navyLight:focus, .Action--navyLight:hover {
  background-color: #a4a4a4;
  border-color: #a4a4a4;
  color: #fff;
}

/**
 * Twitter colour modifier
 */
.Action--twitter {
  background-color: #85bbcc;
  border-color: #85bbcc;
}
.Action--twitter:focus, .Action--twitter:hover {
  background-color: #78a9b8;
  border-color: #78a9b8;
}

/**
 * Pinterest colour modifier
 */
.Action--pinterest {
  background-color: #f06764;
  border-color: #f06764;
}
.Action--pinterest:focus, .Action--pinterest:hover {
  background-color: #d95d5a;
  border-color: #d95d5a;
}

/**
 * Facebook colour modifer
 */
.Action--facebook {
  background-color: #1c597f;
  border-color: #1c597f;
}
.Action--facebook:focus, .Action--facebook:hover {
  background-color: #195173;
  border-color: #195173;
}

.Action--share {
  background-color: #3b2d51;
  border-color: #fff;
  color: #fff;
  white-space: nowrap;
}
.Action--share:visited {
  color: #fff;
}
.Action--share:focus, .Action--share:hover {
  background-color: #fff;
  border-color: #7a7a7a;
  color: #666;
}

/**
 * Share/Sign up/Sign in modifier
 *
 * Special styles for the share/sign up/sign in buttons
 *
 * NB see Chrome.scss for additional styles that apply when .Chrome-header
 * has the state 'is-transparent'
 */
.Action--join,
.Action--signUp,
.Action--signIn {
  background-color: #fff;
  border-color: #666;
  color: #666;
  white-space: nowrap;
}
.Action--join:visited,
.Action--signUp:visited,
.Action--signIn:visited {
  color: #666;
}
.Action--join:focus, .Action--join:hover,
.Action--signUp:focus,
.Action--signUp:hover,
.Action--signIn:focus,
.Action--signIn:hover {
  background-color: #7a7a7a;
  border-color: #7a7a7a;
  color: #fff;
}

.Action--noPaddingLeft {
  padding-left: 0;
}

/**
 * Action just icon
 *
 * An action with just an SVG icon explicitly positioned within, no text
 */
.Action--justIcon {
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  padding: 8px;
  width: 32px;
}
.Action--justIcon .Action-icon {
  margin: auto;
  position: static;
}

.Action--justIconSmall {
  height: 24px;
  padding: 6px;
  width: 24px;
}

/* medium modifier, to be used in conjunction with .Action--justIcon */
.Action--justIconMedium {
  height: 36px;
  padding: 4px;
  width: 36px;
}

/* large modifier, to be used in conjunction with .Action--justIcon */
.Action--justIconLarge {
  height: 44px;
  width: 44px;
}

/**
 * Icon
 *
 * Used for styling SVGs that appear alongside text in an action
 */
.Action-icon {
  fill: currentColor;
  height: 12px;
  margin-top: 2px;
  position: absolute;
  width: 12px;
}
.Action-icon.is-hidden {
  display: none;
}

.Action-icon--small {
  height: 10px;
  margin-top: 5px;
  width: 10px;
}

.Action-icon--smallRight {
  height: 10px;
  margin-top: 5px;
  right: 10px;
  width: 10px;
}

.Action-icon--medium {
  height: 22px;
  width: 22px;
}

.Action-icon--embed {
  height: 12px;
  width: 16px;
}

.Action-icon--file {
  height: 14px;
  width: 14px;
}

.Action-icon--delete {
  background-color: currentColor;
  border-radius: 11px;
  fill: #fff;
  height: 20px;
  padding: 6px;
  top: 6px;
  width: 20px;
}

/**
 * Used to style the text alongside the icon
 */
.Action-textLeft {
  margin-left: 0;
  margin-right: 6px;
}

.Action-textLeft--wide {
  margin-right: 18px;
}

.Action-textLeft--wider {
  margin-right: 24px;
}

.Action-textRight {
  margin-left: 18px;
  margin-right: 0;
}
.Action-textRight.is-reset {
  margin-left: 0;
}

.Action-textRight--tight {
  margin-left: 10px;
}

.Action-textRight--wide {
  margin-left: 24px;
}

.Action-textRight--wider {
  margin-left: 28px;
}

/**
 * Background icon modifiers
 *
 * An action with an SVG as a background image icone
 */
.Action--backgroundIcon {
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  text-indent: 100%;
  white-space: nowrap;
}

/* Adds the envelope icon */
.Action--backgroundIconEmail {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M.997%2010.627c-.625.98-.997%202.14-.997%203.39v19.966c0%20.78.16%201.52.418%202.21L15.26%2023.157.998%2010.627zm46.034.053L32.827%2023.157%2047.6%2036.133c.246-.673.398-1.392.398-2.15V14.016c0-1.227-.36-2.367-.967-3.336m-3.058-1.446L42.594%207.83c-.245-.03-.485-.077-.738-.077H6.146c-.22%200-.43.043-.643.066L4.116%209.233l19.928%2017.5%2019.928-17.5zM24.044%2030.87l-6.43-5.647L2.64%2038.376l1.457%201.483c.644.235%201.327.387%202.048.387h35.71c.77%200%201.497-.162%202.175-.428l1.417-1.444-14.973-13.153-6.43%205.648z%22%2F%3E%3C%2Fsvg%3E");
  height: 44px;
  width: 54px;
}
.Action--backgroundIconEmail.Action--greenLight {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%232f3a4a%22%20d%3D%22M.997%2010.627c-.625.98-.997%202.14-.997%203.39v19.966c0%20.78.16%201.52.418%202.21L15.26%2023.157.998%2010.627zm46.034.053L32.827%2023.157%2047.6%2036.133c.246-.673.398-1.392.398-2.15V14.016c0-1.227-.36-2.367-.967-3.336m-3.058-1.446L42.594%207.83c-.245-.03-.485-.077-.738-.077H6.146c-.22%200-.43.043-.643.066L4.116%209.233l19.928%2017.5%2019.928-17.5zM24.044%2030.87l-6.43-5.647L2.64%2038.376l1.457%201.483c.644.235%201.327.387%202.048.387h35.71c.77%200%201.497-.162%202.175-.428l1.417-1.444-14.973-13.153-6.43%205.648z%22%2F%3E%3C%2Fsvg%3E");
}

/* Adds the tick icon */
.Action--backgroundIconTick {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M14.485%2041.896h-.04c-.823-.012-1.608-.35-2.183-.937L.874%2029.285c-1.19-1.22-1.162-3.17.066-4.357%201.224-1.185%203.187-1.158%204.38.065l9.22%209.453L42.737%206.984c1.222-1.193%203.18-1.17%204.38.045%201.197%201.216%201.176%203.166-.046%204.356l-30.418%2029.63c-.58.564-1.358.88-2.167.88%22%2F%3E%3C%2Fsvg%3E");
  height: 44px;
  width: 54px;
}

/* Adds the Twitter icon */
.Action--backgroundIconTwitter {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M44.884%2014.804c.02.44.025.88.025%201.327%200%2013.554-10.317%2029.187-29.184%2029.187-5.794%200-11.188-1.697-15.726-4.61.804.098%201.62.144%202.45.144%204.806%200%209.228-1.64%2012.736-4.388-4.49-.083-8.277-3.048-9.58-7.124.623.12%201.27.185%201.93.185.934%200%201.84-.127%202.7-.36-4.693-.946-8.226-5.09-8.226-10.06v-.13c1.382.767%202.965%201.233%204.645%201.282-2.75-1.84-4.565-4.98-4.565-8.536%200-1.885.51-3.644%201.39-5.16C8.54%2012.766%2016.1%2016.85%2024.63%2017.28c-.176-.75-.27-1.533-.27-2.338%200-5.666%204.594-10.257%2010.258-10.257%202.95%200%205.62%201.245%207.492%203.236%202.335-.46%204.53-1.312%206.512-2.488-.765%202.396-2.393%204.406-4.51%205.676%202.073-.248%204.05-.8%205.89-1.617-1.377%202.06-3.114%203.864-5.116%205.314%22%2F%3E%3C%2Fsvg%3E");
}

/* Adds the Pinterest icon */
.Action--backgroundIconPinterest {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M28.858%2036.137c-3.1%200-6.017-1.676-7.014-3.58%200%200-1.67%206.617-2.022%207.893-1.243%204.514-4.9%209.03-5.184%209.4-.2.255-.635.175-.682-.166-.08-.575-1.012-6.27.085-10.913l3.694-15.65s-.914-1.832-.914-4.543c0-4.256%202.468-7.435%205.54-7.435%202.61%200%203.87%201.96%203.87%204.312%200%202.628-1.67%206.554-2.535%2010.19-.718%203.048%201.53%205.534%204.534%205.534%205.437%200%209.103-6.99%209.103-15.27%200-6.293-4.237-11.006-11.95-11.006-8.708%200-14.14%206.498-14.14%2013.755%200%202.5.74%204.268%201.896%205.632.53.628.604.88.41%201.6-.138.528-.452%201.8-.586%202.305-.19.727-.777.987-1.435.72-4.014-1.64-5.885-6.034-5.885-10.97C5.645%209.784%2012.525%200%2026.175%200c10.964%200%2018.18%207.933%2018.18%2016.454%200%2011.266-6.265%2019.683-15.497%2019.683%22%2F%3E%3C%2Fsvg%3E");
}

/* Adds the Facebook icon */
.Action--backgroundIconFacebook {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M35.748%2025h-6.9v25H18.504V25h-5.17v-8.617h5.17v-5.17C18.504%204.18%2021.424%200%2029.714%200h6.898v8.617h-4.31c-3.228%200-3.442%201.206-3.442%203.452l-.013%204.313h7.817L35.748%2025z%22%2F%3E%3C%2Fsvg%3E");
}

.Action-backgroundIconCopy {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 488.3 488.3'%3E%3Cpath d='M314.25 85.4h-227c-21.3 0-38.6 17.3-38.6 38.6v325.7c0 21.3 17.3 38.6 38.6 38.6h227c21.3 0 38.6-17.3 38.6-38.6V124c-.1-21.3-17.4-38.6-38.6-38.6zm11.5 364.2c0 6.4-5.2 11.6-11.6 11.6h-227c-6.4 0-11.6-5.2-11.6-11.6V124c0-6.4 5.2-11.6 11.6-11.6h227c6.4 0 11.6 5.2 11.6 11.6v325.6z'/%3E%3Cpath d='M401.05 0h-227c-21.3 0-38.6 17.3-38.6 38.6 0 7.5 6 13.5 13.5 13.5s13.5-6 13.5-13.5c0-6.4 5.2-11.6 11.6-11.6h227c6.4 0 11.6 5.2 11.6 11.6v325.7c0 6.4-5.2 11.6-11.6 11.6-7.5 0-13.5 6-13.5 13.5s6 13.5 13.5 13.5c21.3 0 38.6-17.3 38.6-38.6V38.6c0-21.3-17.3-38.6-38.6-38.6z'/%3E%3C/svg%3E");
}

.Action-backgroundIconShare {
  background-image: url("data:image/svg+xml,%3Csvg height='22' viewBox='0 0 22 22' width='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23fff' stroke-linecap='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpath d='m0 11.1111111v8.8888889h20v-8.8888889' stroke-linejoin='round'/%3E%3Cpath d='m6.11111111 3.33333333 3.88888889-3.33333333 3.8888889 3.33333333' stroke-linejoin='round'/%3E%3Cpath d='m10 11.1111111v-11.1111111'/%3E%3C/g%3E%3C/svg%3E");
}

.Action-social {
  background-size: 50% 50%;
}

/**
 * New modifer
 *
 * Add a 'new' tout to the top right of the Action
 */
.Action--new {
  margin-right: 17.5px;
  position: relative;
}
.Action--new::after {
  background-color: #ee6265;
  border-radius: 8px;
  color: #fff;
  content: "new";
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 2px 6px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  transform: translate(50%, -50%);
}

/**
 * Info
 *
 * An i character suggesting more info to toggle
 */
.Action-info {
  border: 1px solid #2a2a2a;
  border-radius: 50%;
  color: #2a2a2a;
  font-weight: 700;
  margin-left: -4px;
  margin-right: 5px;
  padding-left: 6px;
  padding-right: 6px;
}

.Action--arrow {
  color: #3b2d51;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-decoration: none;
}
.Action--arrow::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-1 -2)'%3E%3Crect width='18' height='18'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2,9 L15,9'/%3E%3Cpolyline stroke='currentColor' stroke-linecap='round' stroke-width='2' points='10 3 16 9 10 15'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 14px;
  margin-left: 4px;
  transition: transform 0.1s ease-out;
  vertical-align: middle;
  width: 17px;
}
.Action--arrow:hover::after {
  transform: translateX(8px);
}
.Action--arrow[disabled], .Action--arrow.is-disabled {
  color: #a4a4a4;
  cursor: default;
}
.Action--arrow[disabled]::after, .Action--arrow.is-disabled::after {
  color: #a4a4a4;
  opacity: 0.25;
}
.Action--arrow[disabled]:hover::after, .Action--arrow.is-disabled:hover::after {
  transform: none;
}

.StoryButton:hover .Action--arrow::after {
  transform: translateX(8px);
}

.Action--arrowWhite {
  color: #fff;
}
.Action--arrowWhite::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-1 -2)'%3E%3Crect width='18' height='18'/%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2,9 L15,9'/%3E%3Cpolyline stroke='white' stroke-linecap='round' stroke-width='2' points='10 3 16 9 10 15'/%3E%3C/g%3E%3C/svg%3E");
}

.ActionSubtitle {
  color: #7a7a7a;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Desktop
 */
@media (min-width: 960px) {
  /* restore original padding values */
  .Action--longText {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* stylelint-disable */
.Action--primary {
  background-color: #3b2d51;
  border: 1px solid #3b2d51;
  display: inline-block;
  width: auto;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--primary:visited {
  color: #fff;
}
.Action--primary:focus, .Action--primary:hover {
  background-color: #4d4262;
  border: 1px solid #4d4262;
  color: #fff;
  cursor: pointer;
}
.Action--primary[disabled], .Action--primary.is-disabled {
  background-color: #ccc;
  border: 1px solid #ccc;
  cursor: default;
}
.Action--primary.is-inactive {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #a4a4a4;
  cursor: default;
}
.Action--primary + .Action:not(.Action--inline) {
  margin-top: 8px;
}

/**
 * Primary alternative action
 */
.Action--secondary {
  background-color: #fff;
  border-color: var(--color-scale-prov-gray-8);
  color: #3b2d51;
  display: inline-block;
  width: auto;
}
.Action--secondary:visited {
  color: #3b2d51;
}
.Action--secondary:focus, .Action--secondary:hover {
  background-color: #fff;
  border-color: #4d4262;
  color: #4d4262;
}
.Action--secondary[disabled], .Action--secondary.is-disabled {
  background-color: #fff;
  border: 1px solid #B4B4B4;
  color: #B4B4B4;
  cursor: default;
}

/**
 * Action full width
 */
.Action--wide {
  display: block;
  width: 100%;
}

/**
 * An Action that grows to fill remaining space in flexbox
 */
.Action--grow {
  display: block;
  flex-grow: 1;
}

.Action--flex {
  display: flex;
}

/**
 * Action with no padding
 */
.Action--noPadding {
  padding: 0;
}

/**
* Action that aligns on the left
*
*/
.Action--flushLeft {
  flex-shrink: 0;
  padding-left: 0;
}

/**
 * Action inline display, for left alignment for example
 */
.Action--inline {
  display: inline;
}

.Action--text {
  background-color: transparent;
  border-color: transparent;
  color: #3b2d51;
  letter-spacing: normal;
  text-decoration: underline;
  text-transform: none;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--text:visited {
  color: #3b2d51;
}
.Action--text:focus, .Action--text:hover {
  background-color: transparent;
  border-color: transparent;
  color: #4d4262;
  text-decoration: none;
}
.Action--text[disabled], .Action--text.is-disabled {
  background-color: transparent;
  border-color: transparent;
  color: #ccc;
}

/**
 * Alert action
 */
.Action--alert {
  background-color: #ee6265;
  border-color: #ee6265;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--alert:focus, .Action--alert:hover {
  background-color: #f07274;
  border-color: #f07274;
}
.Action--alert[disabled], .Action--alert.is-disabled {
  background-color: #ccc;
  border: 1px solid #ccc;
  cursor: default;
}

/**
 * Delete action
 */
.Action--delete {
  color: #ee6265;
  /* stylelint-disable selector-no-attribute */
  /* stylelint-enable selector-no-attribute */
}
.Action--delete:visited {
  color: #ee6265;
}
.Action--delete:focus, .Action--delete:hover {
  color: #f07274;
}
.Action--delete[disabled], .Action--delete.is-disabled {
  cursor: default;
}

/**
 * Medium modifier
 *
 * Action text has slightly smaller font-size
 * and tighter padding
 */
.Action--medium {
  font-size: 13px;
  line-height: 13px;
  padding: 8px;
  /* reduce margin-top slightly in these circumstances */
}
.Action--medium > svg {
  margin-right: 4px;
}

.Action--circle {
  align-items: center;
  background-color: rgba(42, 42, 42, 0.4);
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.Action--circle > svg {
  max-width: 16px;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.AboutCard {
  background-color: #fcfcfc;
  border-radius: 0.25rem;
  font-family: "DM Sans", sans-serif;
  height: 100vh;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.AboutCard > footer {
  font-size: 14px;
  text-align: center;
}
.AboutCard > footer a {
  color: #2a2a2a;
}
.AboutCard .FooterCTA {
  justify-content: center;
}
.AboutCard .FooterCTA > svg {
  margin-right: 10px;
}

.AboutCard .ModalCard-content {
  max-height: 403px;
  padding: 1rem 0.75rem 2.5rem;
}

@media (min-width: 600px) {
  .AboutCard .ModalCard-content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
.ProfilePage .AboutCard .FooterCTA {
  margin-top: -0.75rem;
  position: relative;
}

.AboutCard .CapsuleList {
  display: grid;
  list-style: none;
  pointer-events: none;
  transform: scale(0.8);
}
.AboutCard .CapsuleList :first-child {
  justify-self: flex-end;
}
.AboutCard .CapsuleList :last-child {
  justify-self: flex-start;
}

.AboutCard .CapsuleList-item {
  position: relative;
}

.AboutCard .CapsuleList-item .Tag {
  left: 2rem;
  position: absolute;
  top: -1rem;
}

* + .AboutCard-heading {
  clear: both;
  padding-bottom: 0;
  padding-top: 1rem;
}

.ClaimCard-header--about {
  border-radius: 0.25rem 0.25rem 0 0;
}

.AboutCard--revealed {
  clip-path: inset(0% 0% 0% 0%);
  opacity: 1;
  visibility: visible;
}

.AboutCard--revealed .ClaimCard-header--about {
  padding-left: 2em;
}

.InfiniteModal--concealAbout .AboutCard--revealed {
  transition: clip-path 0.6s, opacity 0.3s 0.6s, visibility 0.3s 0.6s !important;
}

.AboutCard--inStory {
  max-width: 29em;
}

.AboutCard--hasBgImg .ModalCard-content {
  background-attachment: local;
  background-image: url("data:image/webp;base64,/9j/4AAQSkZJRgABAgEA2ADYAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAIHAzYDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/igAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgCF/vUANoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAG/Nu/2f8A63+NACBiWx7n9KAEJYZ9M8dP6c0AN3tz7/p9KADe3rQAb2/z/nt/+ugA3tQAb2oAN5+n+ffP+elABvb/AD2/z70AG9v8/wCc/rQAb2/z/OgA3N6/5/z3oANx9f5/0x+lABvb/P8A9fP+evNABvPHt+v1oAN7etABuP8AknP8/wA/zoAN7ev6CgA3t6/y/wAKADc3rQAb2/z/AJ/z9OKADe3rQAu9vagBNzev8qADe3rQAbieDzzn/OKAG5x04oAKAHb2/wDrf55/WgBN3OeuOmf06YoAXe3r/n/P/wBagA3t+v8AkUAKGJwDzz+fp/j2HrQBLQAUAFABQAUAFABQAUAFABQA4MR/n/D+dABuPr/P+mP0oAN7f5/+vn/PXmgA3nj2/X60AG9vWgA3H/JOf5/n+dABvb1/QUAG9vX+X+FABub1oAN7f5/z/n6cUAOViW5PX/PH+f6UASUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFACZA/z+P8qADI9aAFoATI9f8/5NAETdT/T/AD/k0ANoAKACgAoAKACgAoAKACgBrdPT0oAiBI6GgAyeuTmgAyeuTQAZPqf8/wBaADJ9ev8ASgAyfX/PSgAyevpQAZPqaAEz370AGSaACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAHL94UATUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFADk+8PxoAmoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAEyPUf55/lQAZHqPzoAXI9aADI/z7dfyoATI9R+dACMMjjHX+WaAGN0X+n4CgBlABQAUAFABQAUAFABQAUAFABQAUAFADH6fj/jQBFQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAq/eH1oAnoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAHp96gCWgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgBCcDNAEFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQA1/un8KAIaACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAFXqPrQBPQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAOT73+eP89KAJqACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAEY4BIoAgoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAGv92gCGgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAzQAZ/wA/p/OgAoAM/wCfp1oAKACgAoAKACgAoAKACgAoAKACgBV+8PrQBPQAUAFABketACZHqPzoAWgAoAKADNABQAZz0oAKACgAoAKACgAoAKACgAoAcn3qAJqACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAGt900AQ0AFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFADX+79D/8AWoAhoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAGhQMj1+n+FADTlRgAkY6ntQBH/ADoAXBHqB170AJQAvJ9TQAlABn/CgAoAXJ9TQAZPqaAEoAKACgAzQAUALk+p/OgCROn4/wCf8/4UAPoA801vxNfyX7WumTi2trfJmlCxs8xX0Z1bYuey4JUHdkHAAL2neKLqOzM+oIJ8sBFsCxysGIVN2AEy3U/LkYbOewB1cGrWMyxEzCF5cBY5Dh9xGdvYcd26cj1FAGl1759Pf0oAeMHO449Ocf5x+maAGUAFABQAUAGT6mgAzQAZ7dqAJk+70/8Ar+9ADqACgAoAKACgAoAKACgAoAKAFyc5/nQA8DfknPXt06D60AAGG4zj1/D/ABoAkoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoARuh+lAEFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQA1/un8P50AQ0AFABQBEzMCRnof89f8/pQAhZj3/LigA3N6/yoAN7etABvP+fpj/OO9ABuPr/nnt07+nYUAG5vWgA3N6/5/wA/h26cUAG9vX/P+f8A61ABub1/z/KgA3t60AG5vWgA3t60AG5vX/P+f8etABub1/lQAbm456f559aADcePb/DHPr6/WgA3N6/5H+fxoACxPf2/z/nNADaAHFiev+f8++aAG0AKDjpQAlABQAUAFABQAUAFABQAUAFABQBKnT8f8KAKepytFZy7CVkcFEI6qT1P4DPvkigDxO8BtbtreTINy6ZkI+URjG7GOpPTjjnPagDVE8U1xFAh/d267iP9vbxxwPlwee3bFAFtW8663Z+W3GAeMb3GCT2+UfligDQstSu45prgXEhiQeWkZYsjKmSzbclfXkYIwPxANyy8T7oWlvogqjcyNGMfICcZDHGT65GSQMUAdDb6jaXEaSLMqb8YSUhHDHopBON3bAJ5oAvUAFABQAUAFABQBMn3f8/5/wA/gAB1ABQAUAFABQAUAFABQAUAFABQAoYjpQAu9vWgCUdBmgBaACgAoAKACgAoAKACgAoAKACgAoAKACgAoARsYOaAIKACgAoAKACgAoAKACgAoAKAEJx649aAE3r/AJzQAF1Hv9KADevvQAb1/wDrf54/WgA3r/n/AD/n6UAG8fy/X86ADetACbx/n/P9KAF3rQA0sCCB/wDr/r7/AKexAI6ACgAoAhbHb3zn8KAG0AFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQBKnT8fX+nagDiPF+pT2pgit85UF3AG7O44AKdSMc5BGMgd8UAcYmsJMQbqCKQjocAMOOoDccd8SDjnFAFiOLTZpGlglNvNIpBydoyQQCoYFc5P8ACM45GRzQBF9jvrK0mKH7RIzEgxnJ2t1yMcsDz1wB+oBGbnyraCBlKNOQpBzkAsN4bPG485xkigC9JJGzQWqcDIeReRtjj/hIPPzHoMYwOe1AFh3EtzHGufLhAlbB4zjCLx374z70Aadpq18lydk7tBCoRo2O5XckZz1xgDAPBH0zQBvWXiSKbzTcxiFI2ZVkU7gwTO5ip5HTt2zQBu217bXcYlglVkOOp2t1xyrYPJ6cc9s0AWqACgAoAmX7o/z/AJ/xoAdQAUAFABQAUAFABQAUAFABQAUAFABQBOvQf5/lQAtABQAUAFABQAUAFABQAUAFABQAUAFABQAUANb7poAhoAKACgAoAKACgAoAKACgAoARhkECgCEqRyR/KgBKACgAoAKACgAoAKACgAoAKACgAoAgbqfr/n0oASgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAJU6fr/AJ/KgDzXX0jvL2VyMgHaCDyNoABB9uvsKAOVksHU4Uq47hxn/wAfXDgjpw3pkEcUAVWgaPH+siOc7QTLH1x94AMB35Rsep60ATw3d5CNyM7Jn+Bg6jjuhyF6chkB4wCM0AX01KGbYt1BG4ByGA2kEdxuJAPTBDg5xx3oAnWCznuGnhnKSsu3y3zg/Ljvhjzg5B7YPGaAI0jvbRLmWRDI2Sy7TuLY4HA7D070AEN55VoCQVklLAZJB3scHg8/L6+2cdyAXWdRDFChG6UBCRjODguT74GOeuSaALEhO6G2jYqMh3wSB5cXrj1Pb2/IA1odZvoriOJZN0Ma5kVwrEg4wu4gsDjuD39KAN618QW88rxSRtFswPMJyhY9V45BH4j39QDYguYLlS0EqSqCQShzgjr70AXU+6KAHUAFABQAUAFABQAUAFABQAUAFABQAUATjoPoKAFoAKACgAoAKACgAoAKACgAoAKACgAoAKACgBrfdP8A9b+v/wCv0oAhoAKACgAoAKACgAoAKACgAoAYXwSMf5//AFUAJvB6j+tADDyfSgBKACgAoAKACgAoAKACgAoAKACgCBvvH60AJQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFADJ5fKtppDxtRup9R29+fb9KAPM7h98jHPJb6/Xp1yT6cj8qAK56n60ANwG64I9xkf5/rQBWe0iY7goVvVflP1yPp/8AXoArPZuASdsoP97h+wz5gwxOP7xfHpigCDyxH0Zoz6SDcvI+7vQHA7/MmOcE0AWIry6gB3HKeofen0yCQPoNh9uSKALYu7W4AjuYQQCCGTgg/wB7GRyOc/MTyeMZAAJxbQyzRy28+Ao2mMn6Zzk5BORz9KABPPhmmeaM7QCFZTnKDOAAM9ffGe/NADra7TypZ2OGdixBz2BCLzyevP8AjQBZR/Lti2cySHPqd78DP0/l9aALAke3t0igkdJJSEG1ipy2CzfKR0/n+BABsxa5eWv2eAYmLEbjJlm2LjflgR17MSTnrQB0MGu2ksqwPujkZS2SMovsWBJHtkY5oA10milz5ciSY67GU46dQDkde9AElABQAUAFABQAUAFABQAUAFABQBOv3RQAtABQAUAFABQAUAFABQAUAFABQAUAFABQAUANf7p/D+YoAhoAKACgAoAKACgAoAKACgAoAhb7xoAbQAUAFABQAUAFABQAUAFABQAUAFABQBAep+poASgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAMnWZvLsyv99hkdyFx/j6cfyAPP2Pzn3JP+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");
  background-position: center bottom 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Avatar
 *
 * A component for styling avatar images of users and stories
 */
/* 80/16 */
/* 40/16 */
/* 28/16 */
/* 96/16 */
/* 120/16 */
/* 160/16 */
.Avatar {
  background-color: #fff;
  border-radius: 50%;
  height: 6em;
  position: relative;
  width: 6em;
}
.Avatar img {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #DDDDDD;
}
.Avatar.is-default img {
  border: 1px dashed #ccc;
  box-shadow: none;
  height: 100%;
}

.Avatar--hover:hover {
  box-shadow: 0 0 3px 0 #2a2a2a;
}
.Avatar--hover.is-default:hover {
  border: 1px dashed #525252;
  box-shadow: none;
}
.Avatar--hover.is-default:hover .Action {
  background-color: #f07274;
}

.Avatar--square {
  border-radius: 0;
}

/**
 * Xlarge and large are medium size on mobile
 *
 */
.Avatar--xlarge {
  height: 6em;
  width: 6em;
}

.Avatar--large {
  height: 6em;
  width: 6em;
}

.Avatar--default {
  height: 6em;
  width: 6em;
}

.Avatar--small {
  height: 5em;
  width: 5em;
}

.Avatar--xsmall {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  height: 2.5em;
  width: 2.5em;
}

.Avatar--xxsmall {
  height: 1.75em;
  width: 1.75em;
}

.Avatar--placeholder {
  border: 2px solid #ccc;
  box-shadow: none;
  color: #ccc;
  display: block;
}

.Avatar-action {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Avatar-placeholder {
  background-color: #f4f4f4;
  border-radius: 50%;
  display: block;
  fill: #ccc;
  height: 100%;
  width: 100%;
}

.Avatar-inner {
  display: block;
  height: 100%;
}

.Avatar-media {
  border-radius: 50%;
  display: block;
  height: auto;
  width: 100%;
}

.Avatar-media--square {
  border-radius: 0;
}

.Avatar-media--default {
  background-color: #f4f4f4;
  fill: #ccc;
  height: 100%;
  width: 100%;
}

.Avatar-media--blank {
  background-color: #f4f4f4;
  height: 100%;
}

.Avatar-mediaInner {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.Avatar2 {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 #ccc;
  position: relative;
}
.Avatar2.is-default {
  border: 1px dashed #ccc;
  box-shadow: none;
  height: 100%;
}

.Avatar2--hover:hover {
  box-shadow: 0 0 4px 0 #a4a4a4;
}
.Avatar2--hover.is-default:hover {
  border: 1px dashed #525252;
  box-shadow: none;
}
.Avatar2--hover.is-default:hover .Action {
  background-color: #f07274;
}

.Avatar2--icon {
  background-color: #a4a4a4;
}
.Avatar2--icon svg {
  height: auto;
  width: 100%;
}

.Avatar2--thumbnail {
  height: 2.5em;
  width: 2.5em;
}

.Avatar2-mediaInner {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

@media (min-width: 480px) {
  .Avatar--xlarge {
    height: 10em;
    width: 10em;
  }
  .Avatar--large {
    height: 7.5em;
    width: 7.5em;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/*
* Capsule List
*
* A list of capsule-shaped proof points
*
*/
.CapsuleList,
.MeccaCapsuleNoIconList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.CapsuleList-item--button {
  border-radius: 24px;
  padding: 0;
}
.CapsuleList-item--button:focus {
  outline: none;
}
.CapsuleList-item--button:focus-visible {
  outline: 2px solid #0a3942;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.Capsule {
  align-items: center;
  background-color: #fff;
  border: solid transparent;
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  color: #2a2a2a;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding-right: 20px;
  position: relative;
  transition: box-shadow 0.15s, border 0.15s;
}
.Capsule:hover {
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.Capsule:active, .Capsule:focus {
  box-shadow: none;
}

.Capsule-icon {
  align-items: center;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  filter: grayscale(1);
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  margin-left: 1px; /* 1px of left margin may achieve "pixel perfection". See: https://provenancehq.slack.com/archives/C03Q0LL6XUG/p1694772081712639 */
  overflow: hidden;
  transition: 0.2s filter ease-out;
  width: 44px;
}

.Capsule-icon--cert {
  background-color: #fff;
  transition: 0.2s opacity ease-out;
}

.Capsule-icon--certSolid {
  background-color: #fff;
  opacity: 1;
}

.Capsule-icon--embed img {
  filter: grayscale(100%);
  object-fit: cover;
}

.Capsule-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
}

/* Select .Capsule-details but only when there is no icon */
.Capsule-details:not(.Capsule-icon + .Capsule-details) {
  padding-left: 10px;
}

.Capsule-category {
  -webkit-box-orient: vertical; /* stylelint-disable-line */
  display: -webkit-box; /* stylelint-disable-line */
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  -webkit-line-clamp: 1;
  line-height: 14px;
  margin: 3px 0 2px;
  max-width: 275px;
  overflow-y: hidden;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
}
.Capsule-category::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-linejoin='round' d='m-1 3 4 4 4-4' transform='matrix(0 1 1 0 -2 2)'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  padding-left: 6px;
  position: absolute;
  right: 6px;
  top: 14px;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Claim themes
 */
/**
 * Colours
 */
/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.Capsule {
  align-items: center;
  background-color: #fff;
  border: solid transparent;
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  color: #2a2a2a;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding-right: 20px;
  position: relative;
  transition: box-shadow 0.15s, border 0.15s;
}
.Capsule:hover {
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.Capsule:active, .Capsule:focus {
  box-shadow: none;
}

.Capsule-icon {
  align-items: center;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  filter: grayscale(1);
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  margin-left: 1px; /* 1px of left margin may achieve "pixel perfection". See: https://provenancehq.slack.com/archives/C03Q0LL6XUG/p1694772081712639 */
  overflow: hidden;
  transition: 0.2s filter ease-out;
  width: 44px;
}

.Capsule-icon--cert {
  background-color: #fff;
  transition: 0.2s opacity ease-out;
}

.Capsule-icon--certSolid {
  background-color: #fff;
  opacity: 1;
}

.Capsule-icon--embed img {
  filter: grayscale(100%);
  object-fit: cover;
}

.Capsule-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
}

/* Select .Capsule-details but only when there is no icon */
.Capsule-details:not(.Capsule-icon + .Capsule-details) {
  padding-left: 10px;
}

.Capsule-category {
  -webkit-box-orient: vertical; /* stylelint-disable-line */
  display: -webkit-box; /* stylelint-disable-line */
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  -webkit-line-clamp: 1;
  line-height: 14px;
  margin: 3px 0 2px;
  max-width: 275px;
  overflow-y: hidden;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
}
.Capsule-category::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-linejoin='round' d='m-1 3 4 4 4-4' transform='matrix(0 1 1 0 -2 2)'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  padding-left: 6px;
  position: absolute;
  right: 6px;
  top: 14px;
}

/* stylelint-disable no-descending-specificity */
/**
 * Claims mini-card embed
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.ClaimCard {
  background-color: #fff;
  border-radius: 0.25em; /* 4/16 */
  color: #2a2a2a;
  display: flex;
  flex-direction: column;
  font-size: 16px; /* override this font-size to scale component proportionally */
  height: 525px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ClaimCard:hover .ClaimCard-verifiedText {
  text-decoration: none;
}

.ClaimCard-verifiedText--small {
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4285;
  text-decoration: underline;
}

.ClaimCard--evidence {
  background-color: #fcfcfc;
  margin: 0;
}

.ClaimCard--shadow {
  border: none;
  box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.16); /* 0 16px 16px 0 */
}

.ClaimCard--story {
  pointer-events: auto;
}

.ClaimCard-wrapper {
  display: flex;
  height: 100%;
}

.ClaimCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%;
}

.ClaimCard-back--collaboration {
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
  min-height: 30.75em; /* 492/16 */
  position: relative;
}

.ClaimCard-header {
  background-color: transparent;
  display: block;
  height: auto;
  z-index: 1;
}

.ClaimCard-header--about {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.08); /* 4/16 */ /* 8/16 */
  color: #2f3a4a;
  display: flex;
  height: auto;
  min-height: 4.5em; /* 72/16 */
  padding: 0.5em 3em 0.5em 0.8em; /* 8/16 48/16 8/16/ 12/16 */
  position: relative;
  transition: height 0.2s ease-out;
}

.ClaimCard-header--evidence {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.08); /* 4/16 */ /* 8/16 */
  color: #2f3a4a;
  display: flex;
  height: auto;
  min-height: 4.5em; /* 72/16 */
  padding: 0.5em 3em 0.5em 0.75em; /* 8/16 48/16 8/16/ 12/16 */
  position: relative;
  transition: height 0.2s ease-out;
}

.ClaimCard-header--collaboration {
  background-color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; /* 64/16 */
  color: #fff;
  display: flex;
  height: auto;
  min-height: 6.5em; /* 104/16 */
  padding-top: 1.5em; /* 24/16 */
  position: relative;
}

.ClaimCard-headerDetails {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.75em; /* 12/16 */
}

.no-grayscale {
  filter: grayscale(0);
}

.ClaimCard-header--collaborationFrontCard {
  min-height: 11.25em; /* 180/16 */
}

.ClaimCard-map--collaboration {
  opacity: 0.6;
}

.ClaimCard-avatar {
  background-color: #fff;
  border: solid 0.25em #f9f9f9; /* 4/16 */
  border-radius: 100%;
  bottom: 0;
  box-shadow: 0 0.25em 0.25em 0 rgba(0, 0, 0, 0.1); /* 4/16 */ /* 4/16 */
  height: 7.5em; /* 120/16 */
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  width: 7.5em; /* 120/16 */
}

.ClaimCard-avatarSpacer {
  display: block;
}

.ClaimCard-avatarSpacerTop {
  margin-top: 8em; /* 128/16 */
}

.ClaimCard-avatarSpacerBottom {
  margin-top: 4.5em; /* 72/16 */
}

.ClaimCard-close {
  position: absolute;
  right: 0.75em;
  top: 0.75em;
}

.ClaimCard-link {
  color: #2a2a2a;
  margin-top: 16px;
}

.ClaimCard-logo {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 1.25em; /* 20/16 */
  min-height: 3em; /* 64/16 */
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.Claim-logo--withContext {
  margin-top: 0.75em; /* 12/16 */
}

.ClaimCard-logo--gradient {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
}

.ClaimCard-logo--collaborationFrontCard {
  color: #2a2a2a;
}

.ClaimCard-modalTitle {
  color: #a4a4a4;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875em; /* 14px */
  font-weight: 600;
  letter-spacing: 0.071em;
  text-transform: uppercase;
  width: 100%;
}

.ClaimCard-title {
  align-self: flex-start;
  margin-top: 1.25em; /* 20/16 */
  padding: 0;
  text-align: center;
  transform: none;
  width: 100%;
}

.ClaimCard-title--stickyHeader {
  align-self: flex-end;
  padding: 0 0.75em; /* 12/16 */
  transform: translateY(50%);
}

.ClaimCard-title--collaboration {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-size: 1.5em; /* 24/16 */
  position: absolute;
  text-align: center;
  width: 100%;
}

.ClaimCard-title--collaborationFrontCard {
  bottom: 1em;
  padding: 0 1.5em; /* 24/16 */
}

.ClaimCard-title--collaborationAvatar {
  bottom: 3em; /* 48/16 */
  padding: 0 1.5em; /* 24/16 */
}

.ClaimCard-main {
  padding: 1.25em; /* 20px */
}

.ClaimCard-section {
  padding: 0 1.5em; /* 24px */
  text-align: center;
}

.ClaimCard-para {
  font-family: "DM Sans", serif;
  margin-top: 16px;
}

.ClaimCard-section--evidence {
  max-height: 22em;
  overflow-y: auto;
  padding-bottom: 2.5em; /* 40/16 */
  text-align: left;
}

.ClaimCard-statement {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-size: 0.875em; /* 14/16 */
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.75em; /* 12/16 */
  quotes: "“" "”";
  text-align: center;
}
.ClaimCard-statement::before {
  content: open-quote;
}
.ClaimCard-statement::after {
  content: close-quote;
}

.ClaimCard-initiatives {
  border-top: 1px solid #e4e4e4;
  margin-top: 1.5em; /* 24/16 */
  padding-top: 1.5em; /* 24/16 */
}

.ClaimCard-items {
  margin-top: 1em; /* 16px */
}

.ClaimCard-item {
  color: #2a2a2a;
  display: flex;
  font-family: "DM Sans", serif;
  margin-top: 0.5em; /* 8px */
  text-align: left;
}

.ClaimCard-initiativeIcon {
  padding-top: 0.125em; /* 2/16 */
}
.ClaimCard-initiativeIcon > svg {
  height: 1.25em; /* 20px; */
  width: 1.25em; /* 20px; */
}

.ClaimCard-initiativeText {
  font-size: 1.125em; /* 18px */
  line-height: 1.25em; /* 20px; */
  margin-left: 0.5em;
  vertical-align: top;
}

.ClaimCard-summaryList {
  display: flex;
  flex-wrap: wrap;
}

.ClaimCard-name--collaboration {
  font-family: "DM Sans", sans-serif;
  font-size: 1.5em; /* 24/16 */
  font-weight: 600;
}

.ClaimCard-locationText {
  color: #7a7a7a;
}
.ClaimCard-locationText > svg {
  vertical-align: middle;
}

.ClaimCard--verification {
  align-items: center;
  background-color: #fff;
  border-radius: 0.125em; /* 2/16 */
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.08); /* 2/16 */ /* 2/16 */
  display: flex;
  margin-top: 1.5em; /* 24/16 */
  padding: 0.5em; /* 8/16 */
}

.ClaimCard-verified {
  align-items: center;
  display: none;
  margin-top: 8px;
}
.ClaimCard-verified.is-visible {
  display: block;
}

.ClaimCard-verifiedText {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-size: 0.875em; /* 14px */
  font-style: italic;
  font-weight: 400;
  line-height: 1.4285; /* 20/14 */
  text-decoration: underline solid #7a7a7a;
}

.ClaimCard-verifiedText--pending {
  color: #7a7a7a;
  text-decoration: none;
}

.ClaimCard-text--verification {
  color: #2a2a2a;
  margin-left: 0.25em; /* 4/16 */
}

.ClaimCard-text--verificationDate {
  color: #a4a4a4;
}

.ClaimCard-action {
  background-color: #fff;
  border-radius: 24px;
  color: #7a7a7a;
  display: flex;
  font-family: "DM Sans", serif;
  font-size: 0.875em; /* 14px */
  font-style: italic;
  font-weight: 400;
  justify-content: center;
  line-height: 1.286em; /* 18px */
  margin-top: 0.75em; /* 12/16 */
  padding-bottom: 0.9868em; /* 15.5px */
  padding-top: 0.9868em; /* 15.5px */
  text-align: center;
  text-decoration: underline;
  width: 100%;
}
.ClaimCard-action:hover {
  text-align: none;
  text-decoration: none;
}

.ClaimCard-action--embed {
  display: inline-block;
  height: 100%;
  padding: 0;
  text-decoration: none;
  width: 100%;
}
.ClaimCard-action--embed:hover .ClaimCard-action {
  text-decoration: none;
}

.ClaimCard-action--story {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-weight: 400;
  text-decoration: underline;
}
.ClaimCard-action--story:hover {
  text-decoration: none;
}

.ClaimCard-action--shadow,
.ClaimCard-action--evidence {
  box-shadow: 0 0.5em 0.5em 0 rgba(0, 0, 0, 0.08); /* 0 8px 8px 0 */
  transition: box-shadow 0.2s ease-out;
}
.ClaimCard-action--shadow:hover,
.ClaimCard-action--evidence:hover {
  box-shadow: 0 0.75em 0.75em 0 rgba(0, 0, 0, 0.1); /* 0 12px 12px 0 */
}

.ClaimCard-action--evidence {
  border-radius: 100%;
  font-size: 1em; /* 16px */
  height: 3em; /* 48/16 */
  margin: 0 0 1.5em; /* 24px */
  padding: 0;
  pointer-events: auto;
  width: 3em; /* 48/16 */
}
.ClaimCard-action--evidence > svg {
  height: 100%;
  margin-left: 0;
  transition: none;
  width: 100%;
}
.ClaimCard-action--evidence:hover > svg {
  transform: none;
}

.ClaimCard-profile {
  align-items: center;
  display: flex;
  margin-top: 0.75em; /* 12/16 */
}

.ClaimCard-profileName {
  margin-left: 0.5em; /* 8/16 */
}

.ClaimCard-action--back {
  background-color: #99b9ae;
  bottom: 0;
  color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.ClaimCard-action--environmental {
  background-color: #c9ebc5;
}

.ClaimCard-action--social {
  background-color: #c5e0eb;
}

.ClaimCard-action--animal {
  background-color: #ebc5c5;
}

.ClaimCard-action--safety {
  background-color: #ebebc5;
}

.ClaimCard-action--health {
  background-color: #ebc5e8;
}

.ClaimCard-action--collaboration {
  background-color: #99b9ae;
  color: #fff;
}

.ClaimCard-footer {
  background-color: #fcfcfc;
  border-radius: 0 0 0.25em 0.25em; /* 4/16 */
  bottom: 0;
  color: #7a7a7a;
  display: flex;
  justify-content: center;
  margin-top: 12px;
  max-height: 24px;
  padding: 0.25em 0; /* 4/16 */
  position: relative;
  text-align: center;
  width: 100%;
}

.ClaimCard-footer--initiatives {
  padding-bottom: 1.5em; /* 24px */
}

.ClaimCard-footer--evidence {
  align-items: flex-end;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  display: flex;
  height: 2.5em; /* 40/16 */
  justify-content: center;
  left: 0.125em; /* 2/16 */
  pointer-events: none;
  position: absolute;
  width: calc(100% - 0.25em); /* 4/16 */
}

.ClaimCard-footer--hidden {
  visibility: hidden;
}

.FullCard {
  position: relative;
}

@media (min-width: 768px) {
  .ClaimCard--evidence {
    min-height: 30em;
  }
  .ClaimCard-section--evidence {
    max-height: 26.5em;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Cell Data
 *
 * Variants of data cells in collection table
 */
.cell-data--image {
  line-height: 0;
  vertical-align: top;
  width: 86px;
}

.cell-data--nameWithProof {
  width: calc(100% - 106px);
}

.cell-data--hasOne {
  width: auto;
}

.cell-data--organization {
  width: 200px;
}

.cell-data--channel {
  width: 200px;
}

.cell-data--chevron {
  color: #000;
}
.cell-data--chevronhidden {
  color: transparent;
}

@media (min-width: 640px) {
  .cell-data--nameWithProof {
    width: 300px;
  }
  .cell-data--hasOne {
    width: 240px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Collection Header
 *
 * The title and top level actions for collection
 */
.CollectionHeader {
  background-color: #f9f9f9;
  height: 216px;
  padding-bottom: 24px;
  width: 100%;
}

.CollectionHeader-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  max-width: 1162px;
}

@media (min-width: 640px) {
  .CollectionHeader-inner {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}
/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
/**
 * Collection Table
 *
 * A tabular layout of a collection e.g. products
 */
.CollectionTable {
  border-collapse: collapse;
  margin-top: 16px;
  width: 100%;
}

.CollectionTable-heading {
  display: none;
  text-decoration: none;
}

.CollectionTable-heading--hidden {
  display: none;
}

.CollectionTable-row {
  border: 1px solid #f4f4f4;
  display: flex;
  flex-wrap: wrap;
}

.CollectionTable-row--highlight {
  box-shadow: inset 12px 0 0 #94C5B6;
}

.CollectionTable-row--minimal {
  border: none;
}
.CollectionTable-row--minimal:last-of-type {
  border: none;
}
.CollectionTable-row--minimal + .CollectionTable-row--minimal {
  border-top: 0.5px solid #ccc;
}

.CollectionTable-children {
  border: 1px solid #ccc;
  display: none;
  flex-wrap: wrap;
}

.show-children {
  display: table-row;
}
.show-children .CollectionTable-cell:nth-child(2) {
  transform: translateX(15px);
}

.CollectionTable-cell .variant-chevron {
  transform: translate(6px, 10px);
}
.CollectionTable-cell .variant-chevron--open {
  transform: translate(6px, 10px) rotate(180deg);
}

.CollectionTable-row--heading:nth-child(odd) {
  background-color: #fff;
}

.CollectionTable-cell,
.CollectionTable-headingCell {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 12px;
}

.CollectionTable-icon {
  align-items: center;
  display: flex;
  height: 56px;
  justify-content: center;
}

.Action--collectionTable.Action--collectionTable {
  color: #2a2a2a;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.Action--collectionTable.Action--collectionTable:visited {
  color: #2a2a2a;
}
.Action--collectionTable.Action--collectionTable:focus, .Action--collectionTable.Action--collectionTable:hover {
  color: #2a2a2a;
  text-decoration-color: rgba(42, 42, 42, 0.4);
}

@media (min-width: 640px) {
  .CollectionTable {
    display: table;
  }
  .CollectionTable-heading {
    display: table-header-group;
  }
  .CollectionTable-heading--hidden {
    display: none;
  }
  .CollectionTable-body {
    display: table-row-group;
  }
  .CollectionTable-row {
    border: 1px solid #f4f4f4;
    display: table-row;
  }
  .CollectionTable-row--minimal {
    border: none;
  }
  .CollectionTable-row--minimal:last-of-type {
    border: none;
  }
  .CollectionTable-row--minimal + .CollectionTable-row--minimal {
    border-top: 0.5px solid #ccc;
  }
  .CollectionTable-row--heading:nth-child(odd) {
    background-color: #fff;
  }
  .CollectionTable-cell,
  .CollectionTable-headingCell {
    display: table-cell;
  }
  .CollectionTable-cell a,
  .CollectionTable-headingCell a {
    text-decoration: none;
  }
  .CollectionTable-headingCell {
    white-space: nowrap;
  }
}
/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Details
 */
.Details,
.DetailsV1 {
  border: 1px solid #686868;
  border-radius: 0.25rem;
  font-family: "DM Sans", sans-serif;
  padding: 0.75rem;
}

.DetailsV1 .chevron {
  transition: transform 0.4s;
  width: 8px;
}
section + .DetailsV1 {
  margin-top: 1.5rem;
}

.Details {
  position: relative;
}
.Details .chevron {
  color: #CCCCCC;
  position: absolute;
  right: 5px;
  transition: transform 0.4s;
  width: 2rem;
}
section + .Details {
  margin-top: 1.5rem;
}
.Details[open] > *:not(summary) {
  animation: details-show 150ms ease-in-out;
}

.DetailsV1-description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 20px 0;
}
.DetailsV1-description + a {
  margin-bottom: 20px;
}

.Details-description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 16px;
}

.Details--explore {
  color: #2a2a2a;
  display: block;
  font-size: 0.75rem;
  margin: 15px 0 40px;
}

.Details--icons {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 32px;
}
.Details--icons svg {
  color: #0a3942;
}
.Details--icons span {
  font-size: 9px;
  text-transform: uppercase;
}

.Details--plain {
  position: relative;
}
.StoryButton + .Details--plain {
  margin-top: 0.75rem;
}

.Details--plain .chevron {
  color: #CCCCCC;
  position: absolute;
  right: -7px;
  transition: transform 0.4s;
  width: 2rem;
}

.Details[open] > summary,
.DetailsV1[open] > summary,
.Details--plain[open] > summary {
  margin-bottom: 0.5em;
}
.Details[open] > summary > .chevron,
.DetailsV1[open] > summary > .chevron,
.Details--plain[open] > summary > .chevron {
  transform: rotate(-180deg);
}

/**
 * Summary
 */
.Summary,
.SummaryV1 {
  align-items: center;
  display: flex;
  font-family: "DM Sans", sans-serif;
  justify-content: space-between;
  outline: none;
}
.Summary:focus-visible,
.SummaryV1:focus-visible {
  outline: none;
}
.Summary::-webkit-details-marker,
.SummaryV1::-webkit-details-marker {
  display: none;
}

.Summary-title,
.SummaryV1-title {
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  height: 20px;
  padding: 0 12px 0 2px;
  width: max-content;
}
.Summary-title p,
.SummaryV1-title p {
  margin: auto;
  padding-left: 0.25em;
}
.Summary-title svg,
.SummaryV1-title svg {
  height: 18px;
  width: 18px;
}

.Summary--withIcon {
  display: grid;
  grid-template-columns: 88px 1fr 22px;
}

@keyframes details-show {
  from {
    opacity: 0;
    transform: translateY(-0.5em);
  }
}
/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Feedback
 *
 * Section for thumbs up and thumbs down feedback
 *
 */
.Feedback {
  margin: auto;
  max-height: 1000px;
  opacity: 1;
  pointer-events: auto;
  text-align: center;
  transition: opacity 0.5s ease, max-height 0.5s ease;
  /* https://stackoverflow.com/a/44906587/801544 */
}
.Feedback [aria-hidden=true] {
  visibility: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.Feedback--hidden {
  max-height: 0;
  opacity: 0;
}

.Feedback--dark {
  color: #fff;
}

button.Feedback-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #2a2a2a;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  margin: 0 8px;
  padding: 6px;
  width: 40px;
  z-index: -1;
}

.Feedback-button[data-state=active] {
  background-color: #ecfcf0;
}

.Feedback-button--negative[data-state=active] {
  background-color: #fcedee;
}

.Feedback-button path {
  z-index: 1;
}

.Feedback-button--hidden {
  max-height: 0;
  opacity: 0;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.Feedback-form {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  max-height: 1000px;
  opacity: 1;
  position: relative;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.Feedback-form--hidden {
  max-height: 0;
  opacity: 0;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.Feedback-label {
  text-align: left;
}

.Triangle {
  align-self: center;
  background-color: #fff;
  border-color: #fff #ccc #ccc #fff;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  height: 20px;
  margin-bottom: -14px;
  margin-left: 18px;
  margin-right: 18px;
  opacity: 1;
  transform: rotate(225deg);
  transition: opacity 0.5s ease;
  width: 20px;
  z-index: 1;
}

.Triangle--hidden {
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
}

.Triangle-div {
  border-bottom: 1px solid rgb(204, 204, 204);
  line-height: 1;
  margin-bottom: 10px;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.Triangle-div--hidden {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.Feedback-option:enabled {
  vertical-align: middle;
}

.Feedback-submit {
  align-self: center;
  background-color: #08856C;
  /* stylelint-disable-next-line declaration-no-important */
  border: 0 !important; /* !important needed because the old design is interfering */
  display: inline;
  margin: 20px;
  max-height: 1000px;
  opacity: 1;
  transition: opacity 0.5s ease, max-height 0.5s ease, margin 0.5s ease;
}
@media (min-width: 640px) {
  .Feedback-submit {
    width: auto;
  }
}
.Feedback-submit:hover:not(:disabled), .Feedback-submit:focus:not(:disabled) {
  background-color: #0A6351;
}
.Feedback-submit:active:not(:disabled) {
  background-color: #0A4337;
}

.Feedback-submit--hidden {
  margin: 0;
  max-height: 0;
  opacity: 0;
}

.Feedback-button--dark {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}
.Feedback-button--dark:hover {
  background-color: #3d3d3d;
}

@media (min-width: 640px) {
  .Feedback {
    width: 344px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
/**
 * Generic Header with hero image
 *
 */
.HeroHeader {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  position: relative;
}

.HeroHeader--withMedia {
  color: #fff;
}

.HeroHeader--profile {
  background-color: #2a2a2a;
  color: #fff;
  padding-top: 64px;
}

.HeroHeader--withMedia,
.HeroHeader--profile {
  /* dark mask overlay */
}
.HeroHeader--withMedia::after,
.HeroHeader--profile::after {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.HeroHeader-container {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  max-width: 680px;
  width: 100%;
  z-index: 2;
}

.HeroHeader-media {
  align-items: center;
  display: flex;
  padding-top: 16px;
}

.HeroHeader-mediaImage {
  margin-right: 24px;
}

.HeroHeader-mediaContent {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  position: relative;
}

.HeroHeader-photo {
  border: 3px solid #fff;
  box-shadow: 0 0 1px 0 #ccc;
  height: 96px;
  position: relative;
  width: 96px;
}

.HeroHeader-photo--mobile {
  border: none;
  height: auto;
  width: 100%;
}

.HeroHeader-photo--normal {
  display: none;
}

.HeroHeader-photoInner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.HeroHeader-photoInner:focus .HeroHeader-photoMask, .HeroHeader-photoInner:hover .HeroHeader-photoMask {
  opacity: 1;
  visibility: visible;
}

.HeroHeader-photoMedia {
  height: auto;
  width: 100%;
}

/**
 * Photo mask
 *
 * The dark mask that appears over the photo on hover
 */
.HeroHeader-photoMask {
  background-color: rgba(0, 0, 0, 0.75);
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}

/**
 * Photo mask inner
 *
 * The container for the content that is shown on hover
 */
.HeroHeader-photoMaskInner {
  display: flex;
  justify-content: center;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

/**
 * Photo count
 *
 * The number of photos
 */
.HeroHeader-photoCount {
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding-right: 8px;
  padding-top: 4px;
}

/**
 * Icon images
 *
 * The 'images' icon shown on hover on product photo
 */
.HeroHeader-photoIcon {
  fill: #fff;
  height: 24px;
  width: 24px;
}

/**
 * Title
 */
.HeroHeader-title {
  font-family: "DM Sans", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
}

/**
* Description - Product Description for Passports
*/
.HeroHeader-description {
  padding-bottom: 16px;
  width: 100%;
}

/**
 * Meta
 */
.HeroHeader-meta {
  color: #f4f4f4;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.375;
  margin-top: 4px;
}

/**
 * Flag
 */
.HeroHeader-flagMedia {
  fill: #ccc;
  height: 11px;
  width: 11px;
}

.HeroHeader-organisation {
  justify-content: left;
}

/**
 * Photos
 *
 * The additional completed product photos uploaded by the user. Hidden by
 * default but present on the page so they can appear in the lightbox.
 */
.HeroHeader-photos {
  display: none;
}

.HeroHeader-action {
  margin-top: 12px;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Mobile medium viewport
 */
/**
 * Mobile wide viewport
 */
@media (min-width: 480px) {
  .HeroHeader--withMedia {
    padding-top: 208px;
  }
  .HeroHeader--profile {
    padding-top: 248px;
  }
  .HeroHeader-container {
    align-items: flex-end;
    flex-flow: row wrap;
  }
  .HeroHeader-photo--mobile {
    display: none;
  }
  .HeroHeader-photo--normal {
    display: block;
  }
  .HeroHeader-media {
    padding-top: 0;
  }
  .HeroHeader-mediaImage {
    flex-shrink: 0;
  }
  .HeroHeader-mediaContent {
    margin-top: 0;
  }
  .HeroHeader-action {
    margin-left: auto;
  }
}
/**
 * Tablet small viewport
 */
@media (min-width: 640px) {
  .HeroHeader-media {
    flex-wrap: nowrap;
  }
}
/**
 * Tablet viewport
 */
@media (min-width: 768px) {
  .HeroHeader {
    padding-left: 32px;
    padding-right: 32px;
  }
  .HeroHeader-photo {
    border: 4px solid #fff;
    height: 160px;
    width: 160px;
  }
  .HeroHeader-title {
    font-size: 36px;
  }
  .HeroHeader-description {
    padding-right: 33%;
  }
  .HeroHeader-metaItem {
    display: inline-block;
    font-size: 14px;
  }
  .HeroHeader-metaItem:not(:last-of-type)::after {
    content: "|";
    padding-left: 12px;
    padding-right: 8px;
  }
}
/**
 * Desktop (new) viewport
 */
/**
 * Large viewport
 */
@media (min-width: 1200px) {
  .HeroHeader-photo {
    height: 240px;
    width: 240px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Image
 *
 * Generic image element.
 */
/* 56/16 */
/* 72/16 */
/* 90/16 */
/* 154/16 */
/* 298/16 */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
.InfiniteModal > article:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.InfiniteModal .ClaimCard-header {
  z-index: 0;
}

.InfiniteModal > article:not(:first-of-type) .ClaimCard-header {
  padding-left: 2rem;
}

.InfiniteModal--slideIn > article:not(:first-of-type) {
  animation: 0.6s slide-in;
}

.InfiniteModal--slideOut {
  animation: 0.6s slide-out !important; /* stylelint-disable-line */
}
.InfiniteModal--slideOut + .InfiniteModal-back {
  display: none;
}

.InfiniteModal-back {
  animation: 0.6s fadeEaseIn;
  box-sizing: content-box;
  cursor: pointer;
  fill: #a4a4a4;
  padding: 0.5rem;
  position: absolute;
  stroke: #a4a4a4;
  top: 1.2rem;
  transition: transform 0.2s;
  transition-delay: 0.2s;
}
.InfiniteModal-back:hover {
  fill: #666;
  transform: translateX(-3px);
}
.InfiniteModal-back:hover path {
  stroke: #666;
}
.InfiniteModal-back:active {
  outline: none;
}

.StoryCard + .InfiniteModal-back {
  fill: #fff;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  margin: 0.6rem 0 0 0.4rem;
  stroke: #fff;
  top: 0.72rem;
  z-index: 30;
}
.StoryCard + .InfiniteModal-back:hover {
  fill: inherit;
}
.StoryCard + .InfiniteModal-back:hover path {
  stroke: inherit;
}

@keyframes slide-in {
  from {
    box-shadow: -322px 0 rgba(0, 0, 0, 0);
    transform: translateX(100%);
  }
  to {
    box-shadow: 0 0 rgba(0, 0, 0, 0.4);
    transform: translateX(0);
  }
}
@keyframes slide-out {
  from {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    transform: translateX(0);
  }
  to {
    box-shadow: -322px 0 rgba(0, 0, 0, 0);
    transform: translateX(100%);
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey back
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.StoryBack {
  border: 0.0625em solid #a4a4a4; /* 1/16 */
  border-radius: 50%;
  color: #a4a4a4;
  cursor: pointer;
  line-height: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 10;
}
.StoryBack:focus {
  border: 0.125em solid transparent;
  border-color: #99b9ae;
  box-shadow: 0 0 0.5em #99b9ae;
  outline: none;
}
.StoryBack svg {
  fill: currentColor;
  stroke: currentColor;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.StoryBrand {
  display: flex;
  margin-left: 1em;
  margin-top: 1.5em; /* 24/16 */
}

.StoryBrand-details {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.75em; /* 12/16 */
  text-shadow: 0 1px 2px #000;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey card CMS
 *
 * Layout of a journey on CMS pages.
 */
.StoryCardCMS {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 32px;
  overflow: hidden;
}

.StoryCardCMS-top {
  padding: 16px;
}

.StoryCardCMS-topActions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.StoryCardCMS-title {
  font-family: "DM Sans", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 16px;
}

.StoryCardCMS-contentTitle {
  align-items: center;
  display: flex;
}

.StoryCardCMS-titleIcon {
  margin-right: 8px;
}

.StoryCardCMS-intro {
  font-family: "DM Sans", serif;
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
}

.StoryCardCMS-form {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.StoryCardCMS-formField {
  align-items: baseline;
  display: flex;
}

.StoryCardCMS-formLabel {
  margin-right: 16px;
}

.StoryCardCMS-url {
  word-break: break-word;
}

.StoryCardCMS-formLink {
  flex-shrink: 0;
  margin-left: 16px;
}

/**
 * Photo
 */
.StoryCardCMS-photo {
  margin: 0 auto;
  max-width: 320px;
  position: relative;
}

.StoryCardCMS-photoMedia {
  height: 100%;
  object-fit: cover;
  padding: 24px;
  width: 100%;
}

.StoryCardCMS-photoDelete {
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 34px;
  top: 34px;
}

/**
 * Add new
 *
 * For adding new content to a journey/journey stage
 */
.StoryCardCMS-addNew {
  background-color: #f4f4f4;
  border-radius: 0 0 4px 4px;
  color: #666;
  display: block;
  padding-bottom: 32px;
  padding-top: 32px;
  text-align: center;
  text-decoration: none;
}
.StoryCardCMS-addNew:focus, .StoryCardCMS-addNew:hover, .StoryCardCMS-addNew:visited {
  color: #666;
}

.StoryCardCMS-addNewHeading {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.StoryCardCMS-addNewAction {
  color: #666;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 90px;
  text-decoration: none;
}
.StoryCardCMS-addNewAction:focus, .StoryCardCMS-addNewAction:hover, .StoryCardCMS-addNewAction:visited {
  color: #666;
}

.StoryCardCMS-addNewIcon {
  background-color: #fff;
  border: 1px solid #ee6265;
  border-radius: 50%;
  display: inline-flex;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 8px;
}

.StoryCardCMS-addNewIconMedia {
  fill: #ee6265;
  height: 20px;
  width: 20px;
}

.StoryCardCMS-addNewHint {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}

/**
 * Content
 */
.StoryCardCMS-content {
  background-color: #f9f9f9;
  margin: 24px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.StoryCardCMS-content--participant {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.StoryCardCMS-contentHeader {
  align-items: center;
  display: flex;
  height: 56px;
  width: 100%;
}

.StoryCardCMS-contentMenu {
  height: 32px;
  margin-left: auto;
  position: relative;
  width: 32px;
}

/**
 * Bottom actions
 */
.StoryCardCMS-bottomActions {
  margin-bottom: 16px;
  margin-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

/**
 * Hint
 */
.StoryCardCMS-hint {
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
}
.StoryCardCMS-hint a {
  color: #2a2a2a;
}
.StoryCardCMS-hint a:visited {
  color: #2a2a2a;
}
.StoryCardCMS-hint a:hover, .StoryCardCMS-hint a:focus {
  color: #666;
}

.StoryCardCMS-iconTitle {
  display: flex;
}

.StoryCardCMS-section--participant {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

.StoryCardCMS-column--participant {
  min-height: 200px;
  position: relative;
  width: 100%;
}

.StoryCardCMS-details--participant {
  padding: 24px 0;
}

.StoryCardCMS-map--participant {
  margin-top: 16px;
}

.StoryCardCMS-avatar--participant {
  border-radius: 100%;
  height: 40px;
  margin-right: 8px;
  width: 40px;
}

.StoryCardCMS-verificationStatus--participant {
  align-items: center;
  background-color: #fff;
  display: flex;
  left: 8px;
  margin-right: 8px;
  padding: 4px;
  position: absolute;
  top: 8px;
}

.StoryCardCMS-verified--participant {
  color: #a4a4a4;
  margin-left: 4px;
}

.StoryCardCMS-verified--label {
  color: #7a7a7a;
}

.StoryCardCMS-unverified--participant {
  color: #ee6265;
  margin-left: 4px;
}

@media (min-width: 768px) {
  .StoryCardCMS-section--participant {
    flex-direction: row;
  }
  .StoryCardCMS-column--participant {
    width: 50%;
  }
  .StoryCardCMS-map--participant {
    margin-left: 16px;
    margin-top: 0;
  }
  .StoryCardCMS-photoMedia {
    padding: 16px;
  }
  .StoryCardCMS-photoDelete {
    right: 42px;
    top: 42px;
  }
}
@media (min-width: 768px) {
  .StoryCardCMS-photoMedia {
    padding: 24px;
  }
  .StoryCardCMS-photoDelete {
    right: 38px;
    top: 38px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
.StoryCard {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 458px;
  overflow: hidden;
  text-decoration: none;
  width: 280px;
}

.StoryCard--publishable {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.StoryCard--publishable:focus, .StoryCard--publishable:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
}
.StoryCard--publishable:focus .StoryCard-headerBackground, .StoryCard--publishable:hover .StoryCard-headerBackground {
  height: 240px;
}
.StoryCard--publishable:focus .StoryCard-imageMedia, .StoryCard--publishable:hover .StoryCard-imageMedia {
  transform: scale(1.04);
}
.StoryCard--publishable:focus .StoryCard-action::after, .StoryCard--publishable:hover .StoryCard-action::after {
  transform: translateX(8px);
}
.StoryCard--publishable:focus .StoryCard-userProfile, .StoryCard--publishable:hover .StoryCard-userProfile {
  opacity: 1;
}

.StoryCard--tall,
.StoryCard--wide {
  width: 100%;
}

.StoryCard-header {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.StoryCard-header--tall {
  /* The height of the image in the header */
  height: 387px;
}

.StoryCard-userProfile {
  align-items: center;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.88));
  display: flex;
  opacity: 1;
  padding: 16px;
  position: absolute;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

.StoryCard-userAvatar {
  flex-shrink: 0;
  margin-right: 12px;
}

.StoryCard-userDetails {
  color: #fff;
}

.StoryCard-headerBackground {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.64));
  bottom: 0;
  height: 140px;
  left: 0;
  position: absolute;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

.StoryCard-title {
  bottom: 16px;
  color: #fff;
  padding: 0 16px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.StoryCard-title--productPage {
  color: #2a2a2a;
}

.StoryCard-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 24px;
}

.StoryCard-label {
  color: #2a2a2a;
  text-align: center;
}

.StoryCard-label--productPage {
  display: none;
}

.StoryCard-imageMedia {
  height: auto;
  object-fit: cover;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}

.StoryCard-placeholder {
  background-color: #f4f4f4;
  fill: #ccc;
  min-height: 302px;
  width: 100%;
}

@media (min-width: 480px) {
  .StoryCard-userProfile {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .StoryCard--tall {
    width: 280px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Action close
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.Action-close {
  border: none;
  border-radius: 50%;
  color: #a4a4a4;
  cursor: pointer;
  line-height: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 10;
}
.Action-close:hover {
  color: #666;
}
.Action-close:focus {
  border: none;
  box-shadow: 0 0 0.5em #99b9ae;
  outline: none;
}
.Action-close svg {
  fill: currentColor;
  height: 1.5em; /* 24/16 */
  stroke: currentColor;
  width: 1.5em; /* 24/16 */
}

.Action-close--large {
  background-color: rgba(42, 42, 42, 0.4);
  color: #fff;
  margin-left: 0.5em; /* 8/16 */
  position: static;
}
.Action-close--large svg {
  height: 2.5em; /* 24/16 */
  width: 2.5em; /* 24/16 */
}
.Action-close--large svg circle {
  stroke: none;
}

.Action-close--journey {
  color: #fff;
  top: 1.4em;
  z-index: 100;
}
.Action-close--journey svg {
  height: 2.5em; /* 24/16 */
  width: 2.5em; /* 24/16 */
}

.Action-close--white svg {
  height: 2em;
  stroke: #2a2a2a;
  width: 2em;
}
.Action-close--white svg circle {
  fill: #fff;
}

.StoryHeader-buttons .StoryClose {
  margin-right: -3rem;
}

:not(.Page--experiences) .StoryClose {
  display: none;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.StoryDrawer {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  transform: translateY(100%);
  transition: transform 0.4s ease-out;
  width: 100%;
  z-index: 10;
}

.StoryDrawer--open ~ .Story > .Story-content {
  background-color: rgba(0, 0, 0, 0.8);
}

.StoryDrawer--open {
  transform: none;
}

.StoryDrawer-inner {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
  max-height: 75%;
  position: relative;
  z-index: 12;
}

.StoryDrawer-background {
  height: 100%;
  outline: none;
  position: absolute;
  width: 100%;
  z-index: 11;
}

.StoryCard .StoryDrawer {
  position: fixed;
  top: 0;
  z-index: 101;
}
.StoryCard .StoryDrawer .ModalCard-content {
  max-height: 316px;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey embed
 */
/**
 * The embed is designed to fix the size of the iframe to the dimensions of a PJ
 * The code that actually determines the size of the iframe is included in provenance-platform's css
 */
.StoryEmbed {
  display: flex;
  flex-direction: column;
  height: 576px;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease-out;
  width: 320px;
}
.StoryEmbed > div {
  height: 100%;
  position: relative;
  width: 100%;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Header of Journey
 *
 * Stays still as content slides underneath
 */
.StoryHeader {
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.4));
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  min-height: 3.5em; /* 56/16 */
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.StoryHeader-buttons {
  color: #fff;
  display: flex;
  margin-right: 1em;
  margin-top: 1.5em; /* 24/16 */
  pointer-events: auto;
}

.StoryCard .StoryHeader {
  border-radius: 4px 4px 0 0;
  position: fixed;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.Story {
  background-position: center center;
  background-size: cover;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  font-size: 16px; /* adjust this font-size to scale component proportionally */
  height: 100dvh !important; /* stylelint-disable-line unit-no-unknown, declaration-no-important */
  overflow: hidden;
  position: relative;
  scroll-snap-align: flex-start;
  /* Prevents scrolling past more than one slide */
  scroll-snap-stop: always;
  width: 100%;
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}
.Story.slide-enter {
  transform: translate3d(100%, 0, 0);
}
.Story.slide-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 400ms ease-in-out;
}
.Story.slide-exit {
  transform: translate3d(0, 0, 0);
}
.Story.slide-exit-active {
  transform: translate3d(-100%, 0, 0);
  transition: transform 400ms ease-in-out;
}
.Story.slideBack-enter {
  transform: translate3d(-100%, 0, 0);
}
.Story.slideBack-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 400ms ease-in-out;
}
.Story.slideBack-exit {
  transform: translate3d(0, 0, 0);
}
.Story.slideBack-exit-active {
  transform: translate3d(100%, 0, 0);
  transition: transform 400ms ease-in-out;
}

@media (min-width: 640px) {
  .Story {
    height: 100% !important; /* stylelint-disable-line declaration-no-important */
  }
}
.StoryModal--modalOpened .Story {
  height: auto; /* height reset makes the bg image and content take the whole height of the story container in a single story slide */
}

/**
 * Middle
 */
.Story-spacer {
  flex-grow: 1;
  padding-left: 0.5em; /* 8px */
  padding-right: 0.5em; /* 8px */
  width: 100%;
}

.Story-backgroundVideo--video {
  object-fit: cover;
  width: 100%;
}

.StoryCard .Story-backgroundVideo--video {
  height: 32.8em; /* 32.8em = 26.5em (424px) + 6.3em (100.8px) */
}

.Story-content {
  background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.96));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  -webkit-overflow-scrolling: auto;
  overflow-y: auto;
  padding: 4em 1em 1em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  transition: background-color 0.3s ease-in;
  width: 100%;
}

.StoryCard .Story,
.StoryCard .Story-content {
  min-height: 32.8em; /* min-height 32.8em = 26.5em (424px) + 6.3em (100.8px) */
}

.Story-content--credits {
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 16px;
  padding-top: 4em;
  text-shadow: none;
}

.Story-backgroundVideo--content {
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0.96) 100%);
  bottom: 0;
  left: 0;
  padding: 4em 1em 1em;
  position: absolute;
  width: 100%;
}

.Story-content--video {
  background-image: none;
  bottom: 0;
  left: 0;
  position: absolute;
}

.Story-share {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.Story-description {
  font-family: "DM Sans", serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.5em; /* 8/16 */
  text-align: left;
}

.Story-title,
.Story-description {
  pointer-events: none; /* 'none' makes slides behind tappable */
}

/**
 * Bottom
 */
.Story-bottom {
  padding-bottom: 1em;
  width: 100%;
}

.Story-bottom--credits {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-bottom: 0;
}

.Story-title {
  font-family: "DM Sans", serif;
  font-size: 2.125em; /* 34/16 */
  font-weight: 400;
  line-height: 1.1;
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.8); /* 4/16 */ /* 8/16 */
}

.Story-subtitle {
  align-items: center;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875em; /* 14px */
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.8); /* 4/16 */ /* 8/16 */
}
.Story-subtitle::before, .Story-subtitle::after {
  background-color: currentColor;
  border-top: 1px solid currentColor;
  content: "";
  display: block;
  flex-grow: 1;
}
.Story-subtitle::before {
  margin-right: 0.5714285714em; /* 8px */
}
.Story-subtitle::after {
  margin-left: 0.5714285714em; /* 8px */
}

.Story-backAction {
  padding-bottom: 20px;
  padding-top: 20px;
  pointer-events: auto;
  text-align: center;
}

.Story-items--proofPoints {
  padding-top: 1em;
}

.Story-items--collaborations {
  padding-top: 24px;
}

.Story-branding {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(325deg) brightness(104%) contrast(101%);
}

.Story-branding--click {
  cursor: pointer;
}

.Form-group--profileUrl.is-hidden {
  display: none;
}

.Form-group--customUrl.is-hidden {
  display: none;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.StoryList {
  display: flex;
  flex-wrap: no-wrap;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 4px;
}

/**
* JourneyList--wraps
*
* Outside of carousel the journey list needs to wrap
*/
.StoryList--wraps {
  flex-wrap: wrap;
}

.StoryList-item {
  margin-top: 24px;
  min-width: 280px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.StoryList-item:only-child {
  /* if only one item on mobile make it the width of the screen minus side margin */
  width: calc(100vw - 24px);
}

.StoryList-item--edit {
  max-width: 280px;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
@media (min-width: 640px) {
  .StoryList-item:only-child {
    width: 100%;
  }
}
/**
 * Tablet viewport
 */
@media (min-width: 768px) {
  /* increase gutter */
  .StoryList {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 8px;
  }
  .StoryList-item {
    margin-top: 32px;
    max-width: 632px; /* 600px (normal width) + 32px (horizontal padding) = 632px */
  }
  .StoryList-item--edit {
    max-width: 280px;
  }
  .StoryList-item--edit > .StoryCard--tall {
    width: 100%;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey modal
 */
.StoryModal {
  background-color: #000;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.StoryModal,
.StoryModal > div {
  height: 100%;
}

.StoryModal--modalOpened {
  height: 100vh; /* meant for mobile embed only */
}

.StoryModal > div,
.StoryCard > .ModalCard-content {
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* Hide scrollbar on IE 10+ */
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Hide scrollbar on Firefox */
}
.StoryModal > div::-webkit-scrollbar,
.StoryCard > .ModalCard-content::-webkit-scrollbar {
  height: 0; /* Hide scrollbar on Chrome */
}

.StoryModal--modalOpened .StoryHeader-buttons {
  margin-right: 4rem; /* margin-right to push the buttons to the left, to make space for the close button */
}

@media (min-width: 640px) {
  .StoryModal {
    border-radius: 0.25em;
    box-shadow: 0 1em 2em #000;
    display: grid; /* display: grid makes the content stretch properly to fill the whole modal */
    height: 95vh;
    width: auto; /* width reset to auto because it was set to 100vw on mobile */
  }
}
@media (min-height: 1000px) {
  .StoryModal {
    height: 928px;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/*
*
* Desktop navigation
*
*/
.StoryNavigation {
  align-items: center;
  color: #fff;
  display: none;
  height: calc(100% - 6.5em); /* 104/16 */
  justify-content: center;
  left: 0;
  max-height: 58em; /* 928/16 */
  pointer-events: none;
  position: fixed;
  width: 100%;
}
.StoryNavigation [disabled] {
  opacity: 0.4;
}
.StoryNavigation [disabled]:hover {
  background-color: transparent;
}

.StoryNavigation-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 42.5em; /* 680/16 */
  width: 100%;
}

.StoryCard .StoryNavigation-inner {
  display: none;
}

.StoryNavigation-button {
  background-color: transparent;
  border-radius: 50%;
  color: #fff;
  height: 4em; /* 64/16 */
  line-height: 0;
  opacity: 1;
  pointer-events: auto;
  transition: background-color 0.2s ease-in, opacity 0.2s ease-in;
  width: 4em; /* 64/16 */
}
.StoryNavigation-button:hover {
  background-color: rgba(164, 164, 164, 0.5);
}
.StoryNavigation-button:first-child {
  margin-right: 30px;
}
.StoryNavigation-button:last-child {
  margin-left: 30px;
}
.StoryNavigation-button > svg {
  height: 100%;
  width: 100%;
}
.StoryNavigation-button circle {
  display: none;
}

@media (min-width: 960px) {
  .StoryNavigation {
    display: flex;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey next button
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.StoryNextButton {
  align-items: center;
  display: flex;
  height: 2.75em;
  justify-content: center;
  margin: 1em auto;
  width: 2.75em;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey organization
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.StoryOrganization {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.StoryOrganization-links {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1em; /* 16/16 */
  padding: 0 4px;
  width: 100%;
}

.StoryOrganization-link {
  font-weight: 700;
  pointer-events: auto;
}
.StoryOrganization-link > svg {
  margin-right: 0.5em; /* 8/16 */
  vertical-align: middle;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey preview
 */
.StoryPreview {
  display: grid;
  grid-gap: 32px 24px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  max-width: 320px;
}

/**
 * Email
 */
.StoryPreview-email {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 12px;
}

.StoryPreview-email--sent {
  display: none;
}

.StoryPreview-emailHeader {
  border-bottom: 1px solid #e1eae0;
  padding-bottom: 8px;
  position: relative;
}

.StoryPreview-emailTitle {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.StoryPreview-emailText {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 10px;
}

.StoryPreview-emailForm,
.StoryPreview-emailAction {
  margin-top: 16px;
}

.StoryPreview-emailIcon {
  fill: currentColor;
  height: 16px;
  margin: auto;
  width: 24px;
}

/**
 * Start
 */
.StoryPreview-startInner {
  border-radius: 4px;
  color: #2a2a2a;
  display: block;
  height: 432px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: 240px;
}

.StoryPreview-startImage {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.StoryPreview-startInside {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * Actions
 */
.StoryPreview-actions {
  align-items: center;
  color: #fff;
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: 1fr 1fr;
}

.StoryPreview-action {
  color: inherit;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.StoryPreview-actionInner {
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;
}

.StoryPreview-actionIcon {
  vertical-align: middle;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Tablet small viewport
 */
@media (min-width: 640px) {
  .StoryPreview {
    grid-template-columns: 280px 280px;
    grid-template-rows: min-content min-content min-content;
    max-width: 584px;
  }
  .StoryPreview-intro {
    padding-top: 32px;
  }
  .StoryPreview-start {
    grid-row: span 3;
  }
  .StoryPreview-actions {
    padding-bottom: 32px;
  }
}
.ProgressBar {
  background: #fff;
  height: 0.125em; /* 2/16 */
  position: absolute;
  top: 0.5em;
  transform-origin: left;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey progress
 *
 * The progress counter in the top right corner of the journey
 */
.StoryProgress {
  align-items: center;
  display: flex;
  height: auto;
  left: 0;
  padding: 0.5em 0.625em; /* 8/16 */ /* 10/16 */
  position: absolute;
  top: 0;
  width: 100%;
}

.StoryProgress-line {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1px;
  flex-grow: 1;
  height: 0.125em; /* 2/16 */
  overflow: hidden;
  position: relative;
}
.StoryProgress-line:first-child {
  background-color: #fff;
  margin-right: 0;
}
.StoryProgress-line:last-child {
  margin-right: 0;
}
.StoryProgress-line::before {
  background-color: #fff;
  content: "";
  height: 100%;
  position: absolute;
  transition: width 0.3s ease-in;
  width: 0;
}
.StoryProgress-line + .StoryProgress-line {
  margin-left: 0.125em;
}

.StoryProgress-line--viewed {
  background-color: #fff;
}

.StoryProgress-line--unviewed::before,
.StoryProgress-line--slideBack::before {
  transition: none;
}

.StoryProgress-line--slide::before,
.StoryProgress-line--slideBack::before {
  width: 100%;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey publish
 */
.StoryPublish {
  margin-top: 32px;
}

.StoryPublish--publishFirst {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

/**
 * Actions
 */
.StoryPublish-actions {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.StoryPublish-action {
  margin-top: 8px;
  width: 50%;
}

.StoryPublish--notice {
  background-color: #f9f9f9;
  margin-top: 40px;
  padding: 24px;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey published
 */
.StoryPublished {
  background-color: #fff;
  border-radius: 4px;
  color: #2a2a2a;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 48px;
}

.StoryPublished-containerInner {
  margin-left: auto;
  margin-right: auto;
  max-width: 240px;
  /**
   * NB Referencing another component like this only allowed in certain circumstances
   */
}
.StoryPublished-containerInner > div {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 180%;
  position: relative;
  width: 100%;
}
.StoryPublished-containerInner .Story {
  font-size: 12px; /* this scales the entire journey preview down */
}

.StoryPublished-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  padding-bottom: 48px;
  padding-top: 48px;
  text-align: center;
}

.StoryPublished-label {
  align-items: center;
  color: #99b9ae;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.StoryPublished-tick {
  border: 2px solid #99b9ae;
  border-radius: 50%;
  fill: #99b9ae;
  height: 24px;
  margin-right: 8px;
  padding: 3px;
  width: 24px;
}

.StoryPublished-action {
  margin-top: 24px;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Tablet viewport
 */
@media (min-width: 640px) {
  .StoryPublished {
    grid-column-gap: 24px;
    grid-template-columns: 250px 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
  }
  .StoryPublished-container {
    order: 0;
    padding: 48px 0 48px 48px;
  }
  .StoryPublished-containerInner {
    max-width: 200px;
    /**
     * NB Referencing another component like this only allowed in certain circumstances
     */
  }
  .StoryPublished-containerInner .Story {
    font-size: 10px; /* this scales the entire journey preview down */
  }
  .StoryPublished-info {
    padding: 48px 48px 48px 0;
    text-align: left;
  }
  .StoryPublished-label {
    justify-content: flex-start;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey share
 *
 * NB we use ems within this component, which allows us to scale the component
 * proportionally simply by changing the font-size of the primary element
 */
.StoryShare {
  align-items: center;
  background-color: #3d3d3d;
  display: flex;
  flex-direction: column;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: auto;
  padding: 0.5em;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.StageHeader {
  height: 3.5em; /* 56/16 */
  position: relative;
  width: 100%;
  z-index: 1;
}

.StageHeader-backdrop {
  background-color: #000;
  height: 100%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
}

.StageHeader-title {
  display: flex;
  filter: blur(0); /* 4/16 */
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: calc(100% - 5.5em); /* 88/16 */
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
.SwipePrompt {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.4s ease-out 0.4s;
  width: 100%;
}

.SwipePrompt--hidden {
  opacity: 0;
}
.SwipePrompt--hidden > .SwipePrompt-inner {
  opacity: 0;
}

.SwipePrompt-inner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  display: flex;
  height: 140px;
  justify-content: center;
  margin-right: 40px;
  opacity: 1;
  transition: opacity 0.4s ease-out;
  width: 120px;
}

@media (min-width: 960px) {
  .SwipePrompt {
    display: none;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/* stylelint-disable no-descending-specificity */
.StoryTip {
  position: relative;
}
.StoryTip:focus {
  outline: none;
}
.StoryTip:focus .StoryTip-content {
  opacity: 1;
  visibility: visible;
}

.StoryTip-content {
  background-color: #fff;
  border-radius: 0.125em; /* 2/16 */
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.08); /* 8/16 */
  color: #2a2a2a;
  opacity: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  text-align: left;
  top: 3.125em; /* 50/16 */
  transition: opacity 0.25s, visibility 0.25s;
  visibility: hidden;
  width: 18.75em; /* 300/16 */
}
.StoryTip-content::before, .StoryTip-content::after {
  border: 0.6875em solid transparent; /* 11/16 */
  border-bottom-color: #fff;
  bottom: 100%;
  content: "";
  position: absolute;
  right: 0.5em; /* 8/16 */
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Journey wrapper
 *
 * A wrapper component for bits of UI that surround the actual journey
 */
.StoryWrapper {
  color: #fff;
  position: fixed;
  width: 100%;
}

.StoryWrapper--preview {
  padding-left: 24px;
  padding-right: 24px;
}

.StoryWrapper--published {
  background-color: #fff;
  padding-left: 24px;
  padding-right: 24px;
}

/**
 * Header
 */
.StoryWrapper-header {
  color: #fff;
  padding-top: 24px;
  /* initially change colour of logo on this view */
  /* initially hide the header on this view */
}
.StoryWrapper--published .StoryWrapper-header {
  color: #2a2a2a;
}
.StoryWrapper--show .StoryWrapper-header {
  display: none;
}

/**
 * Header inner
 *
 * An extra element is needed here to solve an issue with nesting a grid within
 * a flexbox on Safari
 */
.StoryWrapper-wordmarkMedia {
  fill: currentColor;
  height: 13.8px;
  width: 160px;
}

/**
 * Tips
 */
.StoryWrapper-tips {
  padding-top: 32px;
}

/**
 * Container
 *
 * Shown on the journey show view only
 */
/**
 * Aspect Ratio
 *
 * a transparent image to force the PJ to keep aspect ratio
 */
.StoryWrapper-image--aspectRatio {
  display: none;
}

/**
 * Footer
 */
.StoryWrapper-footer {
  margin-top: auto;
  padding-bottom: 32px;
  padding-top: 32px;
  text-align: center;
  /* initially hide the footer on these views */
}
.StoryWrapper--published .StoryWrapper-footer {
  display: none;
}
.StoryWrapper--show .StoryWrapper-footer {
  display: none;
}

.StoryWrapper-footerIconMedia {
  fill: #fff;
  height: 40px;
  padding: 2px;
  width: 40px;
}

.StoryWrapper-footerCopy {
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 8px;
  text-align: center;
}

/**
 * Background
 */
.StoryWrapper-background {
  height: 200%;
  left: -50%;
  position: fixed;
  top: -50%;
  width: 200%;
  z-index: -1;
  /* initially hide the bg image on these views */
}
.StoryWrapper-background::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.StoryWrapper--published .StoryWrapper-background {
  display: none;
}
.StoryWrapper--show .StoryWrapper-background {
  display: none;
}

.StoryWrapper-backgroundImage {
  inset: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  position: absolute;
}

.StoryWrapper-action {
  color: #fff;
  text-decoration: none;
}
.StoryWrapper-action > svg {
  margin-left: 4px;
  transform: translateY(25%);
}
.StoryWrapper-action:link, .StoryWrapper-action:active, .StoryWrapper-action:hover, .StoryWrapper-action:visited {
  color: #fff;
}

/* -----------------------------------------------------------------------------
 * Media queries
 * -------------------------------------------------------------------------- */
/**
 * Mobile wide viewport
 */
@media (min-width: 480px) {
  .StoryWrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 24px;
    padding-right: 24px;
  }
  .StoryWrapper--show {
    /* now show these elements */
  }
  .StoryWrapper--show .StoryWrapper-header,
  .StoryWrapper--show .StoryWrapper-footer,
  .StoryWrapper--show .StoryWrapper-background {
    display: block;
  }
  .StoryWrapper--published {
    display: block; /* prevent flexbox until tablet small viewport */
  }
  .StoryWrapper-headerInner {
    align-items: center;
    display: grid;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }
  .StoryWrapper-headerAction {
    text-align: right;
  }
  .StoryWrapper-container {
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  .StoryWrapper-inner {
    height: 100%;
    position: relative;
  }
}
/**
 * Tablet small viewport
 */
@media (min-width: 640px) {
  .StoryWrapper-container--preview {
    margin: 24px 0 0;
  }
  .StoryWrapper-image--aspectRatio {
    display: block;
    height: calc(100vh - 150px);
    width: auto;
  }
  .StoryWrapper--published {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* now change logo to white */
    /* now show these elements */
  }
  .StoryWrapper--published .StoryWrapper-header {
    color: #fff;
  }
  .StoryWrapper--published .StoryWrapper-footer,
  .StoryWrapper--published .StoryWrapper-background {
    display: block;
  }
  .StoryWrapper-app {
    border-radius: 0.25em; /* 4/16 */
    box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.6); /* 32/16 */
    height: 100%;
    inset: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
}
/**
 * Desktop viewport
 */
@media (min-width: 960px) {
  .StoryWrapper {
    position: absolute;
  }
  .StoryWrapper-inner {
    min-height: 568px;
    min-width: 320px;
  }
  .StoryWrapper-image--aspectRatio {
    max-height: 928px;
    max-width: 500px;
  }
  .StoryWrapper-footer {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
/* For letterbox desktop viewport */
@media (min-width: 960px) and (max-height: 968px) {
  .StoryWrapper-container--preview {
    margin: -28px 0 16px;
  }
  .StoryWrapper-image--aspectRatio {
    height: calc(100vh - 32px);
  }
}
/* For achieving 100% height on mobile but not on desktop */
.StoryWrapper,
.StoryWrapper-container,
.StoryWrapper-inner {
  height: 100%;
}

@media (min-width: 640px) {
  .Story,
  .Story-content {
    height: 100%;
  }
  .StoryWrapper,
  .StoryWrapper-container,
  .StoryWrapper-inner {
    height: auto;
  }
}
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Lined heading
 */
.LinedHeading {
  align-items: center;
  color: #7a7a7a;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}
.LinedHeading::before, .LinedHeading::after {
  background-color: #ccc;
  border-top: 1px solid #ccc;
  content: "";
  display: block;
  flex-grow: 1;
}
.LinedHeading::before {
  margin-right: 8px;
}
.LinedHeading::after {
  margin-left: 8px;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Claim themes
 */
/**
 * Colours
 */
/**
 * Content
 */
.ModalCard-content {
  max-height: 26.5em; /* 424/16 */
  overflow-y: auto;
  padding: 1em 0.75em 0.75em; /* 12/16 */
}

.ModalCard-content--flush {
  padding-top: 0;
}

.StoryCard > .ModalCard-content {
  max-height: 32.8em; /* min-height 32.8em = 26.5em (424px) + 6.3em (100.8px) */
  overflow: hidden;
  padding: 0;
  position: relative;
}

/**
 * Section
 */
.ModalCard-section {
  border: 0.0625em solid #e4e4e4; /* 1/16 */
  border-radius: 0.25em; /* 4/16 */
  flex-grow: 1;
  margin-top: 1.5em; /* 24/16 */
  padding: 0.75em; /* 12/16 */
  text-align: left;
}
.ModalCard-section:first-of-type {
  margin-top: 1em;
}

.ModalCard-section--ugc {
  background-color: #f4f4f4;
}
.ModalCard-section--ugc > blockquote {
  display: inline-block;
}
.ModalCard-section--ugc > blockquote + * {
  border-top: 2px solid #dbdbdb;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

.ModalCardV1-section--theme {
  background-color: #fff;
  margin-top: 1.5em; /* 24/16 */
}

.ModalCard-section--theme {
  margin-top: 1.5em; /* 24/16 */
}

.ModalCard-theme {
  margin-bottom: 1.5em; /* 24/16 */
}

/**
 * Copy
 */
.ModalCard-heading {
  color: #2a2a2a;
  font-family: "DM Sans", sans-serif;
  font-size: 1em; /* 14px */
  font-weight: 600;
  width: 100%;
}

.ModalCard-heading--claim {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 1em;
  padding-bottom: 0.75em;
}

.ModalCard-heading:not(:first-child) {
  border-top: 1px solid #e4e4e4;
  margin-top: 0.75em; /* 12/16 */
  padding-top: 0.875em; /* 14/16 */
}

.ModalCard-para {
  color: inherit;
  font-family: "DM Sans", serif;
  font-size: 14px;
}

.ModalCard-para--type {
  font-size: 16px;
}

/**
 * List
 */
.ModalCard-list {
  font-family: "DM Sans", serif;
  font-size: 14px;
  line-height: 1.5;
  list-style-position: outside;
  list-style-type: disc;
  margin-top: 0.75em; /* 8/16 */
  padding: 0 1.5em; /* 24/16 */
}

.ModalCard-list--block {
  list-style-type: none;
  padding: 0;
}

.ModalCard-list--capsule {
  padding: 0;
}

.ModalCard-listItem--capsule {
  margin-bottom: 8px;
  margin-right: 8px;
}

.ModalCard-listItem--block {
  margin-bottom: 1em;
}

/**
 * Map
 */
.ModalCard-map {
  height: 240px;
  margin-top: 16px;
  position: relative;
}

.ModalCard-locationText {
  color: #7a7a7a;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.ModalCard-locationText > svg {
  margin-right: 4px;
  vertical-align: middle;
}

/**
 * Footer
 */
.ModalCard-footer {
  border-top: 0.0625em solid #e4e4e4; /* 1/16 */
  margin: 1.5em -0.75em 0; /* 24/16 */ /* 12/16 */
  padding: 1.5em 0.75em 0; /* 24/16 */ /* 40/16 */
  text-align: center;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.ModalCardHeader {
  display: flex;
}

.ModalCardHeader--user {
  margin-top: 0.75rem; /* 12/16 */
  padding: 0.75rem; /* 12/16 */
}

.ModalCardHeader--organization {
  margin-top: 0.5em; /* 8/16 */
}

.ModalCardHeader-logo {
  background-color: #fff;
  box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08); /* 4/16 */
  height: 6em; /* 96/16 */
  padding: 0.5em; /* 8/16 */
  width: 6em; /* 96/16 */
}
.ModalCardHeader-logo > img,
.ModalCardHeader-logo > svg {
  height: 5em; /* 80/16 */
  width: 5em; /* 80/16 */
}

.ModalCardHeader-logo--placeholder {
  box-shadow: none;
}

.ModalCardHeader-logo--product {
  height: 3em; /* 48/16 */
  padding: 0.125em; /* 2/16 */
  width: 3em; /* 48/16 */
}
.ModalCardHeader-logo--product > img {
  height: 2.875em; /* 80/16 */ /* 46/16 */
  width: 2.875em; /* 80/16 */ /* 46/16 */
}

.ModalCardHeader-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1em;
  text-align: left;
}

.ModalCardHeader-title {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-size: 1.5em; /* 24/16 */
  font-weight: 400;
  line-height: 1;
  text-align: left;
}

.ModalCardHeader-subtitle {
  color: #2a2a2a;
  font-family: "DM Sans", serif;
  font-size: 1em; /* 16px; */
  margin-top: 0.25em; /* 4/16 */
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/*
* Pill List
*
* A list of pill-shaped proof points
*
*/
.PillList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding-left: 0.25rem;
}
.Timeline-product + .PillList {
  margin-top: 0.75rem;
}
.CollectionTable-cell .PillList {
  margin-bottom: 1.5rem;
}

.PillList-item--button {
  border-radius: 16px;
  padding: 0;
}
.PillList-item--button:focus {
  outline: none;
}
.PillList-item--button:focus-visible {
  outline: 2px solid #0a3942;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.Pill {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  /* Elevation 1 */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  color: #2a2a2a;
  display: flex;
  height: 22px;
  justify-content: center;
  line-height: 1rem;
  padding: 2px 6px 2px 2px;
  position: relative;
  transition: background-color 0.15s, border-color 0.15s;
}
.Pill:hover {
  border-color: #000;
}

.Pill-details {
  padding-left: 4px;
}

.Pill-category {
  -webkit-box-orient: vertical; /* stylelint-disable-line */
  display: -webkit-box; /* stylelint-disable-line */
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  -webkit-line-clamp: 1;
  margin-bottom: 1px;
  overflow-y: hidden;
  padding-right: 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
}
.Pill-category::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-linejoin='round' d='m-1 3 4 4 4-4' transform='matrix(0 1 1 0 -2 2)'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  padding-left: 6px;
  position: absolute;
  right: 0;
  top: 0;
}

proof-point-status-wrapper {
  height: 18px;
}

proof-point-status {
  align-items: center;
  display: flex;
  opacity: 1;
  transition: transform 0.6s, opacity 0.3s 0.15s;
}
.Capsule proof-point-status, .Pill proof-point-status, .ClaimCard-headerDetails proof-point-status, .ModalCardHeader-details proof-point-status, .SchemeCard proof-point-status {
  font-family: "DM Sans", serif;
  font-size: 11px;
  font-style: italic;
  line-height: 1.5;
}

.Pill proof-point-status-wrapper {
  margin: 1px -4px 0 2px;
}

.Card--embed.ClaimCard proof-point-status-wrapper {
  margin: 10px auto 0;
  width: 72px;
}

.ModalCardHeader-details {
  position: relative;
}
.ModalCardHeader-details proof-point-status {
  position: absolute;
}

proof-point-status svg {
  margin-right: 1px;
}

proof-point-status[data-state=checked] {
  opacity: 0;
  transform: translateY(100%);
}

proof-point-status[hidden] {
  display: flex; /* resets [hidden] { display: none } */
  opacity: 0;
  transform-origin: left;
}

proof-point-status[checking] svg {
  animation: halfTurnClockwise 1.5s infinite ease-in-out;
}

proof-point-status[evidenced] {
  transform: translateY(-200%);
}
proof-point-status[evidenced]:not([hidden]) {
  transform: translateY(-100%);
}

proof-point-status[verified] {
  transform: translateY(-300%);
}
proof-point-status[verified]:not([hidden]) {
  transform: translateY(-200%);
}

.ModalCardHeader-title + proof-point-status-wrapper proof-point-status {
  transform: none !important; /* stylelint-disable-line declaration-no-important */ /* !important was needed for overriding specificity of :not([hidden]) selector defined above */
}

.Capsule,
.Pill {
  overflow-y: hidden;
}

/* This CSS below is also needed by the SDK
 * to be injected into a page on initial loading
 */
/* .provenance-Fixed class is added by the SDK, it's not used in the app */
/* stylelint-disable-next-line selector-class-pattern */
.provenance-Fixed {
  position: fixed;
}

.ProvenanceModal {
  --gap: 10px;
}

.ProvenanceModal-backdrop {
  align-items: center;
  background-color: transparent;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: background-color 0.4s allow-discrete;
}

.is-open .ProvenanceModal-backdrop {
  background-color: rgba(0, 0, 0, 0.75);
}

.ProvenanceModal-dialog {
  display: block;
  flex-grow: 1;
  height: 100%;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  min-width: 300px;
  padding: 0;
  position: relative;
}

/*
Close button
*/
.ProvenanceModal-closeBtn {
  color: #7a7a7a; /* $colour-grey */
  cursor: pointer;
  height: 40px;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  transition: opacity 0.6s;
  z-index: 10;
}

.is-open .ProvenanceModal-closeBtn {
  opacity: 1;
}

/* Close button style tweaks for when it originates from the SDK */
.SDK .ProvenanceModal-closeBtn {
  background-color: transparent;
  border: 0;
  padding: 0;
  top: 16px;
  width: 40px;
}

.ProvenanceModal-closeBtn:hover,
.ProvenanceModal-closeBtn:active {
  color: inherit;
}

.ProvenanceModal-closeBtn:active circle,
.ProvenanceModal-closeBtn:focus circle {
  display: block;
}

.ProvenanceModal-closeBtn:focus {
  outline: none;
}

.ProvenanceModal-closeBtn svg {
  height: 40px;
  pointer-events: none; /* https://github.com/ghosh/Micromodal/issues/392 */
  stroke: currentColor;
  width: 40px;
}

.ProvenanceModal-closeBtn circle {
  display: none;
}

/*
Accessibility tooltip (hidden by default)
*/
.ProvenanceModal-tooltip {
  background: #7a7a7a;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  opacity: 0;
  padding: 3px 5px;
  pointer-events: none;
  transform: translateY(-3px);
  transition: transform 0.25s, opacity 0.25s;
  transition-delay: 0.5s;
  z-index: 1;
}

/*
Tooltip for close button
*/
.ProvenanceModal-closeBtnTooltip {
  position: absolute;
  right: -5px;
  top: 60px;
}

.ProvenanceModal-closeBtn:hover + .ProvenanceModal-closeBtnTooltip,
.ProvenanceModal-closeBtn:focus + .ProvenanceModal-closeBtnTooltip {
  opacity: 1;
  transform: translateY(0);
}

/*
"confirm" variant.
*/
.ProvenanceModal--confirmVariant .ProvenanceModal-dialog {
  background-color: #fff;
  height: auto;
  max-width: 360px;
  min-width: 0;
  padding: 20px;
  width: auto;
}

/*
"small" variant.
*/
.ProvenanceModal--smallVariant .ProvenanceModal-dialog {
  border-radius: 4px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
  max-height: 525px;
  width: 95%;
}

@media (min-width: 640px) {
  .ProvenanceModal--smallVariant .ProvenanceModal-dialog {
    max-width: 368px;
  }
}
/*
"full" variant.
*/
.ProvenanceModal--fullVariant .ProvenanceModal-dialog {
  background-color: #fff;
  height: calc(100% - var(--gap) - var(--gap));
  margin: var(--gap);
  width: 100%;
}

.ProvenanceModal--fullVariant .ProvenanceModal-content {
  height: 100%;
}

/*
"story" variant.
*/
.ProvenanceModal--storyVariant .ProvenanceModal-content {
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s;
}

.is-open.ProvenanceModal--storyVariant .ProvenanceModal-content {
  opacity: 1;
}

.ProvenanceModal--storyVariant .ProvenanceModal-closeBtn,
.ProvenanceModal--fullVariant .ProvenanceModal-closeBtn {
  background-color: rgba(42, 42, 42, 0.4);
  border-radius: 50%;
  color: #fff;
  z-index: 101; /* 101 makes the closeBtn appear over the box shadow in the story header */
}

.ProvenanceModal--storyVariant .ProvenanceModal-closeBtn {
  top: 24px;
}

.ProvenanceModal--storyVariant .ProvenanceModal-closeBtn:hover,
.ProvenanceModal--fullVariant .ProvenanceModal-closeBtn:hover {
  background-color: #000;
}

.ProvenanceModal--storyVariant .ProvenanceModal-closeBtn:active circle,
.ProvenanceModal--storyVariant .ProvenanceModal-closeBtn:focus circle,
.ProvenanceModal--fullVariant .ProvenanceModal-closeBtn:active circle,
.ProvenanceModal--fullVariant .ProvenanceModal-closeBtn:focus circle {
  display: block;
}

.ProvenanceModal--storyVariant .StoryHeader-buttons {
  margin-right: 4em; /* margin-right to push the buttons to the left, to make space for the close button */
}

@media (min-width: 640px) {
  .ProvenanceModal--storyVariant .ProvenanceModal-dialog {
    height: 95vh;
    max-width: 436px;
  }
}
/*
Drawer behavior
*/
.ProvenanceModal--drawerBehavior .ProvenanceModal-dialog {
  background: #fff; /* #fff bg needed in the experience map template to avoid a transparent card flash at the beginning of the transition animation */
  border-radius: 0.25em; /* hack: 0.25em is the same as .ClaimCard, needed only for map template */
  bottom: var(--gap);
  position: absolute;
  transform: translateY(100%);
  transition: transform 0.6s;
}

[data-state=drawer-open] .ProvenanceModal-dialog {
  transform: translateY(0);
}

@media (min-width: 640px) {
  .ProvenanceModal--drawerBehavior .ProvenanceModal-dialog {
    bottom: auto;
    right: var(--gap);
    transform: translateX(100%);
  }
  [data-state=drawer-open] .ProvenanceModal-dialog {
    transform: translateX(0);
  }
}
/*
Ugly hack to prevent a bundle from being rendered twice on Safari/WebKit.
Only needed in SDK/embedded context, not used in the app.
Can be removed when we stop using iframes.
*/
provenance-bundle > div:nth-child(2) {
  display: none !important; /* stylelint-disable-line declaration-no-important */ /* !important for overriding display: inline-block; being applied by zoid on an ID selector */
}

.StoryButton {
  color: #fff;
  font-family: "DM Sans", serif;
  height: 196px;
  overflow: hidden;
  position: relative;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.6s;
}

.StoryButton-layout {
  background-position: 0 20%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  min-height: 100%;
  position: relative;
  transition: transform 0.2s;
}
.StoryButton-layout:hover {
  transform: scale(1.04);
}

.StoryButton-mask {
  align-self: flex-end;
  background-image: linear-gradient(to bottom, transparent 0%, rgb(0, 0, 0) 100%);
  bottom: 0;
  height: auto;
  padding: 1.5em 1em 0.75em; /* 12/16 */
  position: absolute;
  width: 100%;
}

.StoryButton--fullWidth {
  margin-left: -0.75em;
  width: calc(100% + 1.5em);
}

.StoryButton--partialWidth {
  border-radius: 4px;
  margin-top: 16px;
  width: 100%;
}

.StoryButton-text {
  font-size: 16px;
}

.StoryButton-cta {
  font-style: italic;
  margin-top: 1rem;
}

.StoryButton + .StoryButton {
  margin-top: 1rem;
}

/**
 * StoryCard
 * Slider/Story component as a ModalCard
 */
.StoryCard {
  height: 100%;
  width: 100%;
  z-index: 20;
}

.StoryCard-title {
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  left: 2.5rem;
  position: absolute;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  top: 1.5rem;
  bottom: auto;
  width: 80%;
  z-index: 110;
}

.StoryCard {
  clip-path: inset(18% 0% 43% 0%);
  opacity: 0;
  transition: all 0.6s !important;
  visibility: hidden;
}

.StoryCard--revealed {
  clip-path: inset(0% 0% 0% 0%);
  opacity: 1;
  visibility: visible;
}

.InfiniteModal--concealStory .StoryCard--revealed {
  transition: clip-path 0.6s, opacity 0.3s 0.6s, visibility 0.3s 0.6s !important;
}

.StoryCard .Journey-title,
.StoryCard .Journey-description,
.StoryCard .JourneyHeader {
  opacity: 0;
  transition: opacity 0.6s;
}

.StoryCard--revealed .Journey-title,
.StoryCard--revealed .Journey-description,
.StoryCard--revealed .JourneyHeader {
  opacity: 1;
}

/* stylelint-disable */
/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
.Tag {
  border-radius: 6px;
  display: inline-block;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 6px;
}

.Tag-grey {
  background-color: #ccc;
}

.Tag-lightgrey {
  background-color: #e4e4e4;
}

.Tag-green {
  background-color: #99b9ae;
}

.Tag-yellow {
  background-color: #ffcd6c;
}

.Tag-red {
  background-color: #ffbabb;
}

.Tag-lightblue {
  background-color: #ECF3FC;
}

.Tag-spaced {
  margin: 0 4px 4px;
}

/**
 * Theme
 *
 * Global variables in use throughout the application
 */
/**
 * Colours
 */
/* Main colour palette */
/* rgb(0, 0, 0) */
/* rgb(42, 42, 42) */
/* rgb(61, 61, 61) */
/* rgb(82, 82, 82) */
/* rgb(102, 102, 102) */
/* rgb(122, 122, 122) */
/* rgb(164, 164, 164) */
/* rgb(204, 204, 204) */
/* rgb(244, 244, 244) */
/* rgb(249, 249, 249) */
/* rgb(255, 255, 255) */
/* rgb(122, 122, 122) */
/* rgba(255, 200, 202) */
/* rgb(61,61,61) */
/* rgba(225, 234, 224) */
/* rgb(225, 234, 224) */
/* rgb(42, 42, 42) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(47, 58, 74) */
/* rgb(59, 45, 81) */
/* rgb(77, 66, 98) */
/* rgb(153, 185, 174) */
/* rgb(238, 98, 101) */
/* rgb(240, 114, 116) */
/* rgb(255, 200, 202) */
/* rgb(73, 84, 100) */
/* rgb(244, 244, 244) */
/* rgb(204, 204, 204) */
/* rgb(204, 204, 204) */
/* black percentages use absolute black */
/* Additional colours */
/* rgb(133, 187, 204) */
/* rgb(120, 169, 184) */
/* rgb(240, 103, 100) */
/* rgb(217, 93, 90) */
/* rgb(28, 89, 127) */
/* rgb(25, 81, 115) */
/* New colours */
/* Family */
/* For now, both of these are being defined to the DM Sans font. At a later time
this will be cleaned up to improve how the site-wide fonts are defined. */
/* Sizes */
/* Font-weight */
/* Line height */
/* Letter-spacing */
/* Spacing */
/**
 * Animations
 */
/**
 * Transitions
 */
/* Duration */
/* timing function */
/**
 * Breakpoints
 */
/**
 * Container widths
 */
/**
 * Text
 *
 * A special component that provides a range of heading and paragraph styles
 * that can be applied directly to text elements.
 */
/**
 * Headings
 */
/*
$line-height-heading: 1.25em;

.Heading {
  font-family: $font-family-serif;
  font-size: 22px;
  font-weight: $font-weight-serif;
  line-height: $line-height-heading;
}

.Heading--profile,
.Heading--hero {
  font-family: $font-family-serif;
  font-size: 36px;
  font-weight: $font-weight-serif;
  line-height: $line-height-heading;

  &::before {
    content: '';
    display: table;
    margin-top: -0.25em;
  }
}

.Heading--product {
  font-family: $font-family-serif;
  font-size: 36px;
  font-weight: $font-weight-serif;
  line-height: $line-height-heading;
}

.Heading--page {
  font-family: $font-family-serif;
  font-size: 30px;
  font-weight: $font-weight-serif;
  line-height: $line-height-heading;
}

.Heading--card {
  font-family: $font-family-serif;
  font-size: 18px;
  font-weight: $font-weight-serif;
  line-height: $line-height-heading;
}
*/
.Subheading {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase;
}

.Subheading-lowercase {
  letter-spacing: 0.03em;
  text-transform: capitalize;
}

/*
  OLD HEADING STYLES
*/
/*
.Text-headingSmall {
  font-family: $font-family-sans;
  font-size: $font-size-sans-smaller;
  font-weight: $font-weight-sans-bold;
  letter-spacing: $letter-spacing-sans-uppercase;
  line-height: $line-height-tighter;
  text-transform: uppercase;
}*/
/**
 * Captions (help text)
 */
/*
.CaptionUI--regular {
  font-family: $font-family-sans;
  font-size: $font-size-sans-small;
  font-weight: $font-weight-sans;
  line-height: $line-height;
}

.CaptionUI--emphasis {
  font-family: $font-family-sans;
  font-size: $font-size-sans-small;
  font-weight: $font-weight-sans-bold;
  line-height: $line-height;
}
*/
/**
* Hint text
**/
.HintUI {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.HintUI--emphasis {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

/**
 * Paragraphs (body text)
 */
.BodyUI--regular {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.BodyUI--emphasis {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 125%;
}

.BodyUI--hint {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.Text-bodySerif {
  font-family: "DM Sans", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.Text-standfirst {
  font-family: "DM Sans", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}

.Text-bodySerifSmallItalics {
  font-family: "DM Sans", serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
}

.Text-bodySansSmall {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.Text-bodySansSmaller {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.Text-bodySansSmallest {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.Text-bodySansSmallestBold {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.Text-bodySansSmallBold {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.Text--colourWhite {
  color: #fff;
}

.Text--colourBoulder {
  color: #7a7a7a;
}

.Text--colourIron {
  color: #ccc;
}

.Text--colourNavy {
  color: #2f3a4a;
}

.Text--colourPurple {
  color: #3b2d51;
}

.Text--colourRed {
  color: #ee6265;
}

.Text--defaultLabel {
  display: none;
}
.Text--defaultLabel.is-active {
  display: inline;
}

@media (min-width: 960px) {
  .Heading--profile,
  .Heading--hero {
    font-size: 52px;
  }
}
/* stylelint-disable */
.Chip {
  display: none;
}

.Chip + label {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #DDDDDD;
  color: #3C3C3C;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  margin: 0;
  min-height: 32px;
  outline: none;
  padding: 0 0.5rem;
  user-select: none;
}
@media (hover: hover) {
  .Chip + label:hover {
    box-shadow: 0 0 0 2px #686868;
  }
}
.Chip + label:active {
  background: #DDDDDD;
}
.Chip + label:focus-visible {
  box-shadow: 0 0 0 4px #267CDD !important;
}
.Chip + label svg {
  padding-right: 0.25rem;
  width: 1.5rem;
}
.Chip + label svg path {
  fill: #3C3C3C;
}

.Chip:checked + label {
  background: #E1EEEA;
  box-shadow: 0 0 0 2px #E1EEEA;
}
@media (hover: hover) {
  .Chip:checked + label:hover {
    background: #BBD9D0;
    box-shadow: 0 0 0 2px #BBD9D0;
  }
}
.Chip:checked + label:active {
  background: #94C5B6;
  box-shadow: 0 0 0 2px #09332B;
}

/*
* Displays a text that says:
* "Sorry, we can't find anything matching those filters! Reset filters"
*/
.FilterNoResults {
  display: block;
  margin-top: 30px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
}

.FilterNoResults:not([hidden]) {
  opacity: 1;
}

/* stylelint-disable */
/* This component is shared between /framework and /directory pages */
.FilterToggle {
  background: #fff;
  box-shadow: -8px 8px 16px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  position: absolute;
  scroll-margin: 64px;
  user-select: none;
  width: 100%;
  z-index: 1;
}
.FilterToggle summary {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.FilterToggle summary-title {
  align-items: center;
  color: #000;
  display: flex;
  font-weight: bold;
  gap: 10px;
}
.FilterToggle .chevron {
  transition: transform 150ms;
}
.FilterToggle[open] .chevron {
  transform: rotate(-180deg);
}
.FilterToggle[open] > *:not(summary) {
  animation: details-show 150ms ease-in-out;
}

@media (min-width: 640px) {
  .FilterToggle {
    background: transparent;
    box-shadow: none;
    position: sticky;
    top: 101px;
  }
  .FilterToggle summary {
    pointer-events: none;
  }
  .FilterToggle .chevron {
    display: none;
  }
}
.DirectoryPage .FilterToggle {
  position: static;
}

@keyframes details-show {
  from {
    opacity: 0;
    transform: translateY(-0.5em);
  }
}
/* stylelint-disable */
.Filter fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0.75rem;
}
.Filter fieldset + fieldset {
  margin-top: 2rem;
}
.Filter legend {
  color: #686868;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.Filter [type=reset] {
  background: none;
  color: #3C3C3C;
  letter-spacing: 1px;
  margin-top: 0.75rem;
  padding: 6px 4px;
  text-transform: uppercase;
}
.Filter [type=reset]:hover {
  background: #E1EEEA;
  border-radius: 0.25rem;
}
.Filter [type=reset]:disabled {
  color: #DDDDDD;
}

.FiltersContainer {
  position: relative;
}

.FilterOptions {
  box-shadow: 0 2px 3px 0 rgba(31, 30, 30, 0.15), 0 6px 10px 4px rgba(31, 30, 30, 0.08);
  position: absolute;
  z-index: 16;
}

.FilterOptions--right {
  right: 0;
}

.FilterOptions--left {
  left: 0;
}

.FilterOption:hover {
  background-color: #ECF3FC;
  cursor: pointer;
}
.FilterOption.selected {
  background-color: #ECF3FC;
}

/* stylelint-disable */
.FooterCTA {
  background: #E1EEEA;
  border-radius: 0 0 0.25rem 0.25rem;
  color: #07251F;
  display: flex;
  font-family: DM Sans;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: bold;
  justify-content: space-evenly;
  padding: 1rem 0.75rem;
  text-align: center;
}
.FooterCTA:hover {
  text-decoration: none;
}

.FooterCTA svg:first-child {
  overflow: inherit; /* overflow: inherit; fixes clipped Instagram icon when the text content after it is too long */
}

/* stylelint-disable */
/* Styling quotation marks on <q> tag */
.Quote {
  float: left;
  padding-left: 34.5px;
  position: relative;
}
.Quote::before, .Quote::after {
  color: #B4B4B4;
  font: 3em auto;
  line-height: 0;
  vertical-align: bottom;
}
.Quote::before {
  content: "“";
  margin-left: -34.5px;
  padding-right: 1rem;
}
.Quote::after {
  content: "”";
  padding-left: 1rem;
}

/* An alternative styling where the <q> is a block-level element
   and the end quote is always at the end of its container.
   It is used in the About modal markdown.
   Might work best on justified text.
*/
.Quote--absolute {
  display: block;
  padding-right: 34.5px;
}
.Quote--absolute::after {
  content: "”";
  padding-left: 1rem;
  position: absolute;
  right: 0;
  top: 1rem;
}

.Quote--hasImg {
  padding-left: 0;
  padding-right: 1rem;
}
.Quote--hasImg img {
  border-radius: 50%;
  float: left;
  height: 40px;
  margin-left: 1rem;
  margin-right: 7px;
  width: 40px;
}
.Quote--hasImg::before {
  margin-left: -65px;
  padding-right: 45px;
}

.Quote--hasBar {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 1rem;
}

/* stylelint-disable */
.Search {
  padding-left: 2rem;
}

:has(> .Search) {
  margin: 0 0.75rem;
}

.Search-icon {
  left: 0.65rem;
  position: relative;
  top: 2.85rem;
}

@media (min-width: 640px) {
  .Search {
    margin-top: 2.5rem;
  }
  .Search-icon {
    top: 4.8rem;
  }
}
@media (min-width: 768px) {
  .Search {
    margin-top: 2rem;
  }
  .Search-icon {
    top: 4.35rem;
  }
}
@media (min-width: 960px) {
  .Search {
    margin-left: -0.25rem;
    margin-top: 4rem;
  }
  .Search-icon {
    left: 1.7rem;
    top: 0.125rem;
  }
  :has(> .Search) {
    margin: 0;
  }
}
/* stylelint-disable */
p-tag {
  border-radius: 6px;
  font-size: 0.75em;
  padding: 0.188em 0.375em;
}
p-tag svg {
  margin-top: -3px;
  vertical-align: middle;
}
p-tag[inert] {
  background: #F4F4F4;
  color: #8F8F8F;
  user-select: none;
}
p-tag[inert] svg {
  opacity: 0.4;
}

/* stylelint-disable */
.ViewMoreDetails {
  position: relative;
}
.ViewMoreDetails > summary {
  color: #3C3C3C;
  cursor: pointer;
  font-weight: bold;
  user-select: none;
}
.ViewMoreDetails > summary span::after {
  content: " more";
}
.ViewMoreDetails > summary .chevron {
  margin-bottom: 1px;
  margin-left: 0.125rem;
}
.ViewMoreDetails[open] {
  margin-bottom: 1rem;
}
.ViewMoreDetails[open] > summary {
  bottom: -1rem;
  position: absolute;
  right: 0;
}
.ViewMoreDetails[open] > summary span::after {
  content: " less";
}
.ViewMoreDetails[open] > summary .chevron {
  transform: rotate(-180deg);
}

/* stylelint-disable */
.ProofPointContainer {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 6px 2px rgba(0, 0, 0, 0.1);
  scroll-margin-top: 50px;
}
.ProofPointContainer > header {
  align-items: center;
  background: #F3F8F6;
  display: grid;
  grid-template-columns: min-content 380px min-content min-content auto;
  min-height: 80px;
}
.ProofPointContainer > header > div {
  border-right: 1px solid #DDDDDD;
  height: 48px;
}
.ProofPointContainer > header :first-child {
  border-right: none;
}
.ProofPointContainer > header :last-child {
  border-right: none;
}

.ProofPointSubmission {
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}
.ProofPointSubmission > summary {
  align-items: center;
  display: grid;
  gap: 15px;
  grid-template-columns: 220px 1fr 1fr 1fr 220px;
}
.ProofPointSubmission .ClaimCardCMS-main,
.ProofPointSubmission .ClaimCardCMS-footer {
  margin-left: 210px;
}
.ProofPointSubmission .ProofPointSubmission--actions {
  position: relative;
}

/* stylelint-disable */
.DirectoryHeroHeader {
  background: #E1EEEA;
  text-align: center;
}

.DirectoryHeroHeader-title {
  font-size: 2.25rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  padding-top: 1.5rem;
  white-space: nowrap;
}

.DirectoryHeroHeader-subtitle {
  color: #07251F;
  font-size: 1.125rem;
  line-height: 30px;
  margin-bottom: 1.5rem;
}

.DirectoryHeroHeader > img {
  margin-left: 47px;
}

@media (min-width: 640px) {
  .DirectoryHeroHeader > div:last-child {
    background: linear-gradient(to left, #bbdad0 50%, transparent 0%);
    margin-right: auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .DirectoryHeroHeader-title {
    padding-top: 3rem;
  }
  .DirectoryHeroHeader-subtitle {
    margin-bottom: 3rem;
  }
}
@media (min-width: 960px) {
  .DirectoryHeroHeader {
    font-size: 1.125em;
  }
  .DirectoryHeroHeader-title {
    font-size: 2.5em;
    margin-bottom: 1.5rem;
    margin-left: -2px;
  }
  .DirectoryHeroHeader-subtitle {
    font-size: 1.375em;
  }
}
@media (min-width: 1200px) {
  .DirectoryHeroHeader {
    align-items: center;
    display: flex;
    gap: 54px;
    justify-content: center;
    text-align: left;
  }
  .DirectoryHeroHeader > div:first-child {
    margin-left: calc((100vw - 1200px) / 2 + 24px);
    max-width: 419px;
  }
}
@media (min-width: 1920px) {
  .DirectoryHeroHeader > div:first-child {
    margin-left: 384px;
  }
}
/* stylelint-disable */
.ProvCard {
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px 1px rgba(31, 30, 30, 0.15), 0 1px 2px 0 rgba(31, 30, 30, 0.08);
  padding: 0;
  transition: box-shadow 0.2s;
}
.ProvCard:hover {
  box-shadow: 0 1px 3px 0 rgba(31, 30, 30, 0.15), 0 4px 8px 3px rgba(31, 30, 30, 0.08);
}

.SchemeCard {
  margin-bottom: 12px;
  width: 256px;
}
.SchemeCard a {
  color: #3C3C3C;
  text-decoration: none;
}

.SchemeCard-footer {
  border-top: 1px solid lightgrey;
  pointer-events: none;
}

.MetricsCard {
  height: max-content;
}

.MetricsCard--standard {
  width: 650px;
}

.MetricsCard--narrow {
  width: 420px;
}

.MetricsCard--wide {
  width: 1080px;
}

.Card {
  background-repeat: no-repeat;
  background-size: cover 160px;
  border-radius: 10px;
  /* Elevation 1 */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.12);
  color: #07251F;
  display: block;
  overflow: hidden;
  padding-bottom: 2rem;
  position: relative;
  text-decoration: none;
  transform: translateY(0);
  transition: border 0.3s, box-shadow 0.3s, transform 0.5s, opacity 0.3s;
  width: 100%;
}
.Card:hover {
  color: #07251F;
}
.Card::after {
  bottom: 0.75rem;
  content: "See the Impact →";
  font-weight: bold;
  position: absolute;
  right: 0.75rem;
  text-decoration: underline;
}

.Card-hero {
  display: block;
}

.Card-hero img {
  aspect-ratio: 39/16;
  width: 100%;
}

.Card-logo {
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  float: right;
  margin-left: 0.25rem;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
}

.Card-heading {
  color: #3C3C3C;
  font-size: 22px;
  line-height: 1.2;
  margin: 1rem;
  margin-bottom: 0;
}

.Card > .cluster {
  --space: 0.5rem;
  padding: 1rem;
}

@media (min-width: 960px) {
  .Card {
    display: flex;
    flex-wrap: wrap;
    height: 142px;
    padding-bottom: 0;
  }
  .Card-hero {
    max-width: 195px;
  }
  .Card-hero img {
    aspect-ratio: 195/142;
  }
  .Card-logo {
    position: absolute;
    right: 0;
  }
  .Card > .cluster {
    left: 195px;
    position: absolute;
    top: 50px;
  }
}
/* stylelint-disable */
.PPCard {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px 1px #DDDDDD;
  height: 284px;
  max-width: 284px;
  overflow: clip;
  padding: 0;
  position: relative;
  text-align: left;
  transition: box-shadow 0.15s;
  width: 284px;
}
.PPCard:hover {
  /* Elevation 2 */
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
}

.PPCard-label {
  font-size: 0.875rem;
  line-height: 150%;
  margin: 0;
}

.PPCard-text {
  font-size: 0.75rem;
  height: 72px;
  overflow-y: clip;
}

.PPCard proof-point-status-wrapper {
  display: block;
}

.PPCard proof-point-status {
  font-size: 0.688rem;
  font-style: italic;
}
.PPCard proof-point-status[verified] circle {
  fill: #08856C;
}

.PPCard p-tag {
  bottom: 0.75rem;
  display: inline-block;
  font-size: 0.75rem;
  left: 0.75rem;
  position: absolute;
}

.PPCard header .Capsule-iconInner,
.PPCard header > img:last-of-type {
  border-radius: 50%;
  box-shadow: 0 0 0 1px #DDDDDD;
  min-width: 44px;
}

/* stylelint-disable */
.ProvIntro {
  background: #f4f4f4;
  font-size: 0.875rem;
  overflow: auto;
  padding: 0 0.75rem 1rem;
}
.ProvIntro h2 {
  font-size: 1rem;
  line-height: 1.25;
}
.ProvIntro summary + * {
  margin-top: 0.75rem;
}

/* stylelint-disable */
:has(.DirectoryPage) {
  scroll-behavior: smooth;
}

.DirectoryPage p-tag {
  line-height: 20px;
}

.DirectoryPage main {
  margin: 0 0.75rem 6rem;
  overflow-y: clip;
  padding-top: 0.75rem;
}

@media (min-width: 640px) {
  directory-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .DirectoryPage main {
    grid-template-columns: none;
    margin-top: 0.75rem;
    padding-top: 2.5rem;
  }
}
@media (min-width: 960px) {
  directory-wrapper {
    grid-template-columns: 1.1fr 2fr;
  }
}
@media (min-width: 1200px) {
  directory-wrapper {
    grid-template-columns: 1fr 2fr;
    margin: auto;
    width: 1200px;
  }
}
/* stylelint-disable */
.PublicProfile {
  margin-bottom: 1.5rem;
}
.PublicProfile main {
  margin: 1.5rem 1rem;
}
.PublicProfile aside {
  padding: 1rem;
}
.PublicProfile h2,
.PublicProfile h3 {
  font-family: inherit;
}
.PublicProfile main > h2,
.PublicProfile aside > h2 {
  color: #3C3C3C;
}
.PublicProfile main > h2 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
}
.PublicProfile aside > h2 {
  font-size: 1.125rem;
  margin: 0 0 1rem;
}
.PublicProfile .CollectionTable {
  margin-top: 0;
}
.PublicProfile .CollectionTable-cell {
  padding: 0;
}
.PublicProfile .CollectionTable-cell h3 {
  color: #3C3C3C;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  margin-top: 0;
}
.PublicProfile .CollectionTable-row + .CollectionTable-row h3 {
  margin-top: 0.75rem;
}
.PublicProfile .Text-headingSmall {
  color: #3C3C3C;
}

@media (min-width: 768px) {
  .PublicProfile {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(390px, 1fr) 300px;
    margin: 1.5rem;
    max-width: 1200px;
  }
  .PublicProfile > a,
  .PublicProfile > picture {
    grid-column: 2/2;
    grid-row: 1;
  }
  .PublicProfile > aside {
    grid-column: 2/2;
    grid-row: 1;
    padding: 1.5rem;
  }
  .PublicProfile > picture > img {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .PublicProfile-imageMargin {
    margin-top: 300px;
  }
  .PublicProfile .HeroHeader-media {
    margin-top: -1.5rem;
  }
}
@media (min-width: 768px) {
  .Profile-maxHeight {
    max-height: 634px;
    overflow-y: auto;
  }
}
@media (min-width: 960px) {
  .PublicProfile {
    gap: 3rem;
    grid-template-columns: minmax(390px, 1fr) 400px;
    margin: auto;
    padding: 3rem;
  }
  .PublicProfile-imageMargin {
    margin-top: 400px;
  }
}
/* stylelint-disable */
/* The purpose of this file is to override some of the CSS coming from Webflow,
 * exclusively for the public brand profile pages (/brands/*slug).
 */
.navmenu {
  margin-right: 20px;
}

.StoryButton {
  padding: 0;
}

.StoryButton-mask h2,
.Story-title,
.ProvenanceModal-closeBtn {
  color: #fff;
}

.StoryCard-title {
  display: none;
}

.ProfilesPage {
  overflow-x: hidden;
}
.ProfilesPage main section h2 {
  color: #3C3C3C;
  margin-bottom: 0.5rem;
  margin-top: 18px;
}
.ProfilesPage main section ol li {
  margin-top: 0.5rem;
}
.ProfilesPage button,
.ProfilesPage .box {
  background-color: transparent;
}
.ProfilesPage .box {
  margin: 1rem 0 1.5rem;
}
.ProfilesPage ul:not([class]) {
  list-style-type: none;
  padding-left: 0;
}
.ProfilesPage h1,
.ProfilesPage p {
  margin-bottom: 0;
}
.ProfilesPage .ClaimCard-headerDetails h3,
.ProfilesPage .ModalCard-heading,
.ProfilesPage .CollectionTable-headingCell {
  margin-bottom: auto;
  margin-top: auto;
}
.ProfilesPage h4 {
  margin: 0.25rem 0;
}

/* The purpose of this file is to override some of the CSS coming from Webflow,
 * exclusively for the public brand profile pages (/brands/*slug).
 * This file was needed after the migration to the new app, as the page was broken
 * due to the clashing CSS from Webflow.
 * This CSS is not ideal and should be removed once the page is revamped.
 */
* {
  font-family: Dmsans !important;
}

.ClaimCard * {
  font-family: inherit;
}

.Action--secondary {
  color: #0A6351;
  border-color: #0A6351;
}

.Icon--arrowDown {
  transform: rotate(-90deg);
  vertical-align: bottom;
}

.box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px;
}

.stack-4 > * + * {
  margin-top: 0.75rem;
}

.stack-5 > * + * {
  margin-top: 1.5rem;
}

.Action.Action--inline,
.box.stack-4 {
  margin-top: 1rem;
}

.ProvIntro h2,
.ViewMoreDetails h2 {
  padding: 1rem 0 0.75rem;
}

.text-right {
  text-align: right;
}

.color-bg-inset {
  background: #F4F4F4;
}
.color-bg-inset ul {
  list-style: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.h6 {
  font-size: 16px;
}

.h5 {
  font-size: 16px;
  font-weight: normal;
}

.text-uppercase.h6 {
  letter-spacing: 1.5px;
}

.flex,
.d-flex {
  display: flex;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-items-center {
  align-items: center;
}

.flex-justify-between {
  justify-content: space-between;
}

.mb-8 {
  margin-bottom: 2.5rem;
}

.mt-2 {
  margin-top: 0.25rem;
}

.mt-3 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 0.75rem;
}

.mt-5 {
  margin-top: 1rem;
}

.px-4 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.w-100 {
  width: 100%;
}

.PPCard {
  background-color: #fff;
}

.ClaimCard-headerDetails > h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 125%;
}

.ProvenanceModal-closeBtn svg {
  stroke: #333;
}

.InfiniteModal > article:not(:first-of-type) {
  width: 100%;
}

/* stylelint-disable */
.theme-climate {
  background-color: #c3ebe5;
}

.theme-waste {
  background-color: #d1dbeb;
}

.theme-nature {
  background-color: #e4f4c9;
}

.theme-workers {
  background-color: #ffb7b2;
}

.theme-communities {
  background-color: #ffdfc9;
}

.theme-climate-light {
  background-color: #f5fffd;
}

.theme-waste-light {
  background-color: #f1f5fa;
}

.theme-nature-light {
  background-color: #f9fcf2;
}

.theme-workers-light {
  background-color: #fff8f7;
}

.theme-communities-light {
  background-color: #fff9f5;
}

.transparent {
  opacity: 0;
  visibility: hidden;
}

/* 🙏 https://css-tricks.com/inclusively-hidden/ */
/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  visibility: visible;
}

.body {
  line-height: 1.5;
}

#retailer-links::before {
  content: " ";
  display: block;
  height: 150px;
  margin-top: -150px;
  pointer-events: none;
  visibility: hidden;
}

ul,
ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}