/*!
 * Copyright (c) 2013-2021 Dijets Inc. All Rights Reserved.
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@font-face {
    font-family: Calibre;
    src: url(fonts/FeyCalibre-Light.woff2);
}

@font-face {
    font-family: Calibre;
    src: url(fonts/FeyCalibre-Regular.woff2);
}

@font-face {
    font-family: Calibre;
    src: url(fonts/FeyCalibre-Bold.woff2);
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*::before,
*::after,
input[type="search"] {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
    margin: 0
}

button {
    background: transparent;
    border: 0;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

iframe {
    border: 0
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

[tabindex="-1"]:focus {
    outline: none !important
}

.leaflet-container {
    background: #fff;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
    outline: 0;
    overflow: hidden;
    -ms-touch-action: none
}

.leaflet-container *,
.leaflet-container *:after,
.leaflet-container *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.leaflet-container h1,
.leaflet-container h2,
.leaflet-container h3,
.leaflet-container h4,
.leaflet-container h5,
.leaflet-container h6,
.leaflet-container p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px
}

.leaflet-container .marker-description img {
    margin-bottom: 10px
}

.leaflet-container a {
    color: #3887BE;
    font-weight: normal;
    text-decoration: none
}

.leaflet-container a:hover {
    color: #63b6e5
}

.leaflet-container.dark a {
    color: #63b6e5
}

.leaflet-container.dark a:hover {
    color: #8fcaec
}

.leaflet-container.dark .mapbox-button,
.leaflet-container .mapbox-button {
    background-color: #3887be;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.leaflet-container.dark .mapbox-button:hover,
.leaflet-container .mapbox-button:hover {
    color: #fff;
    background-color: #3bb2d0
}

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0
}

.leaflet-tile-pane {
    z-index: 2
}

.leaflet-objects-pane {
    z-index: 3
}

.leaflet-overlay-pane {
    z-index: 4
}

.leaflet-shadow-pane {
    z-index: 5
}

.leaflet-marker-pane {
    z-index: 6
}

.leaflet-popup-pane {
    z-index: 7
}

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1)
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-container {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.leaflet-overlay-pane path,
.leaflet-marker-icon,
.leaflet-container.map-clickable,
.leaflet-container.leaflet-clickable {
    cursor: pointer
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto
}

.leaflet-dragging,
.leaflet-dragging .map-clickable,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.leaflet-zoom-box {
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5
}

.leaflet-control-layers,
.leaflet-bar {
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-bar a,
.leaflet-bar a:hover {
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #ddd;
    border-bottom-color: rgba(0, 0, 0, 0.1)
}

.leaflet-bar a:hover,
.leaflet-bar a:active {
    background-color: #f8f8f8;
    cursor: pointer
}

.leaflet-bar a:hover:first-child {
    border-radius: 3px 3px 0 0
}

.leaflet-bar a:hover:last-child {
    border-bottom: none;
    border-radius: 0 0 3px 3px
}

.leaflet-bar a:hover:only-of-type {
    border-radius: 3px
}

.leaflet-bar .leaflet-disabled {
    cursor: default;
    opacity: 0.75
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    display: block;
    content: '';
    text-indent: -999em
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    background: #fff;
    padding: 6px 10px 6px 6px;
    color: #404040;
    color: rgba(0, 0, 0, 0.75)
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    border-top-color: rgba(0, 0, 0, 0.1);
    margin: 5px -10px 5px -6px
}

.leaflet-container .leaflet-control-attribution {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-container .leaflet-control-attribution a,
.leaflet-container .map-info-container a {
    color: #404040
}

.leaflet-control-attribution a:hover,
.map-info-container a:hover {
    color: inherit;
    text-decoration: underline
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
    margin: 10px
}

.leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
    background: #fff;
    border-radius: 3px 13px 13px 3px;
    padding: 3px 31px 3px 3px;
    visibility: hidden
}

.leaflet-control-attribution.leaflet-compact-attribution:hover {
    visibility: visible
}

.leaflet-control-attribution.leaflet-compact-attribution:after {
    content: '';
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    background-position: 0 -78px;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    bottom: 0;
    z-index: 1;
    visibility: visible;
    cursor: pointer
}

.leaflet-control-attribution.leaflet-compact-attribution:hover:after {
    background-color: #fff
}

.leaflet-right .leaflet-control-attribution.leaflet-compact-attribution:after {
    right: 0
}

.leaflet-left .leaflet-control-attribution.leaflet-compact-attribution:after {
    left: 0
}

.leaflet-control-scale-line {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    border-top: none;
    padding: 2px 5px 1px;
    white-space: nowrap;
    overflow: hidden
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #ddd;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    pointer-events: none
}

.leaflet-popup-content-wrapper {
    text-align: left;
    pointer-events: all
}

.leaflet-popup-content {
    padding: 8px;
    margin: 0;
    line-height: inherit
}

.leaflet-popup-close-button+.leaflet-popup-content-wrapper .leaflet-popup-content {
    padding-top: 8px
}

.leaflet-popup-tip-container {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative
}

.leaflet-popup-tip {
    width: 0;
    height: 0;
    margin: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-popup-close-button {
    text-indent: -999em;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: all
}

.leaflet-popup-close-button:hover {
    background-color: #f8f8f8
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4)
}

.leaflet-editing-icon {
    border-radius: 3px
}

.leaflet-bar a,
.mapbox-icon,
.map-tooltip.closable .close,
.leaflet-control-layers-toggle,
.leaflet-popup-close-button,
.mapbox-button-icon:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background-repeat: no-repeat
}

.leaflet-bar a {
    display: block
}

.leaflet-control-attribution:after,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-popup-close-button,
.leaflet-control-layers-toggle,
.leaflet-container.dark .map-tooltip .close,
.map-tooltip .close,
.mapbox-icon {
    opacity: .75;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAIICAMAAAAWgT0mAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6T%2BiNAAAAH3RSTlMA2KAIDTb0gOP7t5nE61G%2BVUAgcowXKEcCTK7PZ3xdvUmG5gAABLFJREFUeAHt3Ie2mzgUheFNEUKmuAHGdb%2F%2FW47hOmiFGCFrWsr5Vpm034IjIG0IfidCiA25waf49IdHG9LynSFnwqOww5PNDbg1fn5CCCGEEPJrWCGEEEKIn5rWsy%2F7NKSefdkrop5%2F0b%2ByjX9lG%2F%2Fqg8ZW%2Fo2tbBMeBR9e%2BCDCR%2B6%2FueGXUfgFG35rhBNCCCGU3kZZFm21gq864iSq4eNQ8jvlAav2FWeq%2FWpj%2BAOzUh0qvlEd4GLP5wSc7Hk558YJnjhxzTBaiiIsUrTGw7MUlmgu0liy5aLt2inZw%2FM5qYxLg2D2z0bRchR5DcJGK4PQ88hn5Go5UuGXUfgFG35rhN%2BE7ts9%2FMES%2FggLf1iGPpbDCSGE6Ht8qH1cquryaOFN3UvDkSnvCuvSusj5nbyoUzh0x63hG2Z77LCEDv9sdDhuMr6RbY4HOCTnHwdxTuBi5%2BGYgHPyzllbUXNK8EZyaiLX9LLN7TCbzm2TeYw8avYJRsm%2Bifz3KbvcDofbJfsJ9kn2Sfbp%2FyaEECItOQmq4KA50d9VPo2t1iPOIzy8I9vsjF8EyzZ%2BkW3Mo%2FSNbLNDWvpGtsFQ%2BUW2GSu%2FyDZj5RWdbKM1nGyUllNDaq9orMzOfptnhPSETyPrd4jm%2Fp1I8y0Nd%2BVuhBBC%2FM7U%2FZLnl7uCvzTmS5zCk8o5yZXnOkNTnNv2XAyV31oxme8x2udkDA%2BK5NiMFUmFdXeywKQg71h3Ic%2BYnMkL1uVki0lL5iFRFXJ415BBFEEjD9jcKOAyIvXHF6x%2FZW%2BNyK%2ByN2F1LRS0rfz9ElVABB3QzH8nJIQQQnOB9m%2B8Kjr829H1Xu%2Fr4rPo2ONp91EUAx9HJg2IIjw9rp8N4oKniN6RPSX%2BRhEs5AFRwoCoC4nOv8HIJdLLkc8j1ka2%2BSUJIYRI1a7rsSJJYSFpDMnqgeQRJ1h0LlPY5sovZcYbljW0FRpOmt0Oi7ZkfsKXxEyNMdvEtdJT3GKgaLkanDkwm7oHdrQ6OCQlv2TXS0yrhcNORXzD9HDYMOMbOVzufOsClzTnOzc4qYo%2FMi3cDnHGuRgrdFlxxnRYoQznCqzazatrgnXdJaPFrIOXXcVJpeCh35e08vV1lI6vGS3TpFjXFYaTLO7gp701l2tWRZvinEAIIcTPoVfN13upjerhJzlWnFTHBB7q%2BXsKddAfFWusiPlG7LWOuRY31apbc%2FVYq%2BboqvDNLVt7kTrJx2XuPYD2tFMJgMN2nEaCJUcOzsMC%2BfQzdTp%2B8YgFffU663bDlyh9vVtd9a630PMUuJDM7OBi13vozes4dmSucKo4aIEHnxrXm%2FV74Eo%2BABR8fb1zvVsfkTQp%2Boymfe3ZmPfG8cp7RjIfP7icFuYJSF3%2FXkD1dQ7t18cmGQcdoFxR%2BfrknGaY9PQn7btx%2BK6LVY%2FTSoH7NPK7axDjd1Yt2vFjL3wt3OeukZ84uHZnFmP0WuhG1%2BbiyoEx4zapK03cj1ex6zLCgy8HDFQLIN3QecGiz%2B1vY5oUg0PElVsDteHgAqQmOip1vGQc1XA4fjuW%2BpNHS%2FO6SAufB4utDNmhz33WsdSVKR5%2BD0urPwKR92PZSu9xWdmfAH4SQvwFlCd8xueQQrIAAAAASUVORK5CYII%3D");
    background-repeat: no-repeat;
    background-size: 26px 260px
}

.leaflet-bar .leaflet-control-zoom-in {
    background-position: 0 0
}

.leaflet-bar .leaflet-control-zoom-out {
    background-position: 0 -26px
}

.map-tooltip.closable .close,
.leaflet-popup-close-button {
    background-position: -3px -55px;
    width: 20px;
    height: 20px;
    border-radius: 0 3px 0 0
}

.mapbox-icon-info {
    background-position: 0 -78px
}

.leaflet-control-layers-toggle {
    background-position: 0 -104px
}

.mapbox-icon.mapbox-icon-share:before,
.mapbox-icon.mapbox-icon-share {
    background-position: 0 -130px
}

.mapbox-icon.mapbox-icon-geocoder:before,
.mapbox-icon.mapbox-icon-geocoder {
    background-position: 0 -156px
}

.mapbox-icon-facebook:before,
.mapbox-icon-facebook {
    background-position: 0 -182px
}

.mapbox-icon-twitter:before,
.mapbox-icon-twitter {
    background-position: 0 -208px
}

.mapbox-icon-pinterest:before,
.mapbox-icon-pinterest {
    background-position: 0 -234px
}

.leaflet-popup-content-wrapper,
.map-legends,
.map-tooltip {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.map-legends,
.map-tooltip {
    max-width: 300px
}

.map-legends .map-legend {
    padding: 10px
}

.map-tooltip {
    z-index: 999999;
    padding: 10px;
    min-width: 180px;
    max-height: 400px;
    overflow: auto;
    opacity: 1;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms
}

.map-tooltip .close {
    text-indent: -999em;
    overflow: hidden;
    display: none
}

.map-tooltip.closable .close {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 3px
}

.map-tooltip.closable .close:active {
    background-color: #f8f8f8
}

.leaflet-control-interaction {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 300px
}

.leaflet-popup-content .marker-title {
    font-weight: bold
}

.leaflet-control .mapbox-button {
    background-color: #fff;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    border-radius: 3px
}

.mapbox-modal>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow-y: auto
}

.mapbox-modal.active>div {
    z-index: 99999;
    -webkit-transition: all .2s, z-index 0 0;
    transition: all .2s, z-index 0 0
}

.mapbox-modal .mapbox-modal-mask {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0
}

.mapbox-modal.active .mapbox-modal-mask {
    opacity: 1
}

.mapbox-modal .mapbox-modal-content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.mapbox-modal.active .mapbox-modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mapbox-modal-body {
    position: relative;
    background: #fff;
    padding: 20px;
    z-index: 1000;
    width: 50%;
    margin: 20px 0 20px 25%
}

.mapbox-share-buttons {
    margin: 0 0 20px
}

.mapbox-share-buttons a {
    width: 33.3333%;
    border-left: 1px solid #fff;
    text-align: center;
    border-radius: 0
}

.mapbox-share-buttons a:last-child {
    border-radius: 0 3px 3px 0
}

.mapbox-share-buttons a:first-child {
    border: none;
    border-radius: 3px 0 0 3px
}

.mapbox-modal input {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5)
}

.leaflet-control.mapbox-control-info {
    margin: 5px 30px 10px 10px;
    min-height: 26px
}

.leaflet-right .leaflet-control.mapbox-control-info {
    margin: 5px 10px 10px 30px
}

.mapbox-info-toggle {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.leaflet-right .mapbox-control-info .mapbox-info-toggle {
    left: auto;
    right: 0
}

.mapbox-info-toggle:hover {
    background-color: #fff
}

.map-info-container {
    background: #fff;
    padding: 3px 5px 3px 27px;
    display: none;
    position: relative;
    bottom: 0;
    left: 0;
    border-radius: 13px 3px 3px 13px
}

.leaflet-right .map-info-container {
    left: auto;
    right: 0;
    padding: 3px 27px 3px 5px;
    border-radius: 3px 13px 13px 3px
}

.mapbox-control-info.active .map-info-container {
    display: inline-block
}

.leaflet-container .mapbox-improve-map {
    font-weight: bold
}

.leaflet-control-mapbox-geocoder {
    position: relative
}

.leaflet-control-mapbox-geocoder.searching {
    opacity: 0.75
}

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
    background: #fff;
    position: absolute;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    left: 26px;
    height: 28px;
    width: 0;
    top: -1px;
    border-radius: 0 3px 3px 0;
    opacity: 0;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms
}

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
    width: 180px;
    opacity: 1
}

.leaflet-bar .leaflet-control-mapbox-geocoder-toggle,
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
    border-bottom: none
}

.leaflet-control-mapbox-geocoder-toggle {
    border-radius: 3px
}

.leaflet-control-mapbox-geocoder.active,
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
    background: transparent;
    border: 0;
    width: 180px;
    padding: 0 0 0 10px;
    height: 26px;
    outline: none
}

.leaflet-control-mapbox-geocoder-results {
    width: 180px;
    position: absolute;
    left: 26px;
    top: 25px;
    border-radius: 0 0 3px 3px
}

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
    background: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4)
}

.leaflet-control-mapbox-geocoder-results a,
.leaflet-control-mapbox-geocoder-results span {
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 26px;
    text-align: left;
    overflow: hidden
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover,
.leaflet-control-mapbox-geocoder-results a:hover {
    background: #f8f8f8;
    opacity: 1
}

.leaflet-right .leaflet-control-mapbox-geocoder-wrap,
.leaflet-right .leaflet-control-mapbox-geocoder-results {
    left: auto;
    right: 26px
}

.leaflet-right .leaflet-control-mapbox-geocoder-wrap {
    border-radius: 3px 0 0 3px
}

.leaflet-right .leaflet-control-mapbox-geocoder.active,
.leaflet-right .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
    border-radius: 0 3px 3px 0
}

.leaflet-bottom .leaflet-control-mapbox-geocoder-results {
    top: auto;
    bottom: 25px;
    border-radius: 3px 3px 0 0
}

.mapbox-logo-true:before {
    content: '';
    display: inline-block;
    width: 61px;
    height: 19px;
    vertical-align: middle
}

.mapbox-logo-true {
    background-repeat: no-repeat;
    background-size: 61px 19px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NSIgaGVpZ2h0PSIyMCI+PGRlZnMvPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuODQ4MywtOTguNTAzOTUpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0ib3BhY2l0eTowLjI1O2ZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiPjxwYXRoIGQ9Ik0gNS4yOCAxLjUgQyA0LjU0IDEuNTYgMy45IDIuMjUgMy45MSAzIGwgMCAxMS44OCBjIDAuMDIgMC43NyAwLjcyIDEuNDcgMS41IDEuNDcgbCAxLjc1IDAgYyAwLjc4IDAgMS40OCAtMC42OSAxLjUgLTEuNDcgbCAwIC00LjI4IDAuNzIgMS4xOSBjIDAuNTMgMC44NyAyLjAzIDAuODcgMi41NiAwIGwgMC43MiAtMS4xOSAwIDQuMjggYyAwLjAyIDAuNzYgMC43IDEuNDUgMS40NyAxLjQ3IGwgMS43NSAwIGMgMC43OCAwIDEuNDggLTAuNjkgMS41IC0xLjQ3IGwgMCAtMC4xNiBjIDEuMDIgMS4xMiAyLjQ2IDEuODEgNC4wOSAxLjgxIGwgNC4wOSAwIDAgMS40NyBjIC0wIDAuNzggMC42OSAxLjQ4IDEuNDcgMS41IGwgMS43NSAwIGMgMC43OSAtMCAxLjUgLTAuNzEgMS41IC0xLjUgbCAwLjAyIC0xLjQ3IGMgMS43MiAwIDMuMDggLTAuNjQgNC4xNCAtMS42OSBsIDAgMC4xOSBjIDAgMC4zOSAwLjE2IDAuNzkgMC40NCAxLjA2IDAuMjggMC4yOCAwLjY3IDAuNDQgMS4wNiAwLjQ0IGwgMy4zMSAwIGMgMi4wMyAwIDMuODUgLTEuMDYgNC45MSAtMi42OSAxLjA1IDEuNjEgMi44NCAyLjY5IDQuODggMi42OSAxLjAzIDAgMS45OCAtMC4yNyAyLjgxIC0wLjc1IDAuMjggMC4zNSAwLjczIDAuNTcgMS4xOSAwLjU2IGwgMi4xMiAwIGMgMC40OCAwLjAxIDAuOTcgLTAuMjMgMS4yNSAtMC42MiBsIDAuOTEgLTEuMjggMC45MSAxLjI4IGMgMC4yOCAwLjM5IDAuNzQgMC42MyAxLjIyIDAuNjIgbCAyLjE2IDAgQyA2Mi42NyAxNi4zMyA2My40MiAxNC44OSA2Mi44MSAxNCBMIDYwLjIyIDEwLjM4IDYyLjYyIDcgQyA2My4yNiA2LjExIDYyLjUgNC42MiA2MS40MSA0LjYyIGwgLTIuMTYgMCBDIDU4Ljc4IDQuNjIgNTguMzEgNC44NiA1OC4wMyA1LjI1IEwgNTcuMzEgNi4yOCA1Ni41NiA1LjI1IEMgNTYuMjkgNC44NiA1NS44MiA0LjYyIDU1LjM0IDQuNjIgbCAtMi4xNiAwIGMgLTAuNDkgLTAgLTAuOTcgMC4yNSAtMS4yNSAwLjY2IC0wLjg2IC0wLjUxIC0xLjg0IC0wLjgxIC0yLjkxIC0wLjgxIC0yLjAzIDAgLTMuODMgMS4wOCAtNC44OCAyLjY5IEMgNDMuMSA1LjUzIDQxLjI3IDQuNDcgMzkuMTkgNC40NyBMIDM5LjE5IDMgQyAzOS4xOSAyLjYxIDM5LjAzIDIuMjEgMzguNzUgMS45NCAzOC40NyAxLjY2IDM4LjA4IDEuNSAzNy42OSAxLjUgbCAtMS43NSAwIGMgLTAuNzEgMCAtMS41IDAuODMgLTEuNSAxLjUgbCAwIDMuMTYgQyAzMy4zOCA1LjEgMzEuOTYgNC40NyAzMC4zOCA0LjQ3IGwgLTMuMzQgMCBjIC0wLjc3IDAuMDIgLTEuNDcgMC43MiAtMS40NyAxLjUgbCAwIDAuMzEgYyAtMS4wMiAtMS4xMiAtMi40NiAtMS44MSAtNC4wOSAtMS44MSAtMS42MyAwIC0zLjA3IDAuNyAtNC4wOSAxLjgxIEwgMTcuMzggMyBjIC0wIC0wLjc5IC0wLjcxIC0xLjUgLTEuNSAtMS41IEwgMTQuNSAxLjUgQyAxMy41NSAxLjUgMTIuMjggMS44NyAxMS42NiAyLjk0IGwgLTEgMS42OSAtMSAtMS42OSBDIDkuMDMgMS44NyA3Ljc3IDEuNSA2LjgxIDEuNSBsIC0xLjQxIDAgQyA1LjM2IDEuNSA1LjMyIDEuNSA1LjI4IDEuNSB6IG0gMTYuMTkgNy43MiBjIDAuNTMgMCAwLjk0IDAuMzUgMC45NCAxLjI4IGwgMCAxLjI4IC0wLjk0IDAgYyAtMC41MiAwIC0wLjk0IC0wLjM4IC0wLjk0IC0xLjI4IC0wIC0wLjkgMC40MiAtMS4yOCAwLjk0IC0xLjI4IHogbSA4LjgxIDAgYyAwLjgzIDAgMS4xOCAwLjY4IDEuMTkgMS4yOCAwLjAxIDAuOTQgLTAuNjIgMS4yOCAtMS4xOSAxLjI4IHogbSA4LjcyIDAgYyAwLjcyIDAgMS4zNyAwLjYgMS4zNyAxLjI4IDAgMC43NyAtMC41MSAxLjI4IC0xLjM3IDEuMjggeiBtIDEwLjAzIDAgYyAwLjU4IDAgMS4wOSAwLjUgMS4wOSAxLjI4IDAgMC43OCAtMC41MSAxLjI4IC0xLjA5IDEuMjggLTAuNTggMCAtMS4xMiAtMC41IC0xLjEyIC0xLjI4IDAgLTAuNzggMC41NCAtMS4yOCAxLjEyIC0xLjI4IHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZm9udC1zaXplOm1lZGl1bTtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTtsaW5lLWhlaWdodDpub3JtYWw7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3dyaXRpbmctbW9kZTpsci10Yjt0ZXh0LWFuY2hvcjpzdGFydDtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmb250LWZhbWlseTpTYW5zOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aCBkPSJtIDUuNDEgMyAwIDEyIDEuNzUgMCAwIC05LjkxIDMuNSA1Ljk0IDMuNDcgLTUuOTQgMCA5LjkxIDEuNzUgMCAwIC0xMiBMIDE0LjUgMyBDIDEzLjggMyAxMy4yNSAzLjE2IDEyLjk0IDMuNjkgTCAxMC42NiA3LjU5IDguMzggMy42OSBDIDguMDcgMy4xNiA3LjUxIDMgNi44MSAzIHogTSAzNiAzIGwgMCAxMi4wMyAzLjI1IDAgYyAyLjQ0IDAgNC4zOCAtMS45MSA0LjM4IC00LjUzIDAgLTIuNjIgLTEuOTMgLTQuNDcgLTQuMzggLTQuNDcgQyAzOC43IDYuMDMgMzguMzIgNiAzNy43NSA2IGwgMCAtMyB6IE0gMjEuNDcgNS45NyBjIC0yLjQ0IDAgLTQuMTkgMS45MSAtNC4xOSA0LjUzIDAgMi42MiAxLjc1IDQuNTMgNC4xOSA0LjUzIGwgNC4xOSAwIDAgLTQuNTMgYyAwIC0yLjYyIC0xLjc1IC00LjUzIC00LjE5IC00LjUzIHogbSAyNy41NiAwIGMgLTIuNDEgMCAtNC4zOCAyLjAzIC00LjM4IDQuNTMgMCAyLjUgMS45NyA0LjUzIDQuMzggNC41MyAyLjQxIDAgNC4zNCAtMi4wMyA0LjM0IC00LjUzIDAgLTIuNSAtMS45NCAtNC41MyAtNC4zNCAtNC41MyB6IG0gLTIyIDAuMDMgMCAxMiAxLjc1IDAgMCAtMi45NyBjIDAuNTcgMCAxLjA0IC0wIDEuNTkgMCAyLjQ0IDAgNC4zNCAtMS45MSA0LjM0IC00LjUzIDAgLTIuNjIgLTEuOSAtNC41IC00LjM0IC00LjUgeiBtIDI2LjE2IDAgMy4wMyA0LjM4IC0zLjE5IDQuNjIgMi4xMiAwIEwgNTcuMzEgMTEuOTEgNTkuNDQgMTUgNjEuNTkgMTUgNTguMzggMTAuMzggNjEuNDEgNiA1OS4yNSA2IDU3LjMxIDguODEgNTUuMzQgNiB6IE0gMjEuNDcgNy43MiBjIDEuNCAwIDIuNDQgMS4xOSAyLjQ0IDIuNzggbCAwIDIuNzggLTIuNDQgMCBjIC0xLjQgMCAtMi40NCAtMS4yMSAtMi40NCAtMi43OCAtMCAtMS41NyAxLjA0IC0yLjc4IDIuNDQgLTIuNzggeiBtIDI3LjU2IDAgYyAxLjQ0IDAgMi41OSAxLjI0IDIuNTkgMi43OCAwIDEuNTQgLTEuMTUgMi43OCAtMi41OSAyLjc4IC0xLjQ0IDAgLTIuNjIgLTEuMjQgLTIuNjIgLTIuNzggMCAtMS41NCAxLjE4IC0yLjc4IDIuNjIgLTIuNzggeiBtIC0yMC4yNSAwLjAzIDEuNTkgMCBjIDEuNTkgMCAyLjU5IDEuMjggMi41OSAyLjc1IDAgMS40NyAtMS4xMyAyLjc4IC0yLjU5IDIuNzggbCAtMS41OSAwIHogbSA4Ljk3IDAgMS41IDAgYyAxLjQ3IDAgMi42MiAxLjI4IDIuNjIgMi43NSAwIDEuNDcgLTEuMDQgMi43OCAtMi42MiAyLjc4IGwgLTEuNSAwIHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIi8+PC9nPjwvZz48L3N2Zz4=")
}

.leaflet-container.dark .leaflet-bar {
    background-color: #404040;
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75)
}

.leaflet-container.dark .leaflet-bar a {
    color: #404040;
    border-color: rgba(0, 0, 0, 0.5)
}

.leaflet-container.dark .leaflet-bar a:active,
.leaflet-container.dark .leaflet-bar a:hover {
    background-color: #505050
}

.leaflet-container.dark .leaflet-control-attribution:after,
.leaflet-container.dark .mapbox-info-toggle,
.leaflet-container.dark .map-info-container,
.leaflet-container.dark .leaflet-control-attribution {
    background-color: rgba(0, 0, 0, 0.5);
    color: #f8f8f8
}

.leaflet-container.dark .leaflet-control-attribution a,
.leaflet-container.dark .leaflet-control-attribution a:hover,
.leaflet-container.dark .map-info-container a,
.leaflet-container.dark .map-info-container a:hover {
    color: #fff
}

.leaflet-container.dark .leaflet-control-attribution:hover:after {
    background-color: #000
}

.leaflet-container.dark .leaflet-control-layers-list span {
    color: #f8f8f8
}

.leaflet-container.dark .leaflet-control-layers-separator {
    border-top-color: rgba(255, 255, 255, 0.1)
}

.leaflet-container.dark .leaflet-bar a.leaflet-disabled,
.leaflet-container.dark .leaflet-control .mapbox-button.disabled {
    background-color: #252525;
    color: #404040
}

.leaflet-container.dark .leaflet-control-mapbox-geocoder>div {
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75)
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
    border-color: #ddd #202020;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75)
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75)
}

@media only screen and (max-width: 800px) {
    .mapbox-modal-body {
        width: 83.3333%;
        margin-left: 8.3333%
    }
}

@media only screen and (max-width: 640px) {
    .mapbox-modal-body {
        width: 100%;
        height: 100%;
        margin: 0
    }
}

@media print {
    .mapbox-improve-map {
        display: none
    }
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-container img.leaflet-tile {
    max-width: none !important
}

.leaflet-container img.leaflet-marker-icon {
    max-width: none
}

.leaflet-container img.leaflet-image-layer {
    max-width: 15000px !important
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-oldie .mapbox-modal .mapbox-modal-content {
    display: none
}

.leaflet-oldie .mapbox-modal.active .mapbox-modal-content {
    display: block
}

.map-tooltip {
    width: 280px\8
}

.leaflet-oldie .leaflet-control-zoom-in,
.leaflet-oldie .leaflet-control-zoom-out,
.leaflet-oldie .leaflet-popup-close-button,
.leaflet-oldie .leaflet-control-layers-toggle,
.leaflet-oldie .leaflet-container.dark .map-tooltip .close,
.leaflet-oldie .map-tooltip .close,
.leaflet-oldie .mapbox-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAEECAYAAAA24SSRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAXnSURBVHic7ZxfiFVFGMB/33pRUQsKto002DY3McJ6yBYkESQxpYTypaB66KEXYRWLYOlhr9RTRGWRUkk9RyEU+Y9ClECJVTKlPybWBilqkYuWrqBOD/NdPV7PmTPn3NPtat/AcO6ZP9/vfN/Mmfl2Zs6Kc452hK62UAxkIANdEURkVERGC9crOjKIiANwzkmRep1lOjWXa2ijaU7jaGWgKsL110a1EnV+LQMqbLqyobO6t4EMZCADGchABrqmQUlPNSWOVgaqIpi7ZSADGchABjKQga49kIjURaQem14apGE4KVR/D0fXds5FRaAOOL1e+h1dP7ZgE6wQxDnXvs7QWaZLE1wUVmRNdY1zrp6wRF0kfqHYnHwDGchABjJQIETNRyIyFVgBzAPmavIIsAt4xzn3d66QiNl1PnCYy05JczwMzG9pKlfIhQCkES/kwUKQqRma9GpM02xqGXdrBdCXZm2NzaFP66SGUGeYl5E+WqJO0HRHSG+PXtJN54AjVbhbjQcbBSjiakH4hR0p+hChOiHQrhKg7Drt6t7//Qtb9RAU5XtXMaiak28gAxnIQO0Gicg0EXlMRDaIyFGNGzRtWhQpMA/1A6uAL4BzZM9H57TMKqC/8HyUPFhZJLiMI4sh0/UDK4FtwHig3LiWWal1UkPsDDsFWAgsBZZo8hZgM7DdOXcmV0igjQ4Ba4HFwORAuclaZi1wqNU2OgNsVw22aNoS1XAhMCXx4OkubOBJZwKDwFbgLNm97qyWGQRmtuoFWRsV0ujabCPzVA1kIAMZqBNAIjIgImPNRxUzK+SsmtRJn4Pqmj8AjCXzsmTlaTSck/8zcDRX/QiNMp8S6Ab2a5nvG5plyioDaoLs1/sBYKwyUBokkTdQJeiVZgi6UR+UVQI0QWHdoXKFvKDYz7RiynXctk7LPlmeRmsKyAqWNQfSQAYykIGuS5CI1ERkSET2ishpvQ6JSLE93ByfoQbsRHeNgfe4vOO8E6iF6hdxToZU6OqGUIWv1vShqkB7VYNaU3pN0/fGgvLa6C5gk3PufJO5zwObgDuraqM8jbZWpdEnwG3AYKOX6XVQ07+sSqNQr3P4QxS9LXeGBGxIzTiGXwR8QSHRsCj7ZjxAbxFYaVAKbMe/BkrAduRpZJ6qgQxkoP8DKDRY1sk/s5W6YFhoUG3nFnZeOIJfxLgXWB7zBFmmyzPT44my9zXSC098OZCTwCQttzOZVzVoX1a5LHmdtYyWDM29yjknItKF3xSelFWvKo1mhCClQLo1sC95T8T/ebr+xrqOABVZT82tY56qgQxkIAN1CkhEulsGiUi3iCzKyJsjIpuBYyLyo4isFpHXReTuTFLAr1sOnAeeT8nbzNW+3rfAM2UcyAcSQj4FngR68Ot0F1NA24CuMqBu4PMUgYdS0hzwYqlFJ+AeNV3s30aLSoEUtjEScoHE3nkZ0Ay1fR7o3ZCcGNAEYHcO5A/g5pZACpsMPEf6UexTwCN5MvI6w2zgaeBt4HQK5BsC57ubY+jPll/wHzn1Ayc07QD+u6MR4GPn3LlA/SuCOZAGMpCBDFRhiF50EpFl+PP49wOzgIPAHmCLc+6zXAERE18P+b7DRqAnJCfvfF0P/mTgLZr0l97vB27CL3HO0rwTwBzn3PHCGiU0uQisA6bhzT0T/T4ZeAr4s6FZmal8WcI0LwETgdfwHzY1XKz3teyjibLLioLWa8UDeG/oZbxD+QHwdULwg1r+K71fXxQ0ohXfAgS/Mvyh5i1MgNZp2qt6P5ImL/QezdbrSeAG4EbVJJkH8LteJ+p1FikhBPpNr3Odc6fUNHdo2oJEucbX8Y2zDQeLgr7T62IReRb4AX9mGGC6Xo8Bu0VkOvCQpu1JlRZoo6Vc/WL2ad4C4A28CWvAR5TtdU0dwqH/ewHvHi8HbgUexh+euDRCFH6PVOh0/FKzw3um4M8zpA1DxwkMQzFjXR9+d/9N1WI8BZI71kU56Aq8HXgC+Ak/5o3gX+rUNmmO5nsbqP2gfwCyvJzPNoKXiAAAAABJRU5ErkJggg==")
}

.leaflet-oldie .mapbox-button-icon:before,
.leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-in,
.leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-out,
.leaflet-oldie .leaflet-container.dark .leaflet-control-layers-toggle,
.leaflet-oldie .leaflet-container.dark .mapbox-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAEECAYAAAA24SSRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAXYSURBVHic7ZxfiFVFHMc/a4uKWtDDtqJGZprYgwX5ByTdkkLbSgghCiKih14EBYtg6aEr9RRREKRUUs9hGEVtChKaYMkq2VqWmnUX2tKiNDNZY/Xbw/wue7x7zsw559626zY/GM6df7/P+c3MPfO7M3NumyTGQiaMCSWCIiiC6qVqoZC0lXgy1Cq0FanUck1XxVmSNL8WrzYT1LCMvz5qL1FnoAyoTNOVkpYb3hEUQREUQREUQRF0RYOqjHim9aHaTFDDEt2tCIqgCIqgCIqgCLoiQRULedNLgwCeq1NasbR8IilvqMhJpe5zrvpFQElYIYiksRsMLdd0aYoLwYqsqW5i9KjLLdHJj6AIiqAIiiCP5J2PpgLrgGXAYkvrA/YBrwF/BTXkmB2XSzqhbDlhZRqaypdLuuiB1ORiCOaDTM2wZLaFNMumZunzDYZ1wJy01ubyPfOazLE6qeIbDMsy0qsl6ngtWpyRfqOFInVKbWFXS9TxWtRXQl9mHR9oXwlQdp2xGt4t8YVt6iMor+/d8EM1OvkRFEERFEH/AWga8CCwFfjJwlZLm5ZHge/pPQ+4z8IKYGJGub+BT4GPLBwvCio7f6QeWfQ13TxgA7ATGPKUG7IyG6xOOj3nxDcFWAl0A/da2sdAL/AJcD6kwAc6bop6gT1kWzUZ6LKb6CbDqrx9dB535704S8BZ1o2zdEpSZ1HQ3MRddtmdp8kQzuKa9d8VBSUl9lEh0Pjro6ZKy00TERRBERRBLQZaCpxh9FHFUqBKiiJZ+n5gFfBHnrsKgUKb7t/j/PCwBNZwapKW1yGp3/KPSDrjKVsalIT0W3ypwZoGSoPU8pY2E/RCCqSiwJ55GdBVBusIlCu0Xpf3Na1guZbb1mnYJwtZtKmALm/Z6EBGUARFUASNV1A70AMcBP60aw9F93ADPkO7pD3mDwxKesOusvT2QP3czkmPKd2YUNpucVl+LlBo4jsITAduAIbrmnMAOAncnqflQn10M26JebgufdjSb8oDyQM6hlv3ru/4dkv/vFmgd4EZwPoErN3iM4BdeUGNjDpJqsrtmzc86mqwHkkH5X4t7JD0tEFyw3INzYwwuwisEVA9bPe/CarBdocsip5qBEVQBP3fQRWyX4jOCpUsZS2xhR2SQdwixq3A2lDhMkcTa7Ie2G6fwzfsmax8clrSJCu3py4vVV/ZphsALtjnFXkqtNwyWlLqR1Ub7obPA5OyKjXLolk+SFmQgEN18eD/PLXEI2j8gYqspwbrRE81giIogiKohUAdzQB1APdk5C3Ends6CXwLbAReBm7J1OZxINdKGpb0VEpeb4pT+aWkx8os0SxJKHlf0iOSOiXNkHQpBbRT0oQyoA5JH6YoPJ6SJknPeHR5+6gTWJ2SPjej/BceXV7QV8AHvsoJucTlvt5o8ZkraZa1fUheD+gJfo9+Bq4JlPkNt4Xgl9CdSJos6UlJF1IsOSvp/hw6vL8mFgCLgCXA44w+730IeIiM89314gP9ACzHHXD9xdIO49476gO2MfJjLCjRgYygCIqgCGqiFFl0WoM7j78ImA8cBQ7gzuaHp/wck1anpO2BqXy7lSu9I9YJ9APXWfycxfuBa4HbzDpwc9ZC4FQZi2qWXJK0WdI0ue3SuRp5P/lRSb8nLCvsQK5JNM2zkiZKeknSkKVdlPSmlX0gUXZNUdAWq3hY7tzj83K++FuS9icU32Hl91p8S1FQn1V8VVKb3Mrw25a3MgHabGkvWrwvTZ/ve7TArqeBq3H+3f66PIBf7VrzkuaTIj7Qj3ZdDJwF9jLy5wJdiXK1t+NrZxuOFgV9bddVwBPAN8ARS5tp15PAZxa/29IOpGrz9FG3Rsscy+uS9IqkBXLD/Z1GRl1yQEjuHANy7vFaSdMlrZa0K1Gm1PcISTMlDZiSbZa2I8VSSTolz2Mo9PQeBO7CvTE1iDtRc2dKuffwPX4CfVQfrpf0sKRjks5Zs27J6pP6EH3vCBp70D8db2VXFPfIagAAAABJRU5ErkJggg==")
}

.leaflet-oldie .mapbox-logo-true {
    background-image: none
}

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6)
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6)
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6)
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6)
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6)
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6)
}

.leaflet-oldie .marker-cluster-small {
    background-color: #b5e28c
}

.leaflet-oldie .marker-cluster-small div {
    background-color: #6ecc39
}

.leaflet-oldie .marker-cluster-medium {
    background-color: #f1d357
}

.leaflet-oldie .marker-cluster-medium div {
    background-color: #f0c20c
}

.leaflet-oldie .marker-cluster-large {
    background-color: #fd9c73
}

.leaflet-oldie .marker-cluster-large div {
    background-color: #f18017
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "proxima-nova", sans-serif
}

.marker-cluster span {
    line-height: 30px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

*:focus,
button:focus {
    outline-color: #99b9ae
}

body {
    background-color: #1e1e23;
    color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-font-feature-settings: 'kern' 1;
    font-feature-settings: 'kern' 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    font-family: Calibre, sans-serif
}

body.is-fixed {
    overflow: hidden
}

::-moz-selection {
    background: #a4a4a4;
    text-shadow: none
}

::selection {
    background: #a4a4a4;
    text-shadow: none
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes hide {
    0% {
        visibility: visible
    }
    100% {
        visibility: hidden
    }
}

@keyframes hide {
    0% {
        visibility: visible
    }
    100% {
        visibility: hidden
    }
}

@-webkit-keyframes show {
    0% {
        visibility: hidden
    }
    100% {
        visibility: visible
    }
}

@keyframes show {
    0% {
        visibility: hidden
    }
    100% {
        visibility: visible
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes fadeEaseIn {
    0%,
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeEaseIn {
    0%,
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes halfTurnClockwise {
    20%,
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes halfTurnClockwise {
    20%,
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.is-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.is-lazyLoad,
.is-lazyLoading {
    opacity: 0
}

.no-js .is-lazyLoad {
    opacity: 1
}

.is-lazyLoaded {
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.is-draggable {
    cursor: -webkit-grab;
    cursor: grab
}

#close-icon {
    color: #fff;
    height: 1.5em;
    width: 1.5em
}

.ExternalLinkIcon {
    color: inherit;
    margin-left: 0.25em
}

.Account-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    padding-left: 16px;
    padding-right: 16px
}

.Account-title {
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    padding-top: 24px;
    text-align: center
}

.Account-copy {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px;
    text-align: center
}

.Account-copy--red {
    color: #ee6265
}

.Account-copy--uppercase {
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Account-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

.Account-label {
    display: block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-transform: uppercase;
    width: 100%
}

.Account-control {
    background-color: #fff;
    border: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    height: 44px;
    margin-top: 8px;
    padding-bottom: 11px;
    padding-top: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Account-action {
    color: #2a2a2a;
    display: inline-block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 13px;
    text-align: right
}

.Account-voucherInfo {
    display: inline-block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 13px
}

.Account-bigAction {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 320px
}

.Account-payments {
    margin-top: 32px
}

.Account-paymentsInner {
    margin-top: 32px
}

.Account-paymentsTitle {
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-transform: uppercase
}

.Account-paymentsDetails {
    margin-top: 16px
}

.Account-table {
    width: 100%
}

.Account-tableDate {
    border: 1px solid #ccc;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    text-align: left
}

.Account-tableDate--header {
    background-color: #f4f4f4
}

.Account-tableAmount {
    border: 1px solid #ccc;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    text-align: left
}

.Account-tableAmount--header {
    background-color: #f4f4f4
}

@media (min-width: 960px) {
    .Account {
        background-color: #f4f4f4;
        padding-bottom: 48px;
        padding-top: 48px
    }
    .Account-inner {
        background-color: #fff;
        max-width: 960px;
        padding-bottom: 48px;
        padding-left: 64px;
        padding-right: 64px
    }
    .Account-title {
        padding-top: 48px
    }
    .Account-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 32px
    }
    .Account-label {
        margin-top: 12px;
        padding-right: 32px;
        width: 33.3333%
    }
    .Account-control {
        margin-top: 0;
        width: 66.6666%
    }
    .Account-control--small {
        width: auto
    }
    .Account-action {
        margin-top: 0
    }
    .Account-bigAction {
        margin-top: 32px
    }
    .Account-voucherInfo {
        margin-top: 0
    }
    .Account-payments {
        margin-top: 16px
    }
    .Account-paymentsInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 48px
    }
    .Account-paymentsTitle {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 32px;
        width: 33.3333%
    }
    .Account-paymentsDetails {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        width: 66.6666%
    }
}

.Action {
    background-color: #3b2d51;
    border: 1px solid #3b2d51;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding-bottom: 11px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.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
}

.Action--noHover:focus,
.Action--noHover:hover {
    background-color: #3b2d51;
    border: 1px solid #3b2d51;
    color: #fff
}

.Action--rounded {
    border-radius: 16px;
    min-width: 32px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px
}

.Action--small {
    font-size: 13px;
    padding-bottom: 5.5px;
    padding-top: 5.5px
}

.Action--small .Action-icon--small {
    margin-top: 4px
}

.Action--inline {
    display: inline-block;
    width: auto
}

.Action--transformNone {
    letter-spacing: normal;
    text-transform: none
}

.Action--underline {
    text-decoration: underline
}

.Action--noWrap {
    white-space: nowrap
}

.Action--inheritColor {
    color: inherit
}

.Action--inheritColor:link,
.Action--inheritColor:visited,
.Action--inheritColor:hover,
.Action--inheritColor:active {
    color: inherit
}

.Action--longText {
    padding-left: 12px;
    padding-right: 12px
}

.Action--red {
    background-color: #ee6265;
    border-color: #ee6265
}

.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
}

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

.Action--green:focus,
.Action--green:hover {
    background-color: #e1eae0;
    border-color: #e1eae0;
    color: #7a7a7a
}

.Action--green60 {
    background-color: #3d9982;
    border-color: #3d9982
}

.Action--green60:focus,
.Action--green60:hover {
    background-color: #55b79e;
    border-color: #55b79e;
    color: #fff
}

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

.Action--minimal {
    background-color: transparent;
    border-color: transparent;
    color: #3b2d51
}

.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
}

.Action--whiteHoverGrey {
    background-color: #fff;
    border-color: #fff;
    color: #666
}

.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;
    -webkit-transition: all 0.2s ease-in-out;
    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
}

.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
}

.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
}

.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
}

.Action--twitter {
    background-color: #85bbcc;
    border-color: #85bbcc
}

.Action--twitter:focus,
.Action--twitter:hover {
    background-color: #78a9b8;
    border-color: #78a9b8
}

.Action--pinterest {
    background-color: #f06764;
    border-color: #f06764
}

.Action--pinterest:focus,
.Action--pinterest:hover {
    background-color: #d95d5a;
    border-color: #d95d5a
}

.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
}

.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--justIcon {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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
}

.Action--justIconMedium {
    height: 36px;
    padding: 4px;
    width: 36px
}

.Action--justIconLarge {
    height: 44px;
    width: 44px
}

.Action-icon {
    fill: currentColor;
    height: 12px;
    margin-top: 4px;
    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-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    top: 6px;
    width: 20px
}

.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
}

.Action--backgroundIcon {
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    text-indent: 100%;
    white-space: nowrap
}

.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")
}

.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
}

.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")
}

.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")
}

.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%
}

.Action--new {
    margin-right: 17.5px;
    position: relative
}

.Action--new::after {
    background-color: #ee6265;
    border-radius: 8px;
    color: #fff;
    content: 'new';
    font-family: "Calibre", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.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: "Calibre", 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;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
    vertical-align: middle;
    width: 17px
}

.Action--arrow:hover::after {
    -webkit-transform: translateX(8px);
    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 {
    -webkit-transform: none;
    transform: none
}

.StoryButton:hover .Action--arrow::after {
    -webkit-transform: translateX(8px);
    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")
}

@media (min-width: 960px) {
    .Action--longText {
        padding-left: 16px;
        padding-right: 16px
    }
}

.BlockTitle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.BlockTitle--withLines::before,
.BlockTitle--withLines::after {
    border-top: 1px solid #a4a4a4;
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.BlockTitle-inner {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    text-transform: uppercase
}

.BlockTitle-inner--dark {
    color: #2a2a2a
}

.BlockTitle-innerLink {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none
}

.BlockTitle-innerLink:visited {
    color: #2a2a2a
}

.BlockTitle-innerLink:focus,
.BlockTitle-innerLink:hover {
    color: #666
}

.Chrome {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Chrome-banner {
    background-color: #2f3a4a;
    padding-bottom: 14.5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14.5px;
    text-align: center
}

.Chrome-bannerCopy {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375
}

.Chrome-bannerCopy a {
    color: #fff
}

.Chrome-bannerCopy a:visited {
    color: #fff
}

.Chrome-bannerCopy a:focus,
.Chrome-bannerCopy a:hover {
    color: #ccc
}

.Chrome-spacer {
    height: 50px
}

.Chrome-spacer--editStory {
    height: 98px
}

.Chrome-warning {
    background-color: #ee6265;
    border-radius: 14px;
    color: #fff;
    padding-left: 7px;
    padding-right: 5px
}

.Chrome-socialLinks {
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px
}

.Chrome-socialLink {
    display: inline-block;
    padding-right: 5.5px
}

.Chrome-socialLink:last-of-type {
    padding-right: 0
}

.Chrome-socialLinkInner {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
    transition: background-color 200ms ease-in, color 200ms ease-in;
    width: 30px
}

.Chrome-socialLinkInner:visited {
    color: #fff
}

.Chrome-socialLinkInner:hover,
.Chrome-socialLinkInner:active,
.Chrome-socialLinkInner:focus {
    background-color: #fff;
    color: #495464
}

.Chrome-socialLinkMedia {
    fill: currentColor;
    height: 14px;
    margin: auto;
    width: 14px
}

.Chrome-mask {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0 linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0 linear 0.4s;
    visibility: hidden;
    width: 100%;
    z-index: 14
}

.Chrome-mask.is-visible {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    visibility: visible
}

@media (min-width: 1500px) {
    .Chrome-header {
        left: 240px
    }
    .Chrome--marketingNav .Chrome-header {
        left: 0
    }
    .Chrome--marketingNav .Chrome-drawer {
        display: none
    }
}

.ContentAuthor-avatar {
    height: 96px;
    margin-left: auto;
    margin-right: auto;
    width: 96px
}

.ContentAuthor-meta {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 16px;
    text-align: center;
    text-transform: uppercase
}

.ContentAuthor-meta--white {
    color: #fff
}

.ContentAuthor-metaInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none
}

.ContentAuthor-metaInner:visited {
    color: #2a2a2a
}

.ContentAuthor-metaInner:focus,
.ContentAuthor-metaInner:hover {
    color: #666
}

.ContentAuthor-metaInner--noHover:focus,
.ContentAuthor-metaInner--noHover:hover {
    color: #2a2a2a
}

.ContentAuthor-metaInner--white {
    color: #fff
}

.ContentAuthor-metaInner--white:visited {
    color: #fff
}

.ContentAuthor-metaInner--white:focus,
.ContentAuthor-metaInner--white:hover {
    color: #a4a4a4
}

.ContentAuthor-bio {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 600px;
    text-align: center
}

.ContentAuthor-location {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    margin-top: 24px;
    text-align: center
}

.ContentAuthor-flag {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.ContentAuthor-website {
    margin-top: 24px;
    text-align: center
}

.ContentAuthor-websiteCopy {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em
}

.ContentAuthor-websiteCopyInner {
    color: #7a7a7a;
    text-decoration: none
}

.ContentAuthor-websiteCopyInner:visited {
    color: #7a7a7a
}

.ContentAuthor-websiteCopyInner:focus,
.ContentAuthor-websiteCopyInner:hover {
    color: #525252
}

h1 {
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.25
}

.Copy h1:first-child {
    margin-top: -0.25em
}

.Copy *+* {
    margin-top: 24px
}

.Copy h2,
.Copy .h2 {
    font-family: "Calibre", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    color: #a4b5c0
}

.Copy h2:first-child,
.Copy .h2:first-child {
    margin-top: -0.25em
}

.Copy h2 span,
.Copy .h2 span {
    white-space: nowrap
}

.Copy h3,
.Copy .h3 {
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25
}

.Copy h3 span,
.Copy .h3 span {
    white-space: nowrap
}

.Copy h4,
.Copy .h4 {
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.25
}

.Copy h5,
.Copy .h5 {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Copy h6,
.Copy .h6 {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-transform: uppercase
}

.Copy h6>a,
.Copy .h6>a {
    text-decoration: none
}

.Copy h6.small,
.Copy .h6.small {
    font-size: 13px
}

.Copy p {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

.Copy p.small {
    font-size: 16px
}

.Copy p.large {
    font-size: 21px
}

.Copy p.tightMarginTop {
    margin-top: 16px
}

.Copy p.tighterMarginTop {
    margin-top: 8px
}

.Copy p.sans {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.Copy p span {
    white-space: nowrap
}

.Copy a {
    color: currentColor
}

.Copy a:visited {
    color: currentColor
}

.Copy a:focus,
.Copy a:hover {
    color: #666
}

.Copy a.no-underline {
    text-decoration: none
}

.Copy a.purple {
    color: #3b2d51
}

.Copy a.purple:visited {
    color: #3b2d51
}

.Copy a.purple:focus,
.Copy a.purple:hover {
    color: #4d4262
}

.Copy a.greyLight {
    color: #a4a4a4
}

.Copy a.greyLight:visited {
    color: #a4a4a4
}

.Copy a.greyLight:focus,
.Copy a.greyLight:hover {
    color: #ccc
}

.Copy br {
    margin-top: 0
}

.Copy em {
    font-style: italic
}

.Copy strong {
    font-weight: 500
}

.Copy blockquote {
    border-left: 3px solid #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    margin-left: -16px;
    padding-left: 16px
}

.Copy blockquote.medium,
.Copy blockquote.large {
    border-left: 0;
    font-size: 25px;
    line-height: 1.375;
    margin-left: 0;
    padding-left: 0
}

.Copy blockquote.medium cite,
.Copy blockquote.large cite {
    font-size: 21px
}

.Copy blockquote.large {
    text-align: center
}

.Copy q {
    quotes: '“' '”' '‘' '’'
}

.Copy q::before {
    content: open-quote
}

.Copy q::after {
    content: close-quote
}

.Copy cite {
    display: block;
    font-style: normal
}

.Copy cite span {
    white-space: nowrap
}

.Copy ul {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    list-style: disc;
    margin-left: 1.5em
}

.Copy ol {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    list-style: decimal;
    margin-left: 1.5em
}

.Copy figure {
    margin-bottom: 32px;
    margin-top: 32px
}

.Copy figure img {
    height: auto;
    width: 100%
}

.Copy figcaption {
    color: #666;
    font-family: "Calibre", serif;
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 16px;
    text-align: center
}

.Copy .Copy-dropCap {
    float: left;
    font-size: 48px;
    line-height: 1;
    margin-right: 8px
}

.Copy .greyLighter {
    color: #ccc
}

.Copy .greyLight {
    color: #a4a4a4
}

.Copy .grey {
    color: #7a7a7a
}

.Copy .greyDark {
    color: #666
}

.Copy .greyDarker {
    color: #525252
}

.Copy .red {
    color: #ee6265
}

.Copy--large p {
    font-size: 21px
}

.Copy--smallToTablet p {
    font-size: 16px
}

.Copy--tightMargin *+* {
    margin-top: 16px
}

.Copy--tighterMargin *+* {
    margin-top: 12px
}

.Copy--white {
    color: #fff
}

.Copy--white a:focus,
.Copy--white a:hover {
    color: #a4a4a4
}

.Copy--white blockquote {
    border-left: 3px solid #fff
}

@media (min-width: 768px) {
    .Copy--smallToTablet p {
        font-size: 16px
    }
}

@media (min-width: 960px) {
    h1 {
        font-size: 36px
    }
    .Copy h5,
    .Copy .h5 {
        font-size: 14px
    }
    .Copy p.large {
        font-size: 25px
    }
    .Copy blockquote.large {
        font-size: 30px;
        margin-bottom: 32px;
        margin-left: -104px;
        margin-right: -104px;
        margin-top: 32px
    }
    .Copy blockquote.large cite {
        font-size: 25px
    }
    .Copy--large p {
        font-size: 25px
    }
}

.EmbedDetails-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 600px
}

.EmbedDetails-copy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 420px;
    text-align: center
}

.EmbedDetails-codeWrapper>p>a {
    color: #2a2a2a
}

.EmbedDetails-codeWrapper>p>a:visited {
    color: #2a2a2a
}

.EmbedDetails-codeWrapper>p>a:focus,
.EmbedDetails-codeWrapper>p>a:hover {
    color: #666
}

.EmbedDetails-codeWrapper.is-animated {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.EmbedDetails-codeWrapper.is-hidden {
    display: none
}

.EmbedDetails-codeWrapper.is-visible {
    display: block
}

.EmbedDetails-code {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #2a2a2a;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 600px;
    outline: 0;
    overflow: auto;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    resize: none;
    text-align: left;
    white-space: normal;
    width: 100%;
    word-break: break-all
}

.EmbedDetails-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%
}

.EmbedDetails-preview:not(:empty) {
    margin-top: 24px
}

.EmbedDetails-preview a {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400
}

.EmbedDetails-preview a:visited {
    color: #2a2a2a
}

.EmbedDetails-preview--claims,
.EmbedDetails-preview--image {
    max-width: 600px
}

.EmbedDetails-preview--badge {
    max-width: 320px
}

.EmbedDetails-preview--card {
    max-width: 352px
}

.EmbedDetails-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.EmbedDetails-optionsInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px
}

.EmbedDetails-option {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    border-radius: 4px;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: background-color 200ms ease-in;
    transition: background-color 200ms ease-in
}

.EmbedDetails-option.is-selected {
    background-color: #e1eae0;
    color: #2a2a2a
}

.EmbedDetails--qrCode {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.EmbedDetails-image--qrCode {
    height: auto;
    width: 132px
}

.EmbedDetails-optionClickOverlay {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.EmbedDetails-optionPreview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: auto;
    margin-top: auto;
    width: 100%
}

.EmbedDetails-optionRadio {
    padding-bottom: 8px;
    position: relative
}

.EmbedDetails-link {
    color: #2a2a2a;
    display: block;
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    margin-top: 20px;
    text-align: center;
    word-break: break-word
}

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

@media (max-width: 434px) {
    .EmbedDetails-optionPreview .Embed {
        font-size: 3.6875vw
    }
}

@media (min-width: 584px) {
    .EmbedDetails-optionPreview .Embed {
        font-size: 11.55px
    }
}

.Error {
    background-color: #2f3a4a;
    background-image: url(modules/provenance-error-four-winds-226774fb5877636a339f33ad8ad26a8983847d2645bd670c22955e218ef43b56.jpg);
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    min-height: 480px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

.Error-mask {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Error-content {
    margin: auto;
    position: relative
}

.Error-flag {
    text-align: center
}

.Error-flagInner {
    color: #fff
}

.Error-flagInner:visited {
    color: #fff
}

.Error-flagInner:active,
.Error-flagInner:focus,
.Error-flagInner:hover {
    color: #ccc
}

.Error-flagMedia {
    fill: currentColor;
    height: 80px;
    width: 80px
}

.Error-title {
    margin-top: 24px;
    text-align: center
}

.Error-copy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 500px;
    text-align: center
}

.Error-meta {
    bottom: 16px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
    opacity: 0.75;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    right: 0
}

.Error-metaCopy {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    margin-top: 8px;
    text-align: center
}

.Error-metaCopyInner {
    color: #fff;
    text-decoration: none
}

.Error-metaCopyInner:visited {
    color: #fff
}

.Error-metaCopyInner:hover,
.Error-metaCopyInner:active {
    color: #ccc
}

.Error-metaMedia {
    fill: currentColor;
    height: 11px;
    width: 11px
}

@media (min-width: 960px) {
    .Error {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-error-four-winds-large-8f85aa64260aad616e1778bc7f9e1930c3d6ad525716b94243f95d5ff7da5a96.jpg)
    }
}

.ExpandableContent {
    -webkit-tap-highlight-color: transparent
}

.ExpandableContent-container {
    overflow: hidden;
    -webkit-transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ExpandableContent-container.is-expanded,
.no-js .ExpandableContent-container {
    max-height: none
}

.ExpandableContent-container--productDescription {
    max-height: 189px
}

.ExpandableContent-container--profileBio {
    max-height: 217px
}

.ExpandableContent-container--productDescription,
.ExpandableContent-container--profileBio {
    max-width: 632px
}

.ExpandableContent-container--singleProductWide {
    max-height: 72px
}

.ExpandableContent-container--infoBox {
    max-height: 156px
}

.ExpandableContent-container--infoBox .Copy {
    padding-top: 24px
}

.ExpandableContent-action {
    display: none;
    margin-top: 16px
}

.ExpandableContent-action.is-visible {
    display: block
}

.ExpandableContent-action--singleProductWide {
    margin-top: 4px;
    text-align: left
}

.ExpandableContent-actionInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: underline
}

.ExpandableContent-actionInner:visited {
    color: #2a2a2a
}

.ExpandableContent-actionInner:active,
.ExpandableContent-actionInner:focus,
.ExpandableContent-actionInner:hover {
    color: #666
}

@media (min-width: 768px) {
    .ExpandableContent-container--singleProductWide {
        max-height: 81px
    }
    .ExpandableContent-action--singleProductWide {
        margin-top: 6px
    }
}

.Flash {
    background-color: #99b9ae
}

.Flash.is-hidden {
    display: none
}

.Flash--alert {
    background-color: #ee6265
}

.Flash-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

.Flash-close {
    position: absolute;
    right: 16px;
    top: 16px
}

.Flash-closeMedia {
    fill: #fff;
    height: 10px;
    width: 10px
}

.Flash-message {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    padding-right: 32px;
    padding-top: 16px;
    text-align: left
}

.Flash-message a {
    color: #fff
}

.Flash-message a:visited {
    color: #fff
}

.Flash-message--center {
    padding-left: 32px;
    text-align: center
}

.Flash-messageInner {
    color: #fff;
    white-space: nowrap
}

.Flash-messageInner:visited {
    color: #fff
}

.Flash-action {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 320px
}

@media (min-width: 768px) {
    .Flash-inner {
        max-width: 580px
    }
}

@media (min-width: 960px) {
    .Flash-inner {
        max-width: 680px
    }
}

.FlexEmbed {
    display: block;
    overflow: hidden;
    position: relative
}

.FlexEmbed::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.FlexEmbed-item {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.FlexEmbed-item--greenLight {
    background-color: #e1eae0
}

.FlexEmbed-item--greyLightest {
    background-color: #f4f4f4
}

.FlexEmbed-item--navyLight {
    background-color: #495464
}

.FlexEmbed-item--white {
    background-color: #fff
}

.FlexEmbed-item--round {
    border-radius: 50%
}

.FlexEmbed--16by9::before {
    padding-bottom: 56.25%
}

.FlexEmbed--2by1::before {
    padding-bottom: 50%
}

.FlexEmbed--2by3::before {
    padding-bottom: 150%
}

.FlexEmbed--3by1::before {
    padding-bottom: calc(1 / 3 * 100%)
}

.FlexEmbed--3by2::before {
    padding-bottom: calc(2 / 3 * 100%)
}

.FlexEmbed--4by1::before {
    padding-bottom: 25%
}

.FlexEmbed--4by3::before {
    padding-bottom: 75%
}

.FlexEmbed--4by5::before {
    padding-bottom: 125%
}

.FlexEmbed--5by2::before {
    padding-bottom: 40%
}

.FlexEmbed--5by3::before {
    padding-bottom: 60%
}

.FlexEmbed--5by4::before {
    padding-bottom: 80%
}

.FlexEmbed--6by7::before {
    padding-bottom: 116.6667%
}

.FlexEmbed--7by4::before {
    padding-bottom: 57.1429%
}

.FlexEmbed--8by5::before {
    padding-bottom: 62.5%
}

.FlexEmbed--9by5::before {
    padding-bottom: 55.5556%
}

.FlexEmbed--10by7::before {
    padding-bottom: 70%
}

.FlexEmbed--10by9::before {
    padding-bottom: 90%
}

.FlexEmbed--11by3::before {
    padding-bottom: 27.2727%
}

.FlexEmbed--diagram::before {
    padding-bottom: 180%
}

.FlexEmbed--video::before {
    padding-bottom: 75%
}

@media (min-width: 480px) {
    .FlexEmbed--video::before {
        padding-bottom: 50%
    }
}

@media (min-width: 640px) {
    .FlexEmbed--diagram::before {
        padding-bottom: 50%
    }
}

.FormCertificates {
    margin-top: 8px
}

.FormCertificates--constrained {
    margin-top: -8px
}

.FormCertificates-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px
}

.FormCertificates-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    text-align: center;
    width: 120px
}

.FormCertificates-itemImage {
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    height: 104px;
    padding: 4px;
    position: relative;
    width: 104px
}

.FormCertificates-itemImage .is-lazyLoad~.FormCertificates-itemCheckbox:checked~.FormCertificates-itemMask,
.FormCertificates-itemImage .is-lazyLoading~.FormCertificates-itemCheckbox:checked~.FormCertificates-itemMask {
    visibility: hidden
}

.FormCertificates-itemMedia {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

.FormCertificates-itemMedia--verified .FormCertificates-itemMedia {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.FormCertificates-itemMedia--colour {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.FormCertificates-itemName {
    color: #686a6d;
    cursor: pointer;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.FormCertificates-itemCheckbox {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.FormCertificates-itemCheckbox:checked~.FormCertificates-itemMask {
    opacity: 1;
    visibility: visible
}

.FormCertificates-itemMask {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 100%
}

.FormCertificates-itemMaskMedia {
    fill: #3b2d51;
    margin: auto
}

@media (min-width: 960px) {
    .FormCertificates-list {
        margin-left: -16px;
        margin-right: -16px
    }
    .FormCertificates-item {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px;
        width: 136px
    }
    .FormCertificates--constrained {
        margin-top: -24px
    }
    .FormCertificates--constrained .FormCertificates-list {
        margin-left: -12px;
        margin-right: -12px
    }
    .FormCertificates--constrained .FormCertificates-item {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 24px;
        width: 128px
    }
}

.FormChrome {
    min-width: 320px;
    padding-bottom: 32px;
    padding-top: 32px
}

.FormChrome-container {
    background: radial-gradient(64% 124% at 50% 100%, rgb(24, 25, 32) 0%, rgba(28, 29, 37, 0) 100%), rgb(11, 11, 15);
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    max-width: 352px;
    min-width: 375px;
    padding-left: 28px;
    padding-right: 28px;
}

.stories_posts.index .FormChrome-container,
.products_claims.new .FormChrome-container,
.journeys.edit .FormChrome-container,
.journeys_publish.show .FormChrome-container {
    max-width: 584px
}

.FormChrome-headerFlag {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.FormChrome-headerFlagInner {
    display: inline-block
}

.FormChrome-headerFlagMedia {
    fill: #2a2a2a;
    height: 40px;
    padding: 2px;
    width: 40px
}

.FormChrome-main {
    margin-top: 32px
}

.FormChrome-copy {
    text-align: center
}

.FormChrome-copy p {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700
}

.FormChrome-heading {
    font-family: "Calibre", serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.25em;
    text-align: center
}

.FormChrome-para {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    margin-top: 24px;
    text-align: center
}

.FormChrome-lockHint {
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 8px 8px 4px;
    text-align: center
}

.FormChrome-lockHint::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%237A7A7A' stroke-width='2' transform='translate(2 1)'%3E%3Crect width='12' height='8' x='1' y='7' fill='%237A7A7A' rx='2'/%3E%3Cpath stroke-linecap='square' d='M11 6V4a4 4 0 1 0-8 0v2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    margin-right: 4px;
    vertical-align: text-top
}

.FormChrome-copy--marginTop {
    margin-top: 24px
}

.FormChrome-copy--largeMarginTop {
    margin-top: 32px
}

.FormChrome-inviter {
    padding-top: 8px
}

.FormChrome-storyPickType {
    padding-top: 8px
}

.FormChrome-blockTitle {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px
}

.FormChrome-subHeading {
    margin-top: 32px;
    text-align: center
}

.FormChrome-ruledSection {
    margin-top: 32px
}

.FormChrome-ruledSection:not(:first-child) {
    border-top: 1px solid #e4e4e4;
    padding-top: 32px
}

.FormChrome-actions {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 320px
}

.FormChrome-action {
    text-align: center
}

.FormChrome-flexActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px
}

.FormChrome-flexActions .FormChrome-flexActions {
    margin-top: 0
}

.FormChrome-flexActions--rightAlign {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.FormChrome-flexActions--verticalCentre {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.FormChrome-flexAction:not(:first-of-type) {
    margin-left: 4px
}

.FormChrome-flexAction:not(:last-of-type) {
    margin-right: 4px
}

.FormChrome-flexAction--cancel {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.FormChrome-flexAction--preview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 132px
}

.FormChrome-addNew {
    margin-top: 32px
}

.FormChrome-actionPrompt {
    max-width: none;
    padding-bottom: 16px
}

@media (min-width: 960px) {
    .FormChrome {
        background: radial-gradient(64% 124% at 50% 100%, rgb(24, 25, 32) 0%, rgba(28, 29, 37, 0) 100%), rgb(11, 11, 15);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 235px;
        padding-top: 175px;
    }
    .access_requests.edit .FormChrome {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-form-chrome-workshop-fd023c79edd0b26d0739f8b39564315146bd488373b9a09c323c88e356445b5e.jpg);
        background-size: 100vw
    }
    .sessions.new .FormChrome {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-form-chrome-grapes-79b68fe072b2c2420c333bf8e6b768e33aaafc5ef0512c7ab9d5a51e3f4572c9.jpg);
        background-size: cover
    }
    .confirmations.new .FormChrome {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-form-chrome-workshop-fd023c79edd0b26d0739f8b39564315146bd488373b9a09c323c88e356445b5e.jpg);
        background-size: cover
    }
    .FormChrome-container {
        -webkit-box-shadow: 0 10px 10px -10px rgb(0, 0, 0);
        box-shadow: rgb(0 0 0 / 22%) 0px 30px 60px -10px, rgb(0 0 0 / 25%) 0px 18px 36px -18px;
        max-width: 680px;
        min-width: 680px;
        padding-bottom: 48px;
        padding-left: 64px;
        padding-right: 64px;
        padding-top: 48px
    }
    .stories_posts.index .FormChrome-container,
    .products_claims.new .FormChrome-container,
    .journeys.edit .FormChrome-container,
    .journeys_publish.show .FormChrome-container {
        max-width: 680px
    }
    .journeys_stages_claims .FormChrome-container {
        padding-left: 24px;
        padding-right: 24px
    }
    .FormChrome-inviter {
        margin-top: 16px
    }
    .FormChrome-blockTitle {
        margin-bottom: 40px;
        margin-top: 40px
    }
    .FormChrome-subHeading {
        margin-top: 48px
    }
    .FormChrome-ruledSection {
        margin-top: 40px
    }
    .FormChrome-ruledSection:not(:first-child) {
        padding-top: 40px
    }
    .FormChrome-copy--marginTop {
        margin-top: 40px
    }
    .FormChrome-copy--largeMarginTop {
        margin-top: 48px
    }
    .FormChrome-actions {
        margin-top: 48px
    }
    .FormChrome-actionPrompt {
        max-width: 50%;
        padding-bottom: 0
    }
}

.FormFilestack {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    margin-top: 24px;
    text-align: center
}

.FormFilestack--smallMarginTop {
    margin-top: 8px
}

.FormFilestack--singleUpload {
    padding-bottom: 16px
}

.FormFilestack--multipleUpload {
    margin-top: 8px
}

.FormFilestack--error {
    border: 1px solid #f07274;
    border-radius: 4px 4px 0 0
}

.FormFilestack-loading.is-hidden {
    display: none
}

.FormFilestack-uploadImage {
    display: none;
    line-height: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center
}

.FormFilestack-uploadImage.is-visible {
    display: block
}

.FormFilestack-uploadImage--multipleUpload {
    padding: 0
}

.FormFilestack-uploadImageMedia {
    height: auto;
    max-width: 100%
}

.FormFilestack-uploadDocument {
    display: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    text-align: center
}

.FormFilestack-uploadDocument.is-visible {
    display: block
}

.FormFilestack-uploadDocumentIcon {
    display: inline-block;
    height: 80px;
    width: 80px
}

.FormFilestack-uploadDocumentCopy {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.FormFilestack-hint {
    color: #3d3d3d;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.FormFilestack-hint:not(:empty) {
    margin-bottom: 32px
}

.FormFilestack-copy {
    margin-bottom: 24px
}

.FormFilestack-copy.is-hidden {
    display: none
}

.FormFilestack-action.is-hidden {
    display: none
}

.FormFilestack-singleUploadInner {
    cursor: pointer;
    display: none;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

.FormFilestack-singleUploadInner.is-visible {
    display: block
}

.FormFilestack-singleUploadInner.is-disabled {
    cursor: default
}

.FormFilestack-singleUploadInner:focus .Action,
.FormFilestack-singleUploadInner:hover .Action {
    background-color: #f07274;
    border: 1px solid #f07274
}

.FormFilestack-singleUploadInner:focus .Action[disabled],
.FormFilestack-singleUploadInner:hover .Action[disabled] {
    background-color: #ccc;
    border: 1px solid #ccc
}

.FormFilestack-multipleUploadInner {
    display: none;
    padding-bottom: 32px
}

.FormFilestack-multipleUploadInner.is-visible {
    display: block
}

.FormFilestack-multipleUploadList {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    padding-right: 16px
}

.FormFilestack-multipleUploadItem {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 16px;
    max-width: 176px;
    padding-left: 16px;
    width: 50%
}

.FormFilestack-servicesHint {
    color: #a4a4a4;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: 12px;
    text-align: center
}

.FormFilestack-servicesList {
    height: 20px;
    margin-top: 12px;
    text-align: center
}

.FormFilestack-servicesItem {
    color: #a4a4a4;
    display: inline-block;
    padding: 0 4px
}

.FormFilestack-servicesMedia {
    fill: currentColor;
    height: 20px;
    width: 20px
}

@media (min-width: 960px) {
    .FormFilestack-singleUploadInner {
        padding-left: 32px;
        padding-right: 32px
    }
    .FormFilestack--multipleUpload {
        margin-top: 0
    }
}

.FormGeolocation {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    margin-top: 32px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    text-align: center
}

.FormGeolocation-empty.is-hidden {
    display: none
}

.FormGeolocation-fetchAction {
    margin-top: 24px
}

.FormGeolocation-fetchHint {
    color: #3d3d3d;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.FormGeolocation-fetchHint:not(:empty) {
    margin-top: 16px
}

.FormGeolocation-present.is-hidden {
    display: none
}

.FormGeolocation-mapOuter {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 24px;
    margin-top: 24px;
    overflow: hidden;
    position: relative
}

.FormGeolocation-mapOuter::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.FormGeolocation-map {
    cursor: auto;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

.FormGeolocation-map.is-loaded {
    opacity: 1
}

.FormGeolocation-mapOverlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.FormGeolocation-mapOverlay.is-hidden {
    display: none
}

.FormGeolocation-blockTitle {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 320px
}

.FormGeolocation-control {
    margin-top: 16px
}

@media (min-width: 480px) {
    .FormGeolocation-mapOuter::before {
        padding-bottom: 66.6666%
    }
}

@media (min-width: 640px) {
    .FormGeolocation-mapOuter::before {
        padding-bottom: 50%
    }
}

@media (min-width: 960px) {
    .FormGeolocation {
        padding-bottom: 32px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 32px
    }
    .FormGeolocation-mapOuter {
        margin-bottom: 32px;
        margin-top: 32px
    }
    .FormGeolocation-control {
        margin-top: 32px
    }
    .FormGeolocation-control .Form-error {
        display: inline-block;
        margin-left: 0;
        width: calc(2 / 3 * 100%)
    }
}

.FormProducts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 8px
}

.FormProducts-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    width: 50%
}

.FormProducts-itemOuter {
    position: relative
}

.FormProducts-itemCheckbox {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.FormProducts-itemCheckbox:hover~.FormProducts-itemInner {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc
}

.FormProducts-itemCheckbox:checked~.FormProducts-itemInner {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc
}

.FormProducts-itemCheckbox:checked~.FormProducts-itemInner .FormProducts-itemTick {
    opacity: 1;
    visibility: visible
}

.FormProducts-itemInner {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 0 #ccc;
    box-shadow: 0 0 1px 0 #ccc;
    padding: 4px;
    -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.FormProducts-itemImage {
    position: relative
}

.FormProducts-itemMedia {
    height: auto;
    width: 100%
}

.FormProducts-itemTick {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.FormProducts-itemTickMedia {
    fill: #3b2d51;
    margin: auto
}

.FormProducts-placeholder {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.FormProducts-itemName {
    display: block;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center
}

@media (min-width: 960px) {
    .FormProducts-list {
        margin-left: -16px;
        margin-right: -16px
    }
    .FormProducts-list--modal {
        margin-left: -8px;
        margin-right: -8px
    }
    .FormProducts-list--modal .FormProducts-item {
        padding-left: 8px;
        padding-right: 8px
    }
    .FormProducts-item {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px
    }
    .FormProducts-itemInner {
        padding: 8px
    }
    .FormProducts-itemName {
        font-size: 16px;
        padding-bottom: 8px;
        padding-top: 8px
    }
}

.FormStories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 8px
}

.FormStories-list--modal {
    padding-top: 0
}

.FormStories-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    width: 100%
}

.FormStories-itemInner {
    position: relative
}

.FormStories-itemMedia {
    height: auto;
    width: 100%
}

.FormStories-placeholder {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.FormStories-itemCheckbox {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.FormStories-itemCheckbox:checked~.FormStories-itemTick {
    opacity: 1;
    visibility: visible
}

.FormStories-itemTick {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.FormStories-itemTickMedia {
    fill: #3b2d51;
    margin: auto
}

.FormStories-itemContent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(26%, rgba(0, 0, 0, 0.05)), color-stop(71%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.75)));
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.75) 100%);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    left: 0;
    padding-top: 80px;
    position: absolute;
    width: 100%
}

.FormStories-itemContent--alternate {
    background: none;
    color: #2a2a2a
}

.FormStories-itemName {
    color: inherit;
    display: block;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 16px;
    text-align: center
}

@media (min-width: 960px) {
    .FormStories-list {
        margin-left: -16px;
        margin-right: -16px
    }
    .FormStories-list--modal {
        margin-left: -8px;
        margin-right: -8px
    }
    .FormStories-list--modal .FormStories-item {
        padding-left: 8px;
        padding-right: 8px
    }
    .FormStories-item {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px;
        width: 50%
    }
}

.Form.is-hidden {
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.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
}

.Form-group {
    padding-top: 32px;
    position: relative
}

.Form-group--collapsible {
    -webkit-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);
    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
}

.Form-group--multipleItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

.Form-group--smallPaddingTop {
    padding-top: 8px
}

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

.Form-group--checkbox+.Form-group--checkbox {
    padding-top: 16px
}

.Form-group--checkbox.is-hidden+.Form-group--checkbox {
    padding-top: 32px
}

.Form-groupInner--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}

.Form-groupInner--center {
    text-align: center
}

.Form-item {
    position: relative
}

.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 {
    cursor: default
}

.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 {
    -webkit-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);
    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 {
    margin-top: 24px
}

.Form-item--secondary {
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.Form-item--flexItem {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px
}

.Form-item--flexItemSmall50 {
    width: 50%
}

.Form-item--flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Form-item--social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Form-item--social:not(:first-of-type) {
    margin-top: 8px
}

.Form-item--select {
    position: relative
}

.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
}

.Form-item--newsletterConsent {
    margin-top: 8px
}

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

.Form-label {
    display: block;
    font-family: "Calibre", 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-label--lowercase {
    letter-spacing: normal;
    text-transform: none
}

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

.Form-label--withCheckbox,
.collection_check_boxes {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Form-label--withCheckbox::before,
.collection_check_boxes::before {
    background-color: #f4f4f4;
    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%22black%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 #ccc;
    border-radius: 4px;
    content: '';
    cursor: pointer;
    display: block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px
}

.Form-label--withRadio,
.collection_radio_buttons {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Form-label--withRadio::before,
.collection_radio_buttons::before {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    cursor: pointer;
    height: 21px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px
}

.Form-label--withCheckboxAlignedLeft {
    padding-bottom: 8px;
    padding-top: 8px
}

.Form-label--withCheckboxAlignedRight {
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0
}

.Form-label--withCheckboxAlignedRight::before {
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.Form-label--noClick {
    cursor: default
}

.Form-label--social {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-weight: 400;
    padding-right: 4px;
    padding-top: 13px;
    text-align: right;
    width: 50%
}

.Form-label--altMaker {
    margin-bottom: 8px
}

.Form-control {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    height: 44px;
    margin-top: 8px;
    padding-bottom: 11px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 11px;
    width: 100%
}

.Form-control:disabled,
.Form-control.is-disabled {
    background-color: #fff;
    border: 0;
    cursor: default;
    padding-left: 0;
    padding-right: 0
}

.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:-moz-read-only {
    -moz-user-select: none;
    user-select: none
}

.Form-control:read-only {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Form-control:-moz-read-write {
    -moz-user-select: text;
    user-select: text
}

.Form-control:read-write {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

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

.Form-control--white {
    background-color: #fff
}

.Form-control--checkbox,
.Form-control--radio {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 12px;
    margin-left: 4px;
    margin-right: 12px;
    margin-top: 0;
    opacity: 0;
    outline: none;
    width: auto
}

.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: #fff;
    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-position: 50% 50%
}

.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: #2a2a2a
}

.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
}

.Form-control--checkboxAlignedRight {
    margin-left: 12px;
    margin-right: 4px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.Form-control--textarea {
    display: block;
    height: 126px;
    resize: none
}

.Form-control--textarea:disabled {
    background-color: #fff;
    border: 1px solid #f4f4f4;
    padding-left: 8px;
    padding-right: 8px
}

.Form-control--inviteCode {
    resize: none
}

.Form-control--inviteCode:focus {
    background-color: #f4f4f4;
    outline: 0
}

.Form-control--inviteCode:-moz-read-only {
    -moz-user-select: text;
    user-select: text
}

.Form-control--inviteCode:read-only {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.Form-control--social {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0;
    width: 50%
}

.Form-control--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 38px
}

.Form-control--transparent {
    background-color: transparent;
    border-color: #fff
}

.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::-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
}

.Form-control--readOnly {
    background-color: #fff;
    border-color: #fff;
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 1.5;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

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

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

.Form-itemGroupItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative
}

.Form-errors {
    background-color: #ee6265;
    border-radius: 4px;
    color: #fff;
    font-family: "Calibre", 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
}

.Form-errorsItem {
    padding-top: 4px
}

.Form-error {
    background-color: #ee6265;
    border-radius: 0 0 4px 4px;
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 8px
}

.Form-hint {
    color: #3d3d3d;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.Form-hint.is-disabled {
    color: #a4a4a4
}

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

.Form-hint--withCheckbox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

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

.Form-info {
    color: #686a6d;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 16px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    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: "Calibre", 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
}

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

.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 {
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.Form-grid {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px
}

.Form-gridList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px
}

.Form-gridItem {
    -ms-flex-preferred-size: auto;
    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
}

.Form-row {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    padding: 16px;
    position: relative
}

.Form-row.is-hidden {
    display: none
}

.Form-row--action {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Form-rowLoading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-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);
    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: "Calibre", 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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

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

.Form-rowActions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 16px
}

.Form-rowActionOuter--delete {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.Form-rowAction {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    width: 100%
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

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

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

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

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

.Form-copy {
    margin-top: 24px;
    text-align: center
}

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

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

.Form-flexInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Form-flexInner .Form-control {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 8px;
    margin-top: 0;
    width: 50%
}

.Form-flexInner .Form-actions {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    width: auto
}

.Form-flexInner--wrap {
    -ms-flex-wrap: 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 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 8px;
    width: 100%
}

.Form-flexImage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 64px;
    width: 64px
}

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

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

.Form-flexContent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: auto;
    margin-top: auto;
    padding-left: 16px
}

.Form-flexCopy {
    color: #666;
    font-family: "Calibre", 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
}

.Form-storyImageDefault {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

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

.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
}

.Form-multiplePosts {
    margin-left: -16px;
    margin-right: -16px
}

.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
}

.Form-additionalFields {
    margin-top: 24px;
    overflow-y: hidden
}

.Form-additionalFieldsToggle {
    color: #2a2a2a;
    display: block;
    font-family: "Calibre", 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;
    -webkit-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);
    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
}

.Form-passwordToggle {
    color: #3b2d51;
    display: none;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 44px
}

.Form-quantityUnits {
    display: -webkit-box;
    display: -ms-flexbox;
    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%
}

.Form-loading {
    padding-top: 20px
}

.Form-message {
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Form-message.is-visible {
    opacity: 1;
    visibility: visible
}

.Form-message p {
    color: #ee6265;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px
}

.Form-message a {
    color: #2a2a2a
}

.Form-message a:visited {
    color: #2a2a2a
}

.Form-message a:focus,
.Form-message a:hover {
    color: #666
}

.Form-photoEvidence.is-hidden {
    display: none
}

@media (min-width: 480px) {
    .Form-flexInner--wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .Form-flexInner--wrap .Form-control {
        margin-right: 8px;
        max-width: none
    }
    .Form-flexInner--wrap .Form-actions {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-top: 0;
        width: auto
    }
}

@media (min-width: 960px) {
    .Form-group {
        padding-top: 48px
    }
    .Form-group--desktopFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: calc(2 / 3 * 100%)
    }
    .Form-groupInner--flex {
        margin-top: 0
    }
    .Form-groupInner--social {
        margin-top: -8px
    }
    .Form-groupInner--noLabel {
        margin-left: calc(1 / 3 * 100%)
    }
    .Form-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .Form-item.is-invalid .Form-itemGroup {
        margin-top: 0
    }
    .Form-item--justifyContent {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .Form-item--newsletter {
        margin-left: calc(1 / 3 * 100%)
    }
    .Form-item--rememberMe {
        margin-left: calc(1 / 3 * 100%)
    }
    .Form-item--select::after {
        top: 14px
    }
    .Form-item--flexItem+.Form-item--flexItem {
        margin-top: 48px
    }
    .Form-item--flexItemSmall50 {
        width: 100%
    }
    .Form-item--withAction .Form-label {
        margin-top: 0;
        width: 100%
    }
    .Form-item--withAction .Form-control {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 8px;
        width: auto
    }
    .Form-item--withAction .Form-action {
        margin-left: 8px;
        min-width: 200px;
        position: relative
    }
    .Form-label {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 12px;
        padding-right: 24px;
        width: calc(1 / 3 * 100%)
    }
    .Form-label--twoLines {
        margin-top: 0
    }
    .Form-label--singleCheckbox {
        margin-top: 8px
    }
    .Form-label--withCheckbox {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 0;
        padding-right: 0
    }
    .Form-label--altMaker {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        min-height: 0;
        padding-right: 0;
        width: 100%
    }
    .Form-label--social {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        padding-right: 4px;
        width: 40%
    }
    .Form-label--readOnly {
        margin-top: 0
    }
    .Form-control {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        width: calc(2 / 3 * 100%)
    }
    .Form-item--secondary .Form-control {
        width: 100%
    }
    .Form-control--checkbox,
    .Form-control--radio {
        width: auto
    }
    .Form-control--social {
        width: 60%
    }
    .Form-control--inviteCode {
        width: 100%
    }
    .Form-control--search {
        width: 100%
    }
    .Form-control--cvv,
    .Form-control--expiry {
        width: 80px
    }
    .Form-control--noLabel {
        margin-top: 8px;
        width: 100%
    }
    .Form-control--latlngName {
        margin-top: 24px;
        width: 320px
    }
    .Form-itemInner {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: calc(2 / 3 * 100%)
    }
    .Form-location {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: calc(2 / 3 * 100%)
    }
    .Form-location .Form-control--location {
        width: 100%
    }
    .Form-item--newLocation .Form-item {
        width: 100%
    }
    .Form-item--newLocation .Form-location {
        width: 100%
    }
    .Form-itemGroup {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        width: calc(2 / 3 * 100%)
    }
    .Form-hint {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-left: calc(1 / 3 * 100%);
        width: calc(2 / 3 * 100%)
    }
    .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%
    }
    .Form-copy {
        margin-top: 40px
    }
    .Form-copy--underCheckbox {
        margin-top: 40px
    }
    .Form-copy--largeMarginTop {
        margin-top: 48px
    }
    .Form-info {
        margin-left: calc(1 / 3 * 100%)
    }
    .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--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
    }
    .Form-errors {
        margin-top: 32px;
        padding: 24px
    }
    .Form-errorsList {
        margin-top: 8px
    }
    .Form-error {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-left: calc(1 / 3 * 100%);
        width: 100%
    }
    .Form-group--desktopFlex .Form-error,
    .Form-groupInner--noLabel .Form-error {
        margin-left: 0
    }
    .Form-filestack+.Form-error {
        margin-left: 0;
        text-align: center
    }
    .Form-multiplePills+.Form-error {
        margin-left: 0
    }
    .Form-actionsOuter {
        margin-top: 48px
    }
    .Form-actions {
        margin-top: 40px
    }
    .Form-actions--reducePadding {
        margin-top: 32px
    }
    .Form-actions--inline {
        margin-top: 0
    }
    .Form-gridAction {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%
    }
    .Form-row:first-of-type {
        margin-top: 0
    }
    .Form-rowActions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .Form-rowActionOuter {
        width: 100%
    }
    .Form-rowActionOuter--delete {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .Form-rowActionInner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .Form-rowAction--delete .Form-rowActionText {
        opacity: 1
    }
    .Form-rowActionText {
        display: block
    }
    .Form-blockTitle {
        margin-top: 48px
    }
    .Form-blockTitle--narrow {
        margin-top: 32px
    }
    .Form-blockTitle--photoEvidence {
        margin-bottom: 40px;
        margin-top: 40px
    }
    .Form-multiplePosts {
        margin-left: -20px;
        margin-right: -20px
    }
    .Form-multiplePills {
        margin-top: 24px
    }
    .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
    }
    .Form-additionalFields {
        margin-top: 48px
    }
    .Form-additionalFieldsToggle {
        margin-left: calc(1 / 3 * 100%);
        text-align: left
    }
    .Form-passwordToggle {
        top: 14px
    }
}

@media (min-width: 1200px) {
    .Form-multiplePosts {
        margin-left: -24px;
        margin-right: -24px
    }
}

.Help {
    background-color: #e1eae0;
    max-height: 0;
    overflow-y: hidden;
    padding-left: 16px;
    padding-right: 16px;
    visibility: hidden
}

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

.Help-inner {
    margin: 0 auto;
    max-width: 480px;
    opacity: 0;
    padding-bottom: 24px;
    position: relative;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.Help-inner.is-visible {
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s
}

.Help-close {
    position: absolute;
    right: 0;
    top: 16px
}

.Help-closeMedia {
    fill: #2a2a2a;
    height: 10px;
    width: 10px
}

.Help-title {
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center
}

.Help-title--sans {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-left: 0;
    text-align: left
}

.Help-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.Help-item.is-disabled .Help-subTitle {
    color: #7a7a7a
}

.Help-item.is-disabled .Help-copy {
    color: #7a7a7a
}

.Help-item.is-disabled .Help-iconInner {
    background-color: #a4a4a4
}

.Help-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 60px;
    padding-top: 8px
}

.Help-iconInner {
    background-color: #ee6265;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    width: 44px
}

.Help-iconInner--purple {
    background-color: #3b2d51
}

.Help-iconInner--avatar {
    background-color: #f4f4f4;
    overflow: hidden
}

.Help-iconMedia {
    fill: #fff;
    height: 22px;
    margin: auto;
    width: 22px
}

.Help-iconMedia--avatar {
    fill: #ccc;
    height: 44px;
    width: 44px
}

.Help-iconMedia--plus {
    height: 16px;
    width: 16px
}

.Help-content p+p {
    margin-top: 8px
}

.Help-subTitle {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    padding-top: 8px
}

.Help-subTitle--sans {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Help-subTitleInner {
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Help-copy {
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.Help-copyInner {
    color: #2a2a2a
}

.Help-copyInner:visited {
    color: #2a2a2a
}

.Help-copyInner:hover,
.Help-copyInner:focus,
.Help-copyInner:active {
    color: #666
}

@media (min-width: 960px) {
    .Help-inner {
        max-width: 680px
    }
    .Help-copy {
        font-size: 13px
    }
}

.ImageHeader {
    background-color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 320px;
    position: relative
}

.ImageHeader::after {
    background: rgba(0, 0, 0, 0.4);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ImageHeader-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ImageHeader-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 32px;
    padding-top: 80px;
    position: relative;
    z-index: 1
}

.ImageHeader-content--verifier {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ImageHeader-logo {
    background-color: #fff;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    width: 160px
}

.ImageHeader-logoMedia {
    display: block;
    height: auto;
    width: 100%
}

.ImageHeader-title {
    margin-top: 24px;
    position: relative;
    text-align: center
}

@media (min-width: 640px) {
    .ImageHeader-content {
        padding-bottom: 64px
    }
}

@media (min-width: 960px) {
    .ImageHeader {
        min-height: 480px
    }
}

.Inviter-avatar {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 96px
}

.Inviter-copy {
    margin-top: 24px;
    text-align: center
}

.Inviter-media {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Inviter-name {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.Inviter-location {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    margin-top: 8px;
    text-align: center
}

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

@media (min-width: 960px) {
    .Inviter-actions {
        margin-top: 48px
    }
}

.Legal {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px
}

.Legal-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px
}

.Legal-cookies {
    font-family: "Calibre", serif;
    font-size: 16px;
    margin: 24px auto;
    max-width: 720px
}

.Legal-cookies::before {
    content: ' ';
    display: block;
    height: 60px;
    margin-top: -60px;
    pointer-events: none;
    visibility: hidden
}

.Loading {
    padding-bottom: 32px;
    padding-top: 32px;
    text-align: center
}

.Loading.is-hidden {
    display: none
}

.Loading-icon {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 40px
}

.Loading-iconElement {
    -webkit-animation: fadeOut 1s linear infinite;
    animation: fadeOut 1s linear infinite;
    background: #2a2a2a;
    border-radius: 2px;
    height: 8px;
    left: 18px;
    position: absolute;
    top: 16px;
    width: 2px
}

.Loading-iconElement:nth-of-type(1) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    -webkit-transform: rotate(0deg) translate(0, -10px);
    transform: rotate(0deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(2) {
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
    -webkit-transform: rotate(30deg) translate(0, -10px);
    transform: rotate(30deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(3) {
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s;
    -webkit-transform: rotate(60deg) translate(0, -10px);
    transform: rotate(60deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(4) {
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
    -webkit-transform: rotate(90deg) translate(0, -10px);
    transform: rotate(90deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(5) {
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s;
    -webkit-transform: rotate(120deg) translate(0, -10px);
    transform: rotate(120deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(6) {
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s;
    -webkit-transform: rotate(150deg) translate(0, -10px);
    transform: rotate(150deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(180deg) translate(0, -10px);
    transform: rotate(180deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(8) {
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s;
    -webkit-transform: rotate(210deg) translate(0, -10px);
    transform: rotate(210deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(9) {
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
    -webkit-transform: rotate(240deg) translate(0, -10px);
    transform: rotate(240deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(10) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    -webkit-transform: rotate(270deg) translate(0, -10px);
    transform: rotate(270deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(11) {
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s;
    -webkit-transform: rotate(300deg) translate(0, -10px);
    transform: rotate(300deg) translate(0, -10px)
}

.Loading-iconElement:nth-of-type(12) {
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s;
    -webkit-transform: rotate(330deg) translate(0, -10px);
    transform: rotate(330deg) translate(0, -10px)
}

.Loading-copy {
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    max-width: 280px
}

@media (min-width: 768px) {
    .Loading-copy {
        font-size: 13px
    }
}

.Main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 320px
}

.Main--transparentHeader {
    margin-top: -50px
}

.Main--transparentHeader>.Flash {
    margin-top: 50px
}

.Main--transparentHeader>.Flash+.Flash {
    margin-top: 0
}

@media (min-width: 960px) {
    .Main--internalUi {
        margin-left: 240px
    }
}

.MarketingContact {
    background-color: #f4f4f4;
    padding-bottom: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 64px
}

.MarketingContact-copy {
    margin-top: 32px;
    text-align: center
}

.MarketingContact-copy--first {
    margin-top: 0
}

.MarketingContact-action {
    margin-top: 16px;
    text-align: center
}

.MarketingContact-socialIcons {
    margin-top: 20px;
    text-align: center
}

.MarketingContact-socialIcon {
    display: inline-block
}

.MarketingContact-socialIcon:not(:first-of-type) {
    padding-left: 16px
}

.MarketingContact-socialIcon:not(:last-of-type) {
    padding-right: 16px
}

.MarketingContact-socialIconInner {
    color: #3b2d51
}

.MarketingContact-socialIconInner:visited {
    color: #3b2d51
}

.MarketingContact-socialIconInner:focus,
.MarketingContact-socialIconInner:hover {
    color: #4d4262
}

.MarketingContact-socialIconMedia {
    fill: currentColor;
    height: 24px;
    width: 24px
}

.MarketingContact-newsletter {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    width: 100%
}

.MarketingContact-newsletterForm {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 320px;
    width: 100%
}

@media (min-width: 1200px) {
    .MarketingContact {
        padding-bottom: 80px;
        padding-top: 80px
    }
    .MarketingContact-copy {
        margin-top: 48px
    }
    .MarketingContact-copy--first {
        margin-top: 0
    }
    .MarketingContact-newsletter {
        max-width: 480px
    }
}

.MarketingFeature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
    padding-bottom: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 64px
}

.MarketingFeature--grey {
    background-color: #f4f4f4
}

.MarketingFeature--navy {
    background-color: #2f3a4a
}

.MarketingFeature--noPaddingBottom {
    padding-bottom: 0
}

.MarketingFeature-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MarketingFeature-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%
}

.MarketingFeature-column--image {
    margin-top: 32px;
    max-width: 480px
}

.MarketingFeature-image {
    margin: auto;
    width: 100%
}

.MarketingFeature-imageMedia {
    height: auto;
    width: 100%
}

.MarketingFeature-content {
    margin: auto;
    width: 100%
}

.MarketingFeature-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #666;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 70px
}

.MarketingFeature-number--white {
    border-color: #fff
}

.MarketingFeature-numberInner {
    color: #666;
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 0.25em
}

.MarketingFeature-numberInner--white {
    color: #fff
}

.MarketingFeature--imageLeftTextLeft .MarketingFeature-copy ul,
.MarketingFeature--imageRightTextLeft .MarketingFeature-copy ul {
    text-align: left
}

.MarketingFeature-action {
    margin-top: 24px
}

@media (min-width: 768px) {
    .MarketingFeature-column {
        margin-top: 0;
        max-width: 512px;
        padding-left: 16px;
        padding-right: 16px;
        width: 50%
    }
    .MarketingFeature--imageLeftTextLeft .MarketingFeature-column--content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .MarketingFeature--imageLeftTextLeft .MarketingFeature-number {
        margin-left: 0
    }
    .MarketingFeature--imageLeftTextLeft .MarketingFeature-copy,
    .MarketingFeature--imageLeftTextLeft .MarketingFeature-action {
        text-align: left
    }
    .MarketingFeature--imageLeftTextRight .MarketingFeature-column--content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .MarketingFeature--imageLeftTextRight .MarketingFeature-copy,
    .MarketingFeature--imageLeftTextRight .MarketingFeature-action {
        text-align: right
    }
    .MarketingFeature--imageRightTextRight .MarketingFeature-copy,
    .MarketingFeature--imageRightTextRight .MarketingFeature-action {
        text-align: right
    }
    .MarketingFeature--imageRightTextRight .MarketingFeature-number {
        margin-right: 0
    }
    .MarketingFeature--imageRightTextLeft .MarketingFeature-copy,
    .MarketingFeature--imageRightTextLeft .MarketingFeature-action {
        text-align: left
    }
}

@media (min-width: 960px) {
    .MarketingFeature {
        min-height: 50vw
    }
}

@media (min-width: 1200px) {
    .MarketingFeature {
        min-height: 600px;
        padding-bottom: 80px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 80px
    }
    .MarketingFeature-column {
        max-width: 528px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.MarketingForm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e1eae0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 320px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px
}

.MarketingForm-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center
}

.MarketingForm-copy a {
    color: #2a2a2a
}

.MarketingForm-copy a:visited {
    color: #2a2a2a
}

.MarketingForm-copy a:focus,
.MarketingForm-copy a:hover {
    color: #666
}

.MarketingForm-copy--wide {
    max-width: 628px
}

.MarketingForm-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 560px;
    width: 100%
}

.MarketingForm-form+.MarketingForm-copy {
    margin-top: 24px
}

.MarketingForm-form--join {
    max-width: 540px
}

@media (min-width: 1200px) {
    .MarketingForm {
        min-height: 25vw;
        padding-bottom: 80px;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 80px
    }
    .MarketingForm-form {
        margin-top: 32px
    }
    .MarketingForm-form+.MarketingForm-copy {
        margin-top: 32px
    }
}

@media (min-width: 1500px) {
    .MarketingForm {
        min-height: 375px
    }
}

.MarketingHero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2a2a2a;
    background-position: center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 400px;
    position: relative
}

.MarketingHero--ambassador {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-ambassador-800x400-dfc25bebbb72ea2cdc9dca6c0fee9488dbc6a20663684a71115d66bfbeda2e02.jpg)
}

.MarketingHero--bacon {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-bacon-800x400-d644e304da76f7394ebc209a6755cf627016ae58f2fa00e881b8ae5e3dd2fcea.jpg)
}

.MarketingHero--bespoke {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-bespoke-800x400-1a3a0b201c4cec93afe449bfe943138fdff079c4dfdc12d3718258c539088449.jpg)
}

.MarketingHero--boots {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-boots-3cf319c89668a1af48400932a17c6b7d4956bcb773f7a81692d318d3b29f96da.jpg)
}

.MarketingHero--businessProfile {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-business-profile-811d03ef70d0a480497a6422c509752f4d3c72bff2068afe7952389b915fca48.jpg)
}

.MarketingHero--businessServices {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-business-services-800x400-cb36662cf59aa415c380617e25cf53175265e973444bcea34f06c35b5b8b36b9.jpg)
}

.MarketingHero--coop {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-coop-e519249b497962668655aaffad9dff6bfbd7468c6f521e6cbcbe866c723c588a.jpg)
}

.MarketingHero--martinaSpetlova {
    background-image: url(//assets.provenance.org/modules/hero-martina.jpg)
}

.MarketingHero--fuchsia {
    background-image: url(//assets.provenance.org/modules/hero-fuchsia.jpg)
}

.MarketingHero--craft {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-craft-4f8d3032b8ca4a5fe56f1bc4513be7f2fe8a5384b7f8b9dcb012b9d857fae9f2.jpg)
}

.MarketingHero--fairfood {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fairfood-810x405-bf699f8f051e2943a8ef014a1a62f6f3bb06762f81e8c3ae09d8e0d3925e46ac.jpg)
}

.MarketingHero--fairfoodQuotes {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fairfood-quotes-810x405-e4053669f38303728c6b0b8af18fc4471b8ee6a3b6ef9bd9e108008f03188d3a.jpg)
}

.MarketingHero--field {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-field-1c69686d81f5195d0a7bc708208f5a5e3fcd2f3711acc88873e3bf1edc3f52d6.jpg)
}

.MarketingHero--fishermen {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fishermen-dcca9832754cbd9bda6f9685ee053df2196ebb7cca83644918f07d01b3d525d0.jpg)
}

.MarketingHero--fishCounter {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fish-counter-e6ed0a5b604f9ffbfefdb13fd3ba6e85b39b811627acd7f24d0bb25b972bc84a.jpg)
}

.MarketingHero--fishMarket {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fish-market-cc9237ce5361a68a0632bb0e259382a501f1c0aea3eb5afb044c72e9a2917855.jpg)
}

.MarketingHero--greyLightest {
    background-color: #f4f4f4
}

.MarketingHero--grassRoots {
    background-image: url(//assets.provenance.org/modules/provenance-case-study-grass-roots-hero-810x405.jpg)
}

.MarketingHero--grassRootsCow {
    background-image: url(//assets.provenance.org/modules/provenance-case-study-grass-roots-cow-810x405.jpg)
}

.MarketingHero--jumper {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-jumper-4c9a7c4d9ad49540dbffc92b75cbf95d8e4eefbb323c8fed4b7a5f6b27ec19fc.jpg)
}

.MarketingHero--martineJarlgaard {
    background-image: url(//assets.provenance.org/modules/provenance-hero-martine-jarlgaard-720x405.jpg)
}

.MarketingHero--navy {
    background-color: #2f3a4a
}

.MarketingHero--newlyn {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-newlyn-b9d118d98bd192514ac438427946ba799aa9621c88405ee9c0838d732265c229.jpg)
}

.MarketingHero--poleAndLine {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-pole-and-line-b4d781bbc7a2ed3f943b847ff68245c670acbfded4a327eb67f840226d060a47.jpg);
    background-position: 75% center
}

.MarketingHero--registerAsset {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-register-asset-0ddf79174e9e54d415e6d48fdf20e4c61a963d53c568a3b54ee4a54f845beb24.jpg)
}

.MarketingHero--shoes {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-shoes-496b6b0725565cfd370347abd01e3813c1cffd66c079b294134c2c3668dbea3b.jpg)
}

.MarketingHero--shoppers {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-shoppers-800x400-ea868baeba97fd3a135c90a63700714f4651cb15e1e75939f643ccf3732bdec7.jpg)
}

.MarketingHero--skipjackTuna {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-skipjack-tuna-fb6e9b22ac589d743918746f74a011761854d32d5b7cf0be1f8111c7568eda3f.jpg)
}

.MarketingHero--soilAssociation {
    background-image: url(//assets.provenance.org/modules/provenance-hero-soil-association-810x405.jpg)
}

.MarketingHero--soilAssociationQuotes {
    background-image: url(//assets.provenance.org/modules/provenance-hero-soil-association-quotes-810x405.jpg)
}

.MarketingHero--supermarket {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-supermarket-1d9e9de7875b3fcd2c3de68490ae3d5642dde5fb5940107a4f56c975df1d88fb.jpg)
}

.MarketingHero--tins {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-tins-03723d79f50f2d00c63c8077f9b1c59256e7badb3350f19586fae42d2e1139ab.jpg)
}

.MarketingHero--tradoBlueprint {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-trado-blueprint-810x405-132c1bf8d2cf3b9c489b204701993998ca412b1f58d1ed15e86a47a88546cff3.jpg)
}

.MarketingHero--tunaTracking {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-tuna-tracking-ceefd145686e2ae0432d30e9408befef3862ab1a7ae7f510abfc6367d7cdba42.jpg)
}

.MarketingHero--turbines {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-turbines-1b40381d2d7fa6370dde03a108c32ef5ff881a94ba4581d7c4f12cb7ab74739c.jpg)
}

.MarketingHero--white {
    background-color: #fff
}

.MarketingHero--wine {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-four-winds-226774fb5877636a339f33ad8ad26a8983847d2645bd670c22955e218ef43b56.jpg)
}

.MarketingHero--workshop {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-workshop-42ef0f2e40d57978cc90e383503910bc327884b624193373b7f1f7cb7e44e174.jpg)
}

.MarketingHero-backgroundImage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MarketingHero-backgroundImage img {
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.MarketingHero-mask {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.MarketingHero-mask--light {
    background-color: rgba(0, 0, 0, 0.4)
}

.MarketingHero-mask--dark {
    background-color: rgba(0, 0, 0, 0.6)
}

.MarketingHero-mask--darker {
    background-color: rgba(0, 0, 0, 0.7)
}

.MarketingHero-header {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 24px
}

.MarketingHero-headerCopy {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: uppercase
}

.MarketingHero-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.MarketingHero-contentInner {
    padding-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 80px;
    text-align: center
}

.MarketingHero-contentInner--extraPaddingBottom {
    padding-bottom: 112px
}

.MarketingHero-contentInner--tight {
    padding-bottom: 64px;
    padding-top: 64px
}

.MarketingHero-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px
}

.MarketingHero-copy--wide {
    max-width: 750px
}

.MarketingHero-copy--wider {
    max-width: 780px
}

.MarketingHero-copy--narrow {
    max-width: 640px
}

.MarketingHero-copy--narrower {
    max-width: 480px
}

.MarketingHero-copy--marginTop {
    margin-top: 32px
}

.MarketingHero-quoteList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 40px
}

.MarketingHero-quoteItem {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.MarketingHero-quoteItem:not(:first-of-type) {
    padding-top: 32px
}

.MarketingHero-quoteItem p {
    font-size: 25px;
    quotes: '“' '”'
}

.MarketingHero-quoteItem p::before {
    content: open-quote
}

.MarketingHero-quoteItem p::after {
    content: close-quote
}

.MarketingHero-form {
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 540px;
    width: 100%
}

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

.MarketingHero-iconList {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center
}

.MarketingHero-iconItem {
    margin-left: 12px;
    margin-right: 12px
}

.MarketingHero-icon {
    margin-bottom: 24px;
    margin-top: 4px;
    text-align: center
}

.MarketingHero-iconMedia {
    color: #fff;
    fill: #fff;
    height: 80px;
    width: 80px
}

.MarketingHero-iconMedia--black {
    color: #2a2a2a;
    fill: #2a2a2a
}

.MarketingHero-iconMedia--infinity {
    height: 60px;
    width: 60px
}

.MarketingHero-iconMedia--padding {
    padding: 4px
}

.MarketingHero-largeIcons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MarketingHero-largeIcon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 32px;
    max-width: 80px
}

.MarketingHero-largeIcon--blockchain {
    max-width: 276px
}

.MarketingHero-largeIconInner {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.MarketingHero-largeIconInner--blockchain {
    padding-bottom: 29%
}

.MarketingHero-largeIconMedia {
    color: #fff;
    height: 100%;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 100%
}

.MarketingHero-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 70px
}

.MarketingHero-numberInner {
    color: #fff;
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 0.25em
}

.MarketingHero-caption {
    bottom: 16px;
    left: 16px;
    position: absolute;
    right: 16px
}

.MarketingHero-captionCopy {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    margin-top: 8px;
    opacity: 0.75;
    text-align: center
}

.MarketingHero-captionCopy--serif {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400
}

.MarketingHero-captionCopy--greyLight {
    color: #a4a4a4;
    opacity: 1
}

.MarketingHero-captionCopyInner {
    color: #fff;
    text-decoration: none
}

.MarketingHero-captionCopyInner:visited {
    color: #fff
}

.MarketingHero-captionCopyInner:hover,
.MarketingHero-captionCopyInner:active {
    color: #ccc
}

.MarketingHero-captionCopyInner--greyLight {
    color: #a4a4a4;
    text-decoration: none
}

.MarketingHero-captionCopyInner--greyLight:visited {
    color: #a4a4a4
}

.MarketingHero-captionCopyInner--greyLight:hover,
.MarketingHero-captionCopyInner--greyLight:active {
    color: #ccc
}

.MarketingHero-captionMedia {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.MarketingHero-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.MarketingHero-column {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    width: 100%
}

@media (min-width: 768px) {
    .MarketingHero-contentInner {
        padding-left: 32px;
        padding-right: 32px
    }
    .MarketingHero-grid {
        max-width: 100%
    }
    .MarketingHero-column {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 33.3333%
    }
}

@media (min-width: 800px) {
    .MarketingHero {
        min-height: 50vw
    }
}

@media (min-width: 960px) {
    .MarketingHero--ambassador {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-ambassador-1200x600-e5468637b82cf13c9288b56b3cf6f9733162191db203abc4f47e7fe8b1859aa5.jpg)
    }
    .MarketingHero--bacon {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-bacon-1200x600-2432eff175186ca9724e2ab52381c9a9b7a20818e67bd71041c92f4e124f3bd6.jpg)
    }
    .MarketingHero--bespoke {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-bespoke-1200x600-aaa7a0e912cd1c0ba0e7a88d6c68de4d8def9c517b71f24894f0a14ca65f4839.jpg)
    }
    .MarketingHero--boots {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-boots-large-b9d6a9ec602912f6cc4fc2a42b47ade82c7e12307c3a5a53bab30b0f1a03249d.jpg)
    }
    .MarketingHero--businessProfile {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-business-profile-large-96afb32423cbf30d4bc0c807d1ce9eb6f70343d7428726a5ceced972007dadb3.jpg)
    }
    .MarketingHero--businessServices {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-business-services-1200x600-9d729aba2e391a06f2ae06668cd92ab2f3ccb116b6bf766cadcbea610dd77ad9.jpg)
    }
    .MarketingHero--coop {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-coop-large-6e94b793f9b505a74d012dc1318819908d7845996971979f8e3a889e5dbbba6d.jpg)
    }
    .MarketingHero--martinaSpetlova {
        background-image: url(//assets.provenance.org/modules/hero-martina-large.jpg)
    }
    .MarketingHero--craft {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-craft-large-3ee1b584cb065b718f4a8ecceffa6cd762258aa105fa9ee31c49a7a1a2d9f37b.jpg)
    }
    .MarketingHero--fairfood {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fairfood-1200x600-2f5bf920df824fa169010fb014d0d5576f155afe0cebb5bcf047c8fbfe1695eb.jpg)
    }
    .MarketingHero--fairfoodQuotes {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fairfood-quotes-1200x600-0c3d6b0cf1e06c7345a8dbb5c04a1ef6e4cb925f558bfc761200cc0f1e3bd6a3.jpg)
    }
    .MarketingHero--field {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-field-large-e034944f8f8278fd2f1a9d71d0206643f8b8068087b3c606f1958526e9ad3318.jpg)
    }
    .MarketingHero--fishermen {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fishermen-large-b0ef6c8c21e5930fc2c5e57f8034d8b17b2ab907d6eb2b3d90fa26db87afa84a.jpg)
    }
    .MarketingHero--fishCounter {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fish-counter-large-c276fe3ac857aa51b2ee6b3a0a734bb8026f281dc4ec6b4515e2512c9f5b75fa.jpg)
    }
    .MarketingHero--fishMarket {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-fish-market-large-d50fd9d08db35c593472260b8e2e4389854872c77d9d356722617b1f374956b4.jpg)
    }
    .MarketingHero--grassRoots {
        background-image: url(//assets.provenance.org/modules/provenance-case-study-grass-roots-hero-1200x600.jpg)
    }
    .MarketingHero--grassRootsCow {
        background-image: url(//assets.provenance.org/modules/provenance-case-study-grass-roots-cow-1200x600.jpg)
    }
    .MarketingHero--jumper {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-jumper-large-5b5809257ef18f14892acd2480538caa3840fefe1b8ab1d0a02a42a9aae9f008.jpg)
    }
    .MarketingHero--martineJarlgaard {
        background-image: url(//assets.provenance.org/modules/provenance-hero-martine-jarlgaard-1080x607.jpg)
    }
    .MarketingHero--newlyn {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-newlyn-large-e5470125b5ae6c3d5a4454835d7902b644c49e1e79cac50e039d3756c16fba40.jpg)
    }
    .MarketingHero--poleAndLine {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-pole-and-line-large-eb047a161bb9fc555577c13a105525af11fd843a41b474a1d59fc30b180a5d7a.jpg)
    }
    .MarketingHero--registerAsset {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-register-asset-large-558c8464757f8ec7e0f948e351e1140d7b016b0f1aa16f6e0b22f3c97f84397c.jpg)
    }
    .MarketingHero--shoes {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-shoes-large-6269cad61624c9c61f44a39f1c335e51d58a5046835fca9437f7a5006f1ced6e.jpg)
    }
    .MarketingHero--shoppers {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-shoppers-1200x600-a9c090645de168473c2cdb12be4613d4d68d5fdf0b2c63b44fd67778f9c2d19e.jpg)
    }
    .MarketingHero--skipjackTuna {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-skipjack-tuna-large-a73f558d868080c8b84d2991689321338f5bf251a658d1c5b22e619edc6a574b.jpg)
    }
    .MarketingHero--soilAssocation {
        background-image: url(//assets.provenance.org/modules/provenance-hero-soil-association-1200x600.jpg)
    }
    .MarketingHero--soilAssociationQuotes {
        background-image: url(//assets.provenance.org/modules/provenance-hero-soil-association-quotes-1200x600.jpg)
    }
    .MarketingHero--supermarket {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-supermarket-large-dc1db8852d006fcf45b045585ca291ff49c7e8aceab68ef55bed29782626d5ad.jpg)
    }
    .MarketingHero--tins {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-tins-large-dee4973ad4fd2e58499f869e08abf33481202a20638bcdce5d15c50ca7261079.jpg)
    }
    .MarketingHero--tradoBlueprint {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-trado-blueprint-1200x600-d938f5b52299f4da8e8e8298506d4f50635ed642d66658b79f3933c9f680f1a4.jpg)
    }
    .MarketingHero--tunaTracking {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-tuna-tracking-large-70d24053249609f0d7b468b369684783d6eea6d1a5fa37a81cbbeabe9765cefc.jpg)
    }
    .MarketingHero--turbines {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-turbines-large-9e140cc903df07ab4119d73c1c0cf4e0262e3deb414602b67b03c1b0a390cd24.jpg)
    }
    .MarketingHero--wine {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-four-winds-large-8f85aa64260aad616e1778bc7f9e1930c3d6ad525716b94243f95d5ff7da5a96.jpg)
    }
    .MarketingHero--workshop {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-hero-workshop-large-d347050a6bfc9129b62e42653a12ab1dc938214c4d7832a61cc3462237c0ce97.jpg)
    }
    .MarketingHero-quoteList {
        padding-left: 8px;
        padding-right: 8px
    }
    .MarketingHero-quoteItem {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 24px;
        padding-right: 24px;
        width: 50%
    }
    .MarketingHero-quoteItem:not(:first-of-type) {
        padding-top: 0
    }
}

@media (min-width: 1500px) {
    .MarketingHero {
        min-height: 750px
    }
}

.MarketingMap-copy {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

.MarketingMap-inner {
    background-color: #f4f4f4;
    display: block;
    margin-top: 32px;
    min-height: 320px;
    overflow: hidden;
    position: relative
}

.MarketingMap-map {
    cursor: auto;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

.MarketingMap-map.is-loaded {
    opacity: 1
}

.MarketingMap-map .leaflet-top,
.MarketingMap-map .leaflet-bottom {
    z-index: 0
}

.MarketingMap-map .leaflet-top .leaflet-control {
    margin-top: 58px
}

.MarketingMap-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MarketingMap-overlay.is-hidden {
    display: none
}

.MarketingMap-icon {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc
}

.MarketingMap-icon:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

@media (min-width: 960px) {
    .MarketingMap-inner {
        min-height: 33.3333vw
    }
}

@media (min-width: 1200px) {
    .MarketingMap-inner {
        min-height: 400px
    }
}

.MarketingSplit--grey {
    background-color: #f4f4f4
}

.MarketingSplit-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MarketingSplit-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-height: 405px;
    width: 100%
}

.MarketingSplit-column--image {
    background-color: #f4f4f4;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative
}

.MarketingSplit-image {
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MarketingSplit-image--tuna {
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-case-study-tuna-69d5319aa1a8794dac8df8a5f251b4ccc88deae59bc1c258c8359f4aee6de3f0.jpg)
}

.MarketingSplit-backgroundImage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MarketingSplit-backgroundImage img {
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.MarketingSplit-content {
    margin: auto;
    max-width: 600px;
    padding-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px;
    width: 100%
}

.MarketingSplit-content--narrow {
    max-width: 480px
}

.MarketingSplit-logo {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 120px;
    width: 100%
}

.MarketingSplit-logo--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: none;
    width: auto
}

.MarketingSplit-logo--wide {
    max-width: 180px
}

.MarketingSplit-logo--wider {
    max-width: 240px
}

.MarketingSplit-logo--martine {
    max-width: 220px
}

.MarketingSplit-logo--extraMarginBottom {
    margin-bottom: 24px
}

.MarketingSplit-logoMedia {
    height: auto;
    width: 100%
}

.MarketingSplit-logoMedia--flex {
    height: auto;
    max-height: 120px;
    width: auto
}

.MarketingSplit-copy .Marketing-copy,
.MarketingSplit-copy .Marketing-action {
    text-align: left
}

.MarketingSplit-action {
    margin-top: 32px
}

@media (min-width: 810px) {
    .MarketingSplit-column {
        min-height: 50vw
    }
}

@media (min-width: 768px) {
    .MarketingSplit-image--tuna {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-case-study-tuna-large-7e7320db84fcc504434f56f64c4516c7d9d54c6b925a732a77d131dfbb548736.jpg)
    }
}

@media (min-width: 960px) {
    .MarketingSplit-column {
        width: 50%
    }
    .MarketingSplit-content {
        padding-left: 40px;
        padding-right: 40px
    }
    .MarketingSplit-column--image {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .MarketingSplit--tabletImageRight .MarketingSplit-column--image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1200px) {
    .MarketingSplit-column {
        min-height: 600px
    }
}

.Marketing-section {
    min-height: 320px;
    padding-bottom: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 64px;
    position: relative
}

.Marketing-section--video {
    padding-top: 0
}

.Marketing-section--press {
    background-color: #2a2a2a;
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-press-86fbab2f05c3b81cfd5c1d98f903d621bfa8e1eb4b06998365db07805c35ad3b.jpg);
    background-position: center;
    background-size: cover;
    position: relative
}

.Marketing-section--greyLightest {
    background-color: #f4f4f4
}

.Marketing-section--navy {
    background-color: #2f3a4a
}

.Marketing-section--youtube {
    margin-top: 0
}

.Marketing-sectionInner {
    position: relative
}

.Marketing-backgroundImage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Marketing-backgroundImage::after {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Marketing-backgroundImage img {
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.Marketing-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    text-align: center
}

.Marketing-copy--narrow {
    max-width: 640px
}

.Marketing-copy--510 {
    max-width: 510px
}

.Marketing-copy--marginTop {
    margin-top: 24px
}

.Marketing-copy--marginTopBig {
    margin-top: 64px
}

.Marketing-action {
    margin-top: 24px;
    text-align: center
}

.Marketing-image {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 512px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.Marketing-image--diagram {
    margin-top: 32px;
    max-width: 512px
}

.Marketing-imageMedia {
    height: auto;
    width: 100%
}

.Marketing-gridOuter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1056px
}

.Marketing-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none
}

.Marketing-gridItem {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 40px;
    text-align: center;
    width: 100%
}

.Marketing-gridInner {
    display: block
}

.Marketing-gridInner:hover .Marketing-gridImageMedia {
    opacity: 0.75
}

.Marketing-gridImageOuter {
    position: relative
}

.Marketing-gridImage {
    margin-left: auto;
    margin-right: auto;
    max-width: 180px
}

.Marketing-gridImage--large {
    max-width: 240px
}

.Marketing-gridImageMedia {
    height: auto;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

.Marketing-gridImageMedia--round {
    border-radius: 50%
}

.Marketing-gridImageMedia--withBorder {
    border: 1px solid #ccc
}

.Marketing-gridIcon {
    text-align: center
}

.Marketing-gridIconMedia {
    fill: #2a2a2a;
    height: 80px;
    width: 80px
}

.Marketing-gridCopy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 640px;
    text-align: center
}

.Marketing-gridCopy--narrow {
    max-width: 480px
}

.Marketing-gridCopy--tightMargin {
    margin-top: 20px
}

.Marketing-gridAction {
    margin-top: 20px
}

.Marketing-gridArrow {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    height: 24px;
    left: -36px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 24px
}

.Marketing-pressMask {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Marketing-pressContent {
    overflow: hidden;
    position: relative
}

.Marketing-pressGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

.Marketing-pressQuote {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-bottom: 12px;
    margin-top: 12px;
    max-width: 392px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.Marketing-pressLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    text-align: center
}

.Marketing-pressLogoMedia {
    margin: auto
}

.Marketing-pressLogoMedia--theTelegraph {
    height: 43px;
    width: 210px
}

.Marketing-pressLogoMedia--theGuardian {
    height: 33px;
    width: 190px
}

.Marketing-pressLogoMedia--theNextWeb {
    height: 75px;
    width: 130px
}

.Marketing-pressQuoteCopy {
    text-align: center
}

.Marketing-brands {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 640px;
    overflow: hidden;
    width: 100%
}

.Marketing-brandLogos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -16px;
    margin-right: -16px
}

.Marketing-brandLogo {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 16px;
    max-width: 112px;
    padding-left: 16px;
    padding-right: 16px;
    width: 33.3333%
}

.Marketing-brandLogoMedia {
    border-radius: 50%;
    height: auto;
    width: 100%
}

.Marketing-logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

.Marketing-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    max-width: 120px;
    width: 100%
}

.Marketing-logo--caseStudy {
    max-height: 120px;
    max-width: none;
    width: auto
}

.Marketing-logo--wide {
    max-width: 180px
}

.Marketing-logo--wider {
    max-width: 240px
}

.Marketing-logo--martine {
    max-width: 220px
}

.Marketing-logoInner {
    display: block
}

.Marketing-logoMedia {
    height: auto;
    width: 100%
}

.Marketing-logoMedia--caseStudy {
    max-height: 80px;
    max-width: 125px;
    width: auto
}

.Marketing-videoIframe {
    height: 100%;
    width: 100%
}

.Marketing-video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.Marketing-video--martine {
    margin-top: 0
}

.Marketing-video--inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Marketing-shareLinks {
    margin-bottom: 48px
}

@media (min-width: 375px) {
    .Marketing-tabLabel {
        margin-left: 16px;
        margin-right: 16px
    }
}

@media (min-width: 640px) {
    .Marketing-image--diagram {
        max-width: 992px
    }
}

@media (min-width: 768px) {
    .Marketing-section {
        padding-left: 32px;
        padding-right: 32px
    }
    .Marketing-section--youtube {
        margin-top: 32px
    }
    .Marketing-grid {
        margin-left: -16px;
        margin-right: -16px
    }
    .Marketing-gridItem {
        max-width: 512px;
        padding-left: 16px;
        padding-right: 16px
    }
    .Marketing-gridItem--oneHalf {
        width: 50%
    }
    .Marketing-gridItem--oneThird {
        width: 33.3333%
    }
    .Marketing-gridArrow {
        display: table-cell
    }
    .Marketing-pressQuote {
        width: 33.3333%
    }
    .Marketing-brands {
        max-width: 640px
    }
}

@media (min-width: 960px) {
    .Marketing-section--press {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-press-large-a61f638a953dd1e9f18dc674be28cb2a0302a6207356b6071699ad1e93b6a91c.jpg)
    }
    .Marketing-section--youtube {
        margin-top: 0
    }
    .Marketing-brands {
        max-width: 960px
    }
    .Marketing-brandLogos {
        margin-left: -24px;
        margin-right: -24px
    }
    .Marketing-brandLogo {
        max-width: 148px;
        padding-left: 24px;
        padding-right: 24px
    }
    .Marketing-gridArrow {
        height: 30px;
        left: -42px;
        width: 30px
    }
}

@media (min-width: 1200px) {
    .Marketing-section {
        min-height: 25vw;
        padding-bottom: 80px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 80px
    }
    .Marketing-section--video {
        padding-top: 0
    }
    .Marketing-copy--marginTop {
        margin-top: 48px
    }
    .Marketing-grid {
        margin-left: -24px;
        margin-right: -24px
    }
    .Marketing-gridItem {
        margin-top: 48px;
        max-width: 528px;
        padding-left: 24px;
        padding-right: 24px
    }
    .Marketing-pressGrid {
        margin-top: 48px
    }
    .Marketing-brands {
        margin-bottom: 40px;
        margin-top: 32px
    }
    .Marketing-brands--about {
        margin-top: 16px
    }
    .Marketing-brandLogo {
        max-width: 168px
    }
    .Marketing-tabs {
        margin-top: 48px
    }
}

@media (min-width: 1500px) {
    .Marketing-section {
        min-height: 375px
    }
}

.MultipleCertificates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
    text-align: center
}

.MultipleCertificates--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.MultipleCertificates--singleProductWide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultipleCertificates-item {
    margin-top: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.MultipleCertificates-itemInfo {
    background-color: #f4f4f4;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 0;
    max-width: 0;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.MultipleCertificates-itemInfo.is-visible {
    height: auto;
    max-width: 100%;
    opacity: 1;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: visible;
    width: 100%
}

@media (min-width: 480px) {
    .MultipleCertificates--singleProductWide {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.MultipleInfoBoxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.MultipleInfoBoxes--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultipleInfoBoxes-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    max-width: 656px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

@media (min-width: 640px) {
    .MultipleInfoBoxes-item {
        width: 50%
    }
    .MultipleInfoBoxes-item--fullWidth {
        width: 100%
    }
    .MultipleInfoBoxes-item--certs {
        width: 100%
    }
}

@media (min-width: 768px) {
    .MultipleInfoBoxes {
        margin-left: -16px;
        margin-right: -16px
    }
    .MultipleInfoBoxes-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 32px;
        max-width: 664px;
        padding-left: 16px;
        padding-right: 16px;
        width: 50%
    }
    .MultipleInfoBoxes-item--certs {
        width: 100%
    }
}

@media (min-width: 960px) {
    .MultipleInfoBoxes-item--certs {
        width: calc(1 / 3 * 100%)
    }
}

@media (min-width: 1024px) {
    .MultipleInfoBoxes-item {
        width: calc(1 / 3 * 100%)
    }
}

.MultiplePills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    overflow: hidden
}

.MultiplePills--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultiplePills-item {
    margin-top: 10px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative
}

.MultiplePills-item.is-hidden {
    display: none
}

.MultiplePills-itemCheckbox {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.MultiplePills-itemCheckbox:checked~.SinglePill {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fff
}

.MultiplePills-itemCheckbox:disabled~.SinglePill {
    border-color: #ccc;
    color: #ccc
}

.MultiplePills-itemInfo {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 0;
    max-width: 0;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.MultiplePills-itemInfo.is-visible {
    height: auto;
    max-width: 100%;
    opacity: 1;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: visible;
    width: 100%
}

.MultiplePosts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.MultiplePosts--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultiplePosts-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 24px;
    max-width: 324px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    width: 40%
}

.MultiplePosts-item--5by4 {
    -webkit-box-flex: 1.25;
    -ms-flex-positive: 1.25;
    flex-grow: 1.25;
    margin-left: -3px;
    margin-right: -3px;
    max-width: 405px;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%
}

.MultiplePosts-item--3by2 {
    -webkit-box-flex: 1.5;
    -ms-flex-positive: 1.5;
    flex-grow: 1.5;
    margin-left: -6px;
    margin-right: -6px;
    max-width: 486px;
    padding-left: 18px;
    padding-right: 18px;
    width: 60%
}

.MultiplePosts-item--addNew {
    width: 100%
}

@media (min-width: 480px) {
    .MultiplePosts-item {
        width: 32%
    }
    .MultiplePosts-item--5by4 {
        width: 40%
    }
    .MultiplePosts-item--3by2 {
        width: 48%
    }
    .MultiplePosts-item--addNew {
        width: 100%
    }
}

@media (min-width: 640px) {
    .MultiplePosts-item--addNew {
        width: 32%
    }
}

@media (min-width: 768px) {
    .MultiplePosts {
        margin-left: -16px;
        margin-right: -16px
    }
    .MultiplePosts-item {
        margin-top: 32px;
        max-width: 332px;
        padding-left: 16px;
        padding-right: 16px;
        width: 28%
    }
    .MultiplePosts-item--5by4 {
        margin-left: -4px;
        margin-right: -4px;
        max-width: 415px;
        padding-left: 20px;
        padding-right: 20px;
        width: 35%
    }
    .MultiplePosts-item--3by2 {
        margin-left: -8px;
        margin-right: -8px;
        max-width: 498px;
        padding-left: 24px;
        padding-right: 24px;
        width: 42%
    }
}

@media (min-width: 1024px) {
    .MultiplePosts-item {
        max-width: 352px
    }
    .MultiplePosts-item--5by4 {
        max-width: 440px
    }
    .MultiplePosts-item--3by2 {
        max-width: 528px
    }
}

.MultipleProducers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px
}

.MultipleProducers-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 24px;
    width: 100%
}

.MultipleProducts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.MultipleProducts--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultipleProducts-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    max-width: 624px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

.MultipleProducts-item--wide {
    margin-top: 32px
}

.MultipleProducts-item--addNew {
    max-width: 324px;
    position: relative
}

.MultipleProducts-help {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    display: none;
    left: 100%;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    position: absolute;
    top: 12px;
    width: 270px
}

.MultipleProducts-help::before {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #e4e4e4;
    border-top: 13px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.MultipleProducts-help::after {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.MultipleProducts-helpAction {
    margin-top: 16px
}

@media (min-width: 640px) {
    .MultipleProducts-item {
        width: 50%
    }
    .MultipleProducts-item--wide {
        width: 100%
    }
    .MultipleProducts-help {
        display: block
    }
}

@media (min-width: 768px) {
    .MultipleProducts {
        margin-left: -16px;
        margin-right: -16px
    }
    .MultipleProducts-item {
        margin-top: 32px;
        max-width: 632px;
        padding-left: 16px;
        padding-right: 16px
    }
    .MultipleProducts-help {
        top: 16px
    }
    .MultipleProducts-help::before {
        border-bottom: 17px solid transparent;
        border-right: 17px solid #e4e4e4;
        border-top: 17px solid transparent
    }
    .MultipleProducts-help::after {
        border-bottom: 16px solid transparent;
        border-right: 16px solid #fff;
        border-top: 16px solid transparent
    }
}

@media (min-width: 1024px) {
    .MultipleProducts-item {
        width: calc(1 / 3 * 100%)
    }
    .MultipleProducts-item--wide {
        width: 50%
    }
}

.MultipleSchemes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
    text-align: center
}

.MultipleSchemes--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultipleSchemes-item {
    margin-top: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.MultipleStories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.MultipleStories-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    max-width: 984px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

@media (min-width: 640px) {
    .MultipleStories-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 50%
    }
}

@media (min-width: 768px) {
    .MultipleStories--increaseGutterDesktop {
        margin-left: -16px;
        margin-right: -16px
    }
    .MultipleStories--increaseGutterDesktop .MultipleStories-item {
        margin-top: 32px;
        max-width: 992px;
        padding-left: 16px;
        padding-right: 16px
    }
    .MultipleStories--increaseGutterDesktop .MultipleStories-item--addNew {
        max-width: 50%
    }
}

.MultipleStoryCollaborators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px
}

.MultipleStoryCollaborators-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
    width: 126px
}

.MultipleStoryCollaborators-item--add {
    margin-top: 0;
    max-height: 0;
    max-width: 0;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.MultipleStoryCollaborators-item--add.is-visible,
.no-js .MultipleStoryCollaborators-item--add {
    margin-top: 24px;
    max-height: 88px;
    max-width: 88px;
    opacity: 1;
    padding-left: 12px;
    padding-right: 12px;
    visibility: visible
}

.MultipleUsers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.MultipleUsers-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    max-width: 624px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

@media (min-width: 640px) {
    .MultipleUsers-item {
        width: 50%
    }
}

@media (min-width: 768px) {
    .MultipleUsers {
        margin-left: -16px;
        margin-right: -16px
    }
    .MultipleUsers-item {
        margin-top: 32px;
        max-width: 624px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 1024px) {
    .MultipleUsers-item {
        width: calc(1 / 3 * 100%)
    }
}

.Onboarding-header {
    background-color: #2f3a4a;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

.Onboarding-headerFlag {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 40px
}

.Onboarding-headerFlagMedia {
    fill: #fff;
    height: 40px;
    padding: 2px;
    width: 40px
}

.Onboarding-headerCopy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 480px;
    text-align: center
}

.Onboarding-top {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

.Onboarding-main {
    padding-left: 16px;
    padding-right: 16px
}

.Onboarding-intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 552px;
    padding-top: 32px
}

.Onboarding-copy {
    margin-top: 24px
}

.Onboarding-largeCopy {
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 24px;
    text-align: center
}

.Onboarding-avatar {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 96px
}

.Onboarding-location {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.375;
    margin-top: 8px;
    text-align: center
}

.Onboarding-locationMedia {
    fill: #2a2a2a;
    height: 11px;
    width: 11px
}

.Onboarding-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.Onboarding-grid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 1080px;
    width: 100%
}

.Onboarding-grid--narrow {
    max-width: 480px
}

.Onboarding-grid--bespoke {
    padding-bottom: 16px
}

.Onboarding-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Onboarding-column--bespoke {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    text-decoration: none;
    -webkit-transition: -webkit-box-shadow 0.2s ease-out;
    transition: -webkit-box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out
}

.Onboarding-column--bespoke:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16)
}

.Onboarding-label {
    padding: 0 16px;
    text-align: center
}

.Onboarding-label--bespoke {
    color: #525252;
    font-size: 18px
}

.Onboarding-image {
    margin-left: auto;
    max-width: 400px
}

.Onboarding-image--small {
    margin-right: auto;
    max-width: 150px
}

.Onboarding-imageMedia {
    height: auto;
    width: 100%
}

.Onboarding-imageMedia--round {
    border-radius: 50%
}

.Onboarding-image--welcome {
    max-width: 100%
}

.Onboarding-image--bespoke {
    height: 76px;
    margin-right: 14px;
    width: 76px
}

.Onboarding-action svg {
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out
}

.Onboarding-action:hover svg {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.Onboarding-action--neither {
    margin-top: 24px
}

.Onboarding-action--skip {
    margin-top: 16px
}

.Onboarding-action--skip+.Onboarding-copy {
    margin-top: 24px
}

.Onboarding-action--welcome {
    margin-left: 0;
    text-align: center
}

.Onboarding-action--bespoke {
    color: #3b2d51
}

.Onboarding-action--skipIcon {
    background-color: #f4f4f4;
    border-radius: 12px;
    color: #3d3d3d;
    height: 24px;
    margin-left: 8px;
    padding: 8px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 24px
}

@media (min-width: 480px) {
    .Onboarding-largeCopy {
        margin-top: 32px
    }
    .Onboarding-userCopy {
        margin-top: 32px
    }
    .Onboarding-column+.Onboarding-column {
        margin-top: 0
    }
    .Onboarding-action--neither {
        margin-top: 32px
    }
}

@media (min-width: 960px) {
    .Onboarding-header {
        padding-bottom: 64px;
        padding-top: 64px
    }
    .Onboarding-top {
        max-width: 552px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 48px
    }
    .Onboarding-main {
        padding-left: 0;
        padding-right: 0
    }
    .Onboarding-intro {
        padding-top: 48px
    }
    .Onboarding-form {
        max-width: 552px
    }
    .Onboarding-grid {
        grid-template-columns: 1fr 1fr;
        margin-top: 48px
    }
    .Onboarding-action--neither {
        margin-top: 48px
    }
    .Onboarding-grid--twoCol {
        grid-template-columns: 1fr 1fr;
        max-width: 720px
    }
}

.Paginator {
    text-align: center
}

.Paginator-page {
    padding: 8px
}

.Paginator-plainLink {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400
}

.Paginator-plainLink:visited {
    color: #2a2a2a
}

.Paginator-plainLink:focus,
.Paginator-plainLink:hover {
    color: #666
}

.Post-meta {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375
}

.Post-meta--uppercase {
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Post-metaInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none
}

.Post-metaInner:visited {
    color: #2a2a2a
}

.Post-metaInner:hover,
.Post-metaInner:focus,
.Post-metaInner:active {
    color: #666
}

.Post-metaMedia {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Post-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Post-imageContainer {
    background-color: #f4f4f4;
    position: relative
}

.Post-imageMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Post-caption {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 720px;
    text-align: center
}

.Post-location {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center
}

.Post-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 24px;
    padding-right: 24px
}

.Post-actionOuter {
    margin-top: 24px;
    position: relative
}

.Post-action--edit {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center
}

.Post-action--previous {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.Post-action--next {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: right
}

.Post-actionInner {
    color: #666;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-left: 32px;
    text-decoration: none;
    text-transform: uppercase
}

.Post-actionInner--next {
    padding-left: 0;
    padding-right: 32px
}

.Post-actionIcon {
    fill: currentColor;
    height: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px
}

.Post-actionIcon--next {
    left: auto;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Post-contentAuthor {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Post-story {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Post-storyAvatar {
    background-color: #f4f4f4;
    height: 160px;
    margin: 0 auto;
    width: 160px
}

.Post-storyImageDefault {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.Post-storyMeta {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 16px;
    text-align: center;
    text-transform: uppercase
}

.Post-storyMetaInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none
}

.Post-storyMetaInner:visited {
    color: #2a2a2a
}

.Post-storyMetaInner:hover,
.Post-storyMetaInner:focus,
.Post-storyMetaInner:active {
    color: #666
}

.Post-relatedPosts {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Post-multiplePosts {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

@media (min-width: 480px) {
    .Post-actions {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .Post-action--previous {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 33.3333%
    }
    .Post-action--edit {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 33.3333%
    }
    .Post-action--next {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 33.3333%
    }
}

@media (min-width: 768px) {
    .Post-image {
        padding-left: 32px;
        padding-right: 32px
    }
    .Post-actionOuter {
        margin-top: 32px
    }
    .Post-contentAuthor {
        margin-top: 32px
    }
    .Post-story {
        margin-top: 32px
    }
    .Post-relatedPosts {
        margin-top: 32px
    }
}

@media (min-width: 960px) {
    .Post::after {
        content: 'desktop-viewport';
        display: none
    }
}

@media (min-width: 1024px) {
    .Post-storyAvatar {
        height: 300px;
        width: 300px
    }
}

@media (min-width: 1200px) {
    .Post-actionOuter {
        margin-top: 48px
    }
    .Post-contentAuthor {
        margin-top: 48px
    }
    .Post-story {
        margin-top: 48px
    }
    .Post-relatedPosts {
        margin-top: 48px
    }
}

.Pricing-intro {
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px
}

.Pricing-introCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    text-align: center
}

.Pricing-banner {
    background-color: #ee6265;
    margin-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px
}

.Pricing-bannerCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    text-align: center
}

.Pricing-grid {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 1048px;
    width: 100%
}

.Pricing-gridInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -16px;
    padding-left: 8px;
    padding-right: 8px
}

.Pricing-gridItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    width: 100%
}

.Pricing-gridItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    width: 100%
}

.Pricing-gridPrice {
    margin-top: 24px
}

.Pricing-gridItemInner--greyLightest {
    background-color: #f4f4f4
}

.Pricing-gridItemInner--green {
    background-color: #99b9ae
}

.Pricing-gridItemInner--greenLight {
    background-color: #e1eae0
}

.Pricing-gridItemInner--navy {
    background-color: #2f3a4a
}

.Pricing-gridItemInner--navy .Pricing-gridAction .Action {
    background-color: #fff
}

.Pricing-gridCopy {
    text-align: center
}

.Pricing-gridAction {
    margin-top: 24px;
    text-align: center
}

.Pricing-action--enterprise {
    background-color: #fff;
    border-color: #3b2d51;
    color: #3b2d51;
    display: inline-block;
    width: auto
}

.Pricing-action--enterprise:visited {
    color: #3b2d51
}

.Pricing-action--enterprise:focus,
.Pricing-action--enterprise:hover {
    background-color: #fff;
    border-color: #4d4262;
    color: #4d4262
}

.Pricing-tracking {
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.Pricing-trackingInner {
    background-color: #f4f4f4;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 32px;
    padding-top: 32px
}

.Pricing-trackingCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    text-align: center
}

.Pricing-trackingAction {
    margin-top: 24px;
    text-align: center
}

.Pricing-mobilePlans {
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px
}

.Pricing-mobilePlansList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Pricing-mobilePlansItem {
    border: 1px solid #ccc;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    text-align: center
}

.Pricing-mobilePlansItem:first-of-type {
    border-right: 0
}

.Pricing-mobilePlansItem:last-of-type {
    border-left: 0
}

.Pricing-mobilePlansInput {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Pricing-mobilePlansInput:checked~.Pricing-mobilePlansLabel {
    background-color: #ccc
}

.Pricing-mobilePlansLabel {
    background-color: #f4f4f4;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 16px 12px;
    text-transform: uppercase
}

.Pricing-currentPlan {
    border: 1px solid transparent;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 5.5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5.5px;
    text-transform: uppercase
}

.Pricing-currentPlan--white {
    color: #fff
}

.Pricing-tableOuter {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 1048px;
    padding-left: 16px;
    padding-right: 16px
}

.Pricing-table {
    width: 100%
}

.Pricing-tableHeaderRow {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.Pricing-tableHeading {
    background-color: #f4f4f4;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 16px;
    text-transform: uppercase
}

.Pricing-tableHeading.is-hidden {
    display: none
}

.Pricing-tableHeading--spacer {
    display: none
}

.Pricing-tableHeading--tablet {
    display: none
}

.Pricing-tableSectionHeading {
    background-color: #f4f4f4;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: left;
    text-transform: uppercase
}

.Pricing-tableRow {
    border: 1px solid #ccc
}

.Pricing-tableFeatureName {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: left
}

.Pricing-tableFeatureValue {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center;
    width: 140px
}

.Pricing-tableFeatureValue.is-hidden {
    display: none
}

.Pricing-tablePrice {
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 700
}

.Pricing-tablePrice--larger {
    font-size: 24px
}

.Pricing-tablePrice--monthly {
    color: #ccc;
    font-size: 14px;
    text-decoration: line-through
}

.Pricing-tablePrice--monthly.is-hidden {
    display: none
}

.Pricing-tableInfo {
    color: #525252;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400
}

.Pricing-tableInfo.is-hidden {
    display: none
}

.Pricing-tableInfoInner {
    color: inherit
}

.Pricing-tableInfoInner:visited {
    color: inherit
}

.Pricing-tableTick {
    fill: #99b9ae;
    height: 16px;
    width: 16px
}

.Pricing-tableAction {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-bottom: 16px;
    padding-top: 16px;
    text-align: center
}

.Pricing-tableAction.is-hidden {
    display: none
}

.Pricing-faqs {
    margin-left: auto;
    margin-right: auto;
    max-width: 1048px;
    padding-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px
}

.Pricing-faqsHeading {
    text-align: center
}

.Pricing-faqsGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 32px
}

.Pricing-faqsColumn {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%
}

.Pricing-faqsColumn:last-child {
    margin-top: 24px
}

.Pricing-faqsCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: left
}

.Pricing-footer {
    margin-bottom: 48px;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px
}

.Pricing-footerCopy {
    text-align: center
}

@media (min-width: 350px) {
    .Pricing-mobilePlansLabel {
        font-size: 14px
    }
}

@media (min-width: 640px) {
    .Pricing-gridItem {
        width: 50%
    }
    .Pricing-tableSectionHeading {
        padding-left: 24px;
        padding-right: 24px
    }
    .Pricing-tableFeatureName {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 768px) {
    .Pricing-gridInner {
        padding-left: 4px;
        padding-right: 4px
    }
    .Pricing-mobilePlans {
        display: none
    }
    .Pricing-tableHeading--spacer {
        display: table-cell
    }
    .Pricing-tableHeading--mobile {
        display: none
    }
    .Pricing-tableHeading--tablet {
        display: table-cell
    }
    .Pricing-tableFeatureValue.is-hidden {
        display: table-cell
    }
    .Pricing-tableFeatureValue {
        width: 165px
    }
    .Pricing-tableAction.is-hidden {
        display: table-cell
    }
    .Pricing-faqsGrid {
        margin-left: -16px;
        margin-right: -16px
    }
    .Pricing-faqsColumn {
        padding-left: 16px;
        padding-right: 16px;
        width: 50%
    }
    .Pricing-faqsColumn:last-child {
        margin-top: 0
    }
}

@media (min-width: 960px) {
    .Pricing-intro {
        margin-top: 32px
    }
    .Pricing-banner {
        margin-top: 32px
    }
    .Pricing-gridItem {
        width: 33%
    }
    .Pricing-gridInner {
        margin-left: 0;
        margin-right: 0
    }
    .Pricing-gridItemInner {
        padding-left: 24px;
        padding-right: 24px
    }
    .Pricing-table {
        margin-top: 32px
    }
    .Pricing-footer {
        margin-bottom: 64px;
        margin-top: 32px
    }
    .Pricing-faqs {
        padding-bottom: 80px;
        padding-top: 80px
    }
    .Pricing-faqsGrid {
        margin-left: -32px;
        margin-right: -32px
    }
    .Pricing-faqsColumn {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (min-width: 1200px) {
    .Pricing-gridInner {
        margin-left: -4px;
        margin-right: -4px
    }
    .Pricing-gridItem {
        padding-left: 12px;
        padding-right: 12px
    }
    .Pricing-table {
        margin-top: 48px
    }
}

.ProductEmbed {
    max-width: 600px;
    width: 100%
}

.ProductEmbed-inner {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 1px;
    text-decoration: none
}

.ProductEmbed-inner:focus .ProductEmbed-action,
.ProductEmbed-inner:hover .ProductEmbed-action {
    background-color: #7a7a7a
}

.ProductEmbed-map {
    position: relative
}

.ProductEmbed-mapInner {
    background-color: #f4f4f4;
    display: block;
    overflow: hidden;
    position: relative
}

.ProductEmbed-mapInner::before {
    content: '';
    display: block;
    padding-bottom: 50%;
    width: 100%
}

.ProductEmbed-mapOverlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.ProductEmbed-title {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.ProductEmbed-meta {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375
}

.ProductEmbed-metaMaker {
    white-space: nowrap
}

.ProductEmbed-metaMedia {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.ProductEmbed-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 16px
}

.ProductEmbed-contentGrid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ProductEmbed-contentColumn {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.ProductEmbed-multiplePills {
    padding-bottom: 8px;
    padding-top: 16px
}

.ProductEmbed-copy {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.ProductEmbed-copy:not(:empty) {
    margin-top: 16px
}

.ProductEmbed-action {
    background-color: #a4a4a4;
    border: 1px solid #a4a4a4;
    border-radius: 16px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 20px;
    padding-bottom: 6.5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6.5px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.ProductEmbed-credits {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 24px
}

.ProductEmbed-wordmark {
    padding-left: 4px
}

.ProductEmbed-wordmarkMedia {
    fill: currentColor;
    height: 9.3px;
    width: 108px
}

@media (min-width: 375px) {
    .ProductEmbed-title {
        font-size: 20px
    }
}

@media (min-width: 480px) {
    .ProductEmbed-title {
        font-size: 24px
    }
    .ProductEmbed-multipleCertificates {
        padding-top: 8px
    }
    .ProductEmbed-multiplePills {
        padding-top: 16px
    }
}

@media (min-width: 520px) {
    .ProductEmbed-mapInner::before {
        padding-bottom: 260px
    }
    .ProductEmbed-contentColumn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 50%
    }
}

@media (min-width: 540px) {
    .ProductEmbed-contentGrid {
        padding-left: 8px;
        padding-right: 8px
    }
}

.ProductJourney-grid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.ProductJourney-summary {
    grid-column: span 2;
    position: relative
}

.ProductJourney-imageMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ProductJourney-mask {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background-image: linear-gradient(to bottom, transparent 0%, black 100%);
    bottom: 0;
    height: auto;
    left: 0;
    padding-bottom: 24px;
    padding-top: 48px;
    position: absolute;
    text-align: center;
    width: 100%
}

.ProductJourney-title {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.ProductJourney-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.ProductJourney-stages {
    border-top: 1px solid #e4e4e4;
    margin-top: 8px;
    padding-top: 16px
}

.ProductJourney-noStages {
    color: #7a7a7a
}

.ProductJourney-stage {
    padding-bottom: 12px
}

.ProductJourney-flexActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ProductJourney-flexAction {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 160px
}

.ProductJourney-flexAction:first-of-type {
    margin-right: 8px
}

.ProductJourney-flexAction:last-of-type {
    margin-left: 8px
}

@media (min-width: 640px) {
    .ProductJourney-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
    .ProductJourney-stages {
        grid-template-columns: 1fr 1fr
    }
    .ProductJourney-noStages {
        grid-column: 1 / span 2
    }
}

.ProductOrigin {
    margin-top: 48px;
    padding-left: 24px;
    padding-right: 24px
}

.ProductOrigin-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ProductOrigin-title::before,
.ProductOrigin-title::after {
    border-top: 1px solid #ccc;
    content: '';
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ProductOrigin-titleInner {
    border: 1px solid #ccc;
    border-radius: 16px;
    color: #7a7a7a;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 8px 16px;
    text-transform: uppercase
}

.ProductOrigin-grid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.ProductOrigin-makerAction {
    margin-top: 24px
}

.ProductOrigin-claimAction {
    color: #3d3d3d
}

.ProductOrigin-claimAction:visited {
    color: #3d3d3d
}

.ProductOrigin-claimAction:focus,
.ProductOrigin-claimAction:hover {
    color: #7a7a7a
}

.ProductOrigin-claimActionIcon {
    background-color: #99b9ae;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    color: #fff;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-weight: 700;
    height: 24px;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.ProductOrigin-claimActionText {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline
}

.ProductOrigin-claim {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    grid-column-end: -1;
    grid-column-start: 1
}

.ProductOrigin-claim.is-hidden {
    display: none
}

@media (min-width: 640px) {
    .ProductOrigin-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width: 768px) {
    .ProductOrigin {
        padding-left: 32px;
        padding-right: 32px
    }
}

.Product--modal {
    background-color: #fff
}

.Product--modal .Navbar-menu {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px
}

.Product--modal .Navbar-right {
    padding-right: 24px
}

.Product--modal .HeroHeader {
    padding-bottom: 16px;
    padding-top: 162px
}

.Product--modal .HeroHeader--withMedia::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))
}

.Product--modal .HeroHeader-title {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
}

.Product--modal .HeroHeader-media {
    padding-top: 0
}

.Product--modal .HeroHeader-mediaImage {
    margin-right: 8px
}

.Product--modal .HeroHeader-mediaContent {
    margin-top: 0;
    position: static
}

.Product--modal .HeroHeader-organisation {
    left: 24px;
    position: absolute;
    top: 8px
}

.Product--modal .HeroHeader-action {
    display: none
}

.Product--modal .Organization-details {
    font-size: 14px;
    max-width: 90px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
}

.Product--modal .Section:first-of-type {
    margin-top: 0
}

.Product--modal .Container,
.Product--modal .Product-container {
    max-width: 680px
}

.Product-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.Product-spacer {
    background-color: #e4e4e4;
    display: block;
    height: 1px;
    width: 100%
}

.Product-sectionText {
    max-width: 632px;
    padding-top: 24px
}

.Product-sectionCarousel {
    margin-right: -24px
}

.Product-sectionCarousel,
.Product-section--wide {
    max-width: none
}

.Product-mainActions {
    margin-bottom: -12px;
    margin-top: 16px
}

.Product-mainAction {
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 8px
}

.Product-searchForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Product-searchFormAction {
    font-weight: 700;
    margin-top: 16px
}

.Product-addNew {
    margin-top: 24px
}

.Product-ingredients {
    grid-column-end: -1;
    grid-column-start: 1
}

.Product-ingredientsMultiplePills {
    margin-top: 14px
}

.Product-ingredientsAction {
    margin-top: 26px
}

.Product-claims {
    margin-top: 24px
}

.ProductHeader+.Product-journey {
    margin-top: 0
}

.ProductHeader+.Product-journey .Product-spacer {
    display: none
}

.Product-journeyGrid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

.Product-journeyHelp {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: none;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    position: relative
}

.Product-journeyHelp::before {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #e4e4e4;
    border-top: 13px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.Product-journeyHelp::after {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.ProductHeader+.Product-stories {
    margin-top: 0
}

.ProductHeader+.Product-stories .Product-spacer {
    display: none
}

.Product-multipleStories {
    padding-top: 32px
}

.Product-storiesAction {
    margin-top: 24px
}

.ProductHeader+.Product-map {
    margin-top: 0
}

.ProductHeader+.Product-map .Product-spacer {
    display: none
}

.Product-mapInner {
    background-color: #f4f4f4;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 960px;
    overflow: hidden;
    position: relative
}

.Product-mapInner::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Product-mapSmallInner {
    margin-top: 16px
}

@media (min-width: 360px) {
    .Product--modal .Organization-details {
        max-width: 140px
    }
}

@media (min-width: 480px) {
    .Product-mapInner::before {
        padding-bottom: 66.6666%
    }
    .Product--modal .Organization-details {
        max-width: none
    }
}

@media (min-width: 640px) {
    .Product-journeyGrid {
        grid-template-columns: repeat(2, 1fr)
    }
    .Product-sectionCarousel {
        margin-right: 0
    }
    .Product-journeyHelp {
        display: block
    }
    .Product-mapInner::before {
        padding-bottom: 50%
    }
}

@media (min-width: 768px) {
    .Product-sectionText {
        padding-top: 32px
    }
    .Product-addNew {
        margin-top: 32px
    }
    .Product-journeyGrid {
        margin-top: 32px
    }
    .Product-searchForm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .Product-searchFormInput {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        margin-right: 24px;
        max-width: 360px
    }
    .Product-searchFormInput--narrow {
        margin-right: 8px
    }
    .Product-searchFormAction {
        margin-top: 0
    }
    .Product-map {
        margin-top: 32px
    }
    .Product-mapInner {
        margin-top: 32px
    }
    .Product-connectionsInner {
        margin-top: 32px
    }
    .Product--modal .Section:first-of-type {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .Product-sectionText {
        padding-top: 32px
    }
    .Product-description {
        margin-top: 48px
    }
    .Product-infoBoxes {
        margin-top: 16px
    }
    .Product-map {
        margin-top: 48px
    }
    .Product-mapSmallInner {
        margin-top: 24px
    }
    .Product-connectionsInner {
        margin-top: 48px
    }
    .Product--modal .Section:first-of-type {
        margin-top: 0
    }
}

.ProfileMore {
    background-color: #f9f9f9;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.ProfileMore-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.ProfileMore-title {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase
}

.ProfileMore-titleInner {
    color: #2a2a2a
}

.ProfileMore-titleInner:visited {
    color: #2a2a2a
}

.ProfileMore-titleInner:focus,
.ProfileMore-titleInner:hover {
    color: #666
}

.ProfileMore-paginator {
    margin-top: 24px
}

@media (min-width: 768px) {
    .ProfileMore {
        padding-bottom: 32px;
        padding-top: 32px
    }
    .ProfileMore-paginator {
        margin-top: 32px
    }
}

@media (min-width: 1200px) {
    .ProfileMore {
        padding-bottom: 48px
    }
    .ProfileMore-paginator {
        margin-top: 48px
    }
}

.Profile-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.Profile-section {
    margin-top: 24px
}

.Profile-spacer {
    background-color: #e4e4e4;
    display: block;
    height: 1px;
    width: 100%
}

.Profile-sectionText {
    max-width: 632px;
    padding-top: 24px
}

.Profile-viewMoreAction {
    margin-top: 24px;
    text-align: center
}

.Profile-viewMoreActionInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5
}

.Profile-viewMoreActionInner:visited {
    color: #2a2a2a
}

.Profile-viewMoreActionInner:focus,
.Profile-viewMoreActionInner:hover {
    color: #666
}

.Profile-paginator {
    margin-top: 24px
}

.Profile-mainActions {
    margin-bottom: -12px;
    margin-top: 16px
}

.Profile-mainAction {
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 8px
}

.Profile-factsList {
    list-style: none
}

.Profile-factsItem {
    color: #7a7a7a;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-top: 4px;
    text-transform: uppercase
}

.Profile-factsItem:not(:last-of-type)::after {
    content: '|';
    padding-left: 12px;
    padding-right: 8px
}

.Profile-bio {
    margin-top: 24px
}

.Profile-website {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em
}

.Profile-websiteInner {
    color: #2a2a2a
}

.Profile-websiteInner:visited {
    color: #2a2a2a
}

.Profile-websiteInner:hover,
.Profile-websiteInner:focus,
.Profile-websiteInner:active {
    color: #a4a4a4
}

.Profile-socialLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Profile-socialLabel {
    color: #7a7a7a
}

.Profile-socialLink {
    margin-top: 24px;
    padding-top: 4px;
    width: 100%
}

.Profile-socialLink:not(:last-of-type) {
    padding-right: 48px
}

.Profile-claims {
    padding-left: 24px;
    padding-right: 24px
}

.ProfileHeader+.Profile-claims {
    margin-top: 0
}

.ProfileHeader+.Profile-claims .Profile-spacer {
    display: none
}

.Profile-products {
    background-color: #f9f9f9;
    padding-bottom: 24px
}

.ProfileHeader+.Profile-products {
    margin-top: 0
}

.Profile-stories {
    margin-top: 0
}

.Profile-bio+.Profile-stories {
    margin-top: 24px
}

.Profile-bio+.Profile-stories .Profile-spacer {
    display: none
}

.Profile-infoBoxes+.Profile-stories,
.Profile-claims+.Profile-stories {
    margin-top: 24px
}

.Profile-products+.Profile-stories .Profile-spacer {
    display: none
}

.ProfileHeader+.Profile-posts {
    margin-top: 0
}

.ProfileHeader+.Profile-posts .Profile-spacer {
    display: none
}

.Profile-products+.Profile-posts {
    margin-top: 0
}

.Profile-products+.Profile-posts .Profile-spacer {
    display: none
}

.ProfileHeader+.Profile-map {
    margin-top: 0
}

.ProfileHeader+.Profile-map .Profile-spacer {
    display: none
}

.Profile-products+.Profile-map .Profile-spacer {
    display: none
}

.Profile-name {
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.25
}

.Profile-location {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-top: 8px
}

.Profile-bioPhoto {
    border: solid 2px #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    height: auto;
    width: 100%
}

.Profile-bioPhotoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Profile-bioCopy p {
    font-family: "Calibre", serif;
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 2px
}

.Profile-bioCopy *+* {
    margin-top: 31px
}

.Profile-bioCopy br {
    margin-top: 0
}

.Profile-locationMedia {
    fill: #7a7a7a;
    height: 11px;
    width: 11px
}

.Profile-connections {
    padding-left: 24px;
    padding-right: 24px
}

.Profile-products+.Profile-connections .Profile-spacer {
    display: none
}

@media (min-width: 640px) {
    .Profile-bioPhoto {
        max-height: 280px;
        max-width: 280px
    }
    .Profile-bioPhotoWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .Profile-socialLink {
        width: auto
    }
}

@media (min-width: 768px) {
    .Profile-viewMoreAction {
        margin-top: 32px
    }
    .Profile-sectionText {
        padding-top: 32px
    }
    .Profile-paginator {
        margin-top: 32px
    }
    .Profile-bioGrid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .Profile-products {
        padding-bottom: 32px
    }
    .Profile-stories {
        margin-top: 0
    }
    .Profile-bio+.Profile-stories {
        margin-top: 32px
    }
    .Profile-addNewAsset {
        margin-top: 32px
    }
    .Profile-connections {
        margin-top: 32px
    }
}

@media (min-width: 1200px) {
    .Profile-viewMoreAction {
        margin-top: 48px
    }
    .Profile-sectionText {
        padding-top: 48px
    }
    .Profile-paginator {
        margin-top: 48px
    }
    .ProfileHeader+.Profile-bio {
        margin-top: 48px
    }
    .Profile-infoBoxes {
        margin-top: 16px
    }
    .Profile-infoBoxes+.Profile-infoBoxes {
        margin-top: 0
    }
    .Profile-products {
        padding-bottom: 48px
    }
    .Profile-multipleProducts:first-child {
        padding-top: 16px
    }
    .Profile-stories {
        margin-top: 0
    }
    .Profile-bio+.Profile-stories {
        margin-top: 16px
    }
    .Profile-infoBoxes+.Profile-stories,
    .Profile-claims+.Profile-stories {
        margin-top: 32px
    }
    .Profile-spacer+.Profile-multipleStories {
        padding-top: 16px
    }
    .Profile-spacer+.Profile-multiplePosts {
        padding-top: 16px
    }
    .Profile-connections {
        margin-top: 48px
    }
    .Profile-connectionsInner {
        margin-top: 48px
    }
    .Profile-instagramConnect {
        margin-top: 48px
    }
}

.Scheme-spacer {
    background-color: #e4e4e4;
    display: none;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    width: 100%
}

.Scheme-bio {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 632px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: center
}

.Scheme-multipleInfoBoxes {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.Scheme-blockTitle {
    padding-left: 24px;
    padding-right: 24px
}

.Scheme-map {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Scheme-map .Scheme-spacer {
    display: block
}

.Scheme-mapInner {
    background-color: #f4f4f4;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 960px;
    overflow: hidden;
    position: relative
}

.Scheme-mapInner::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Scheme-users {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Scheme-users .Scheme-spacer {
    display: block
}

.Scheme-users.is-hidden {
    display: none
}

.Scheme-usersInner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 960px
}

.Scheme-usersTitle {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Scheme-collaboratorList {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.Scheme-contentAuthor {
    margin-top: 24px
}

@media (min-width: 480px) {
    .Scheme-mapInner::before {
        padding-bottom: 66.6666%
    }
}

@media (min-width: 640px) {
    .Scheme-mapInner::before {
        padding-bottom: 50%
    }
}

@media (min-width: 768px) {
    .Scheme-bio {
        margin-top: 32px
    }
    .Scheme-infoBoxes {
        margin-top: 0
    }
    .Scheme-map {
        margin-top: 32px
    }
    .Scheme-mapInner {
        margin-top: 32px
    }
    .Scheme-users {
        margin-top: 32px
    }
    .Scheme-usersInner {
        margin-top: 32px
    }
    .Scheme-contentAuthor {
        margin-top: 32px
    }
}

@media (min-width: 1200px) {
    .Scheme-bio {
        margin-top: 48px
    }
    .Scheme-map {
        margin-top: 48px
    }
    .Scheme-mapInner {
        margin-top: 48px
    }
    .Scheme-users {
        margin-top: 48px
    }
    .Scheme-usersInner {
        margin-top: 48px
    }
    .Scheme-contentAuthor {
        margin-top: 48px
    }
}

.SingleCertificate {
    padding-bottom: 8px;
    position: relative
}

.SingleCertificate--clickable {
    cursor: help
}

.SingleCertificate--clickable.is-active::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #a4a4a4;
    bottom: -6px;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1
}

.SingleCertificate-image {
    height: 96px;
    width: 96px
}

.SingleCertificate-image--small {
    height: 66px;
    width: 66px
}

.SingleCertificate-imageMedia {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 100%;
    opacity: 0.5;
    width: 100%
}

.SingleCertificate-status {
    color: #a4a4a4;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 2px;
    text-align: center
}

.SingleCertificate-status span {
    text-decoration: underline
}

.SingleCertificate-status--notVerified {
    display: block
}

.SingleCertificate-status--verified {
    color: #2a2a2a;
    display: none
}

.SingleCertificate-tick {
    background-color: #99b9ae;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px 0 #ccc;
    box-shadow: 0 0 2px 0 #ccc;
    display: inline-block;
    fill: #fff;
    height: 20px;
    padding: 3px;
    vertical-align: middle;
    width: 20px
}

.SingleClaim {
    background-color: #f4f4f4;
    padding: 24px
}

.SingleClaim-grid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr
}

.SingleClaim-photo {
    position: relative
}

.SingleClaim-photoMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SingleClaim-map {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    display: block;
    grid-column-end: -1;
    grid-column-start: 1;
    overflow: hidden;
    position: relative
}

.SingleClaim-map::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.SingleClaim-action {
    grid-column-end: -1;
    grid-column-start: 1
}

@media (min-width: 480px) {
    .SingleClaim-map::before {
        padding-bottom: 66.6666%
    }
}

@media (min-width: 640px) {
    .SingleClaim-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .SingleClaim-copy {
        grid-column: span 2
    }
    .SingleClaim-photo {
        grid-column: span 3
    }
    .SingleClaim-photo+.SingleClaim-map {
        grid-column: span 3
    }
    .SingleClaim-map::before {
        padding-bottom: 50%
    }
}

.SingleEvidence {
    background-color: #f4f4f4;
    padding: 16px
}

.SingleEvidence-description {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400
}

.SingleEvidence-url {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.SingleEvidence-urlInner {
    color: #2a2a2a;
    text-decoration: none
}

.SingleEvidence-urlInner:visited {
    color: #2a2a2a
}

.SingleEvidence-urlInner:focus,
.SingleEvidence-urlInner:hover {
    color: #666
}

.SingleEvidence-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SingleEvidence-flexPhoto {
    padding-right: 8px;
    width: calc(2 / 3 * 100%)
}

.SingleEvidence-flexCopy {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 8px
}

.SingleEvidence-flexIcon {
    padding-right: 8px;
    width: 88px
}

.SingleEvidence-photo {
    position: relative
}

.SingleEvidence-photoMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SingleEvidence-documentIcon {
    height: 80px;
    width: 80px
}

.SingleInfoBox {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    padding-top: 24px;
    -webkit-tap-highlight-color: transparent
}

.SingleInfoBox--certs {
    padding-left: 0;
    padding-right: 0
}

.SingleInfoBox--story,
.SingleInfoBox--map {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.SingleInfoBox--noPadding .SingleInfoBox-copy {
    padding-left: 24px;
    padding-right: 24px
}

.SingleInfoBox-copy--center {
    text-align: center
}

.SingleInfoBox-copy--maxWidth {
    max-width: 480px
}

.SingleInfoBox-wrapper {
    max-height: 156px;
    overflow: hidden
}

.SingleInfoBox-wrapper.is-expanded,
.no-js .SingleInfoBox-wrapper {
    max-height: none
}

.SingleInfoBox-showMore {
    display: none
}

.SingleInfoBox-showMore.is-visible {
    background-color: #fff;
    display: block;
    padding-top: 12px
}

.SingleInfoBox-showMoreInner {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    padding: 6px 8px;
    text-decoration: underline
}

.SingleInfoBox-showMoreInner:visited {
    color: #2a2a2a
}

.SingleInfoBox-showMoreInner:active,
.SingleInfoBox-showMoreInner:focus,
.SingleInfoBox-showMoreInner:hover {
    color: #666
}

.SingleInfoBox-loading.is-hidden {
    display: none
}

.SingleInfoBox-map {
    margin-top: 24px
}

.SingleInfoBox-story {
    margin-top: 24px
}

.SingleInfoBox-action {
    margin-top: 24px
}

.SingleInfoBox-addNewValue {
    margin-top: 24px
}

.SingleInfoBox-multiplePills {
    padding-bottom: 5px;
    padding-top: 14px
}

.SingleInfoBox-multipleCertificates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px
}

.SingleInfoBox-multipleCertificates.is-hidden {
    display: none
}

.SingleInfoBox-multipleSchemes {
    padding-top: 8px
}

.SingleInfoBox-multipleProducers.is-hidden {
    display: none
}

@media (min-width: 768px) {
    .SingleInfoBox {
        padding-top: 32px
    }
}

.SinglePillInfo {
    padding-bottom: 8px;
    padding-top: 16px
}

.SinglePillInfo-copy {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400
}

.SinglePill {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #a4a4a4;
    border-radius: 16px;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.SinglePill--withInfo {
    cursor: pointer;
    padding: 0
}

.SinglePill--withInfo.is-active::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #a4a4a4;
    bottom: -7px;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1
}

.SinglePill-name {
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 6px;
    white-space: nowrap
}

.SinglePill-toggle {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 18px;
    margin-right: 6px;
    width: 18px
}

.SinglePill-toggle:focus {
    outline: none
}

.SinglePill-toggleInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.SinglePost.is-hover .SinglePost-mask {
    opacity: 1;
    visibility: visible
}

.SinglePost-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.SinglePost-inner--placeholder {
    border: 1px dashed #ccc;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SinglePost-media {
    height: auto;
    width: 100%
}

.SinglePost-mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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;
    width: 100%
}

.SinglePost-mask--richHovers {
    background-color: rgba(0, 0, 0, 0.5)
}

.SinglePost-mask--storyHovers {
    background-color: rgba(0, 0, 0, 0.5)
}

.SinglePost-mask--simpleHovers {
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 48px, rgba(0, 0, 0, 0.75) 100%);
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding-top: 48px;
    top: auto
}

.SinglePost-maskInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SinglePost-richHovers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    width: 100%
}

.SinglePost-simpleHovers {
    padding-bottom: 16px;
    text-align: center;
    visibility: hidden
}

.SinglePost-simpleHovers p+p {
    margin-top: 8px
}

.SinglePost-story {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px
}

.SinglePost-storyImage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 64px;
    width: 64px
}

.SinglePost-storyDetails {
    margin-bottom: auto;
    padding-left: 16px
}

.SinglePost-storyIntro {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.SinglePost-storyName {
    color: #fff;
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.25
}

.SinglePost-storyNameInner {
    color: #fff;
    position: relative;
    text-decoration: none
}

.SinglePost-storyNameInner:visited {
    color: #fff
}

.SinglePost-storyNumberPosts {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px
}

.SinglePost-storyNumberPostsMedia {
    fill: currentColor;
    height: 12px;
    width: 12px
}

.SinglePost-caption {
    color: #fff;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 16px;
    padding-right: 16px
}

.SinglePost-caption--paddingTop {
    padding-top: 16px
}

.SinglePost-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding: 16px
}

.SinglePost-userAvatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px;
    margin-right: 16px;
    width: 44px
}

.SinglePost-userDetails {
    margin-bottom: auto;
    margin-top: auto
}

.SinglePost-userDetails p+p {
    margin-top: 4px
}

.SinglePost-userIntro {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700
}

.SinglePost-userName {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.SinglePost-userNameInner {
    color: #fff;
    position: relative;
    text-decoration: none
}

.SinglePost-userNameInner:visited {
    color: #fff
}

.SinglePost-location {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375
}

.SinglePost-locationMedia {
    fill: #fff;
    height: 12px;
    width: 12px
}

.SinglePost-checkbox {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.SinglePost-checkbox:checked~.SinglePost-tick {
    opacity: 1;
    visibility: visible
}

.SinglePost-tick {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.SinglePost-tickMedia {
    fill: #3b2d51;
    margin: auto
}

.SinglePost-distance {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

@media (min-width: 600px) {
    .SinglePost-simpleHovers {
        visibility: visible
    }
}

@media (min-width: 960px) {
    .SinglePost-richHovers {
        visibility: visible
    }
    .SinglePost-caption {
        font-size: 16px
    }
}

.SingleProductWide-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SingleProductWide-largeImage {
    display: none
}

.SingleProductWide-smallImage {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 96px;
    margin-right: 16px;
    width: 96px
}

.SingleProductWide-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.SingleProductWide-imageInner {
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    display: block;
    -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.SingleProductWide-imageInner:active,
.SingleProductWide-imageInner:focus,
.SingleProductWide-imageInner:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.SingleProductWide-imageInner.is-placeholder {
    border: 1px dashed #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.SingleProductWide-imageInner.is-placeholder:hover,
.SingleProductWide-imageInner.is-placeholder:focus,
.SingleProductWide-imageInner.is-placeholder:active {
    border: 1px dashed #666;
    -webkit-box-shadow: none;
    box-shadow: none
}

.SingleProductWide-imageMedia {
    background-color: #f4f4f4;
    height: auto;
    width: 100%
}

.SingleProductWide-placeholder {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.SingleProductWide-title {
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.375
}

.SingleProductWide-titleInner {
    color: #2a2a2a;
    text-decoration: none
}

.SingleProductWide-titleInner:visited {
    color: #2a2a2a
}

.SingleProductWide-titleInner:hover,
.SingleProductWide-titleInner:focus,
.SingleProductWide-titleInner:active {
    color: #666
}

.SingleProductWide-description {
    margin-top: 8px
}

@media (min-width: 480px) {
    .SingleProductWide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .SingleProductWide-largeImage {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 160px;
        margin-right: 16px;
        width: 160px
    }
    .SingleProductWide-smallImage {
        display: none
    }
}

@media (min-width: 768px) {
    .SingleProductWide-largeImage {
        margin-right: 24px
    }
    .SingleProductWide-title {
        font-size: 25px
    }
}

.SingleProduct-inner {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #2a2a2a;
    display: block;
    padding-bottom: 24px;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.SingleProduct-inner:visited {
    color: #2a2a2a
}

.SingleProduct-inner:focus,
.SingleProduct-inner:hover {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    color: #666
}

.SingleProduct-imageMedia {
    background-color: #f4f4f4;
    height: auto;
    width: 100%
}

.SingleProduct-placeholder {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.SingleProduct-title {
    border-top: 1px solid #e4e4e4;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.SingleProduct-info {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.SingleScheme {
    padding-bottom: 8px;
    position: relative
}

.SingleMark-image {
    height: 96px;
    width: 96px
}

.SingleMark-imageMedia {
    height: 100%;
    width: 100%
}

.SingleStoryCollaborator-avatar {
    height: 102px;
    margin-left: auto;
    margin-right: auto;
    width: 102px
}

.SingleStoryCollaborator-avatarInner {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    display: block
}

.SingleStoryCollaborator-avatarInner:focus,
.SingleStoryCollaborator-avatarInner:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.SingleStoryCollaborator-avatarInner--default {
    border: 1px dashed #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.SingleStoryCollaborator-avatarInner--default:focus,
.SingleStoryCollaborator-avatarInner--default:hover {
    border: 1px dashed #525252;
    -webkit-box-shadow: none;
    box-shadow: none
}

.SingleStoryCollaborator-avatarInner--default:focus .Action,
.SingleStoryCollaborator-avatarInner--default:hover .Action {
    background: #f07274
}

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

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

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

.SingleStory-inner {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #2a2a2a;
    display: block;
    padding-bottom: 24px;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.SingleStory-inner:visited {
    color: #2a2a2a
}

.SingleStory-inner:focus,
.SingleStory-inner:hover {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    color: #666
}

.SingleProduct-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit
}

.SingleStory-imageMedia {
    background-color: #f4f4f4;
    height: auto;
    width: 100%
}

.SingleStory-placeholder {
    background-color: #f4f4f4;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.SingleStory-title {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.SingleStory-location {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px
}

.SingleStory-flag {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.SingleStory-info {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.StoryPickType-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: -16px;
    padding-right: -16px
}

.StoryPickType-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center;
    width: 100%
}

.StoryPickType-itemInner {
    color: #2a2a2a;
    display: block;
    text-decoration: none
}

.StoryPickType-itemInner:visited {
    color: #2a2a2a
}

.StoryPickType-itemInner:active,
.StoryPickType-itemInner:focus,
.StoryPickType-itemInner:hover {
    color: #7a7a7a
}

.StoryPickType-itemInner:active .StoryPickType-itemIconMedia,
.StoryPickType-itemInner:focus .StoryPickType-itemIconMedia,
.StoryPickType-itemInner:hover .StoryPickType-itemIconMedia {
    color: #a4a4a4;
    fill: #a4a4a4
}

.StoryPickType-itemInner.is-disabled {
    color: #7a7a7a
}

.StoryPickType-itemInner.is-disabled .StoryPickType-itemIconMedia {
    color: #a4a4a4;
    fill: #a4a4a4
}

.StoryPickType-itemIconMedia {
    color: #7a7a7a;
    fill: #7a7a7a
}

.StoryPickType-copy {
    margin-top: 16px
}

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

@media (min-width: 960px) {
    .StoryPickType-list {
        margin-top: 8px
    }
    .StoryPickType-item {
        width: 50%
    }
    .StoryPickType-actions {
        margin-top: 32px
    }
}

.StoryStage-info {
    padding-top: 32px;
    text-align: center
}

.StoryStage-info::before {
    border-top: 1px solid #a4a4a4;
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    position: relative;
    top: 16px;
    width: 100%
}

.StoryStage-circle {
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 160px
}

.StoryStage-circleInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 32px
}

.StoryStage-number {
    color: #a4a4a4;
    cursor: default;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.StoryStage-title {
    margin-top: 32px;
    text-align: center
}

.StoryStage-heroOuter {
    margin-left: -24px;
    margin-right: -24px
}

.StoryStage-hero {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px
}

.StoryStage-hero.is-hover .StoryStage-heroMask {
    opacity: 1;
    visibility: visible
}

.StoryStage-heroMask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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;
    width: 100%
}

.StoryStage-heroMask--collaboratorHovers {
    background-color: rgba(0, 0, 0, 0.5)
}

.StoryStage-heroMask--simpleHovers {
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 48px, rgba(0, 0, 0, 0.75) 100%);
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding-top: 48px;
    top: auto
}

.StoryStage-heroContainer {
    background-color: #f4f4f4;
    position: relative
}

.StoryStage-heroInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.StoryStage-heroMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.StoryStage-heroMedia.is-lazyLoaded {
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1)
}

.StoryStage-heroMaskInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.StoryStage-heroCollaboratorHovers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    visibility: hidden
}

.StoryStage-heroSimpleHovers {
    padding-bottom: 16px;
    text-align: center;
    visibility: hidden
}

.StoryStage-heroSimpleHovers .StoryStage-heroLocation {
    margin-top: 12px
}

.StoryStage-heroCaption {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.StoryStage-heroCaption--paddingTop {
    padding-top: 24px
}

.StoryStage-heroCollaborator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.StoryStage-heroAvatar {
    height: 64px;
    width: 64px
}

.StoryStage-heroDetails {
    margin-bottom: auto;
    margin-top: auto;
    padding-left: 24px
}

.StoryStage-heroDetails p+p {
    margin-top: 8px
}

.StoryStage-heroIntro {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700
}

.StoryStage-heroName {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.StoryStage-heroNameInner {
    color: #fff;
    position: relative;
    text-decoration: none
}

.StoryStage-heroNameInner:visited {
    color: #fff
}

.StoryStage-heroLocation {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375
}

.StoryStage-heroLocationMedia {
    fill: #fff;
    height: 11px;
    width: 11px
}

.StoryStage-description {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 600px;
    text-align: center
}

.StoryStage-collaboratorsSubTitle {
    margin-top: 32px;
    text-align: center
}

.StoryStage-collaboratorsSubTitle--editMode {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.StoryStage-collaboratorsSubTitle--editMode.is-visible,
.no-js .StoryStage-collaboratorsSubTitle--editMode {
    margin-top: 32px;
    max-height: 21px;
    opacity: 1;
    visibility: visible
}

.StoryStage-action {
    margin-bottom: 0;
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.StoryStage-action.is-transitionFree {
    -webkit-transition: none;
    transition: none
}

.StoryStage-action.is-visible,
.no-js .StoryStage-action {
    margin-bottom: 48px;
    margin-top: 32px;
    max-height: 44px;
    opacity: 1;
    visibility: visible
}

.StoryStage-addPhoto {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 0;
    max-width: 0;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.StoryStage-addPhoto.is-visible,
.no-js .StoryStage-addPhoto {
    margin-top: 24px;
    max-height: 344px;
    max-width: 344px;
    min-width: 224px;
    opacity: 1;
    padding-left: 12px;
    padding-right: 12px;
    visibility: visible
}

.StoryStage-addPhotoBig {
    margin-left: auto;
    margin-right: auto;
    max-height: 0;
    max-width: 720px;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.StoryStage-addPhotoBig.is-visible,
.no-js .StoryStage-addPhotoBig {
    margin-top: 32px;
    max-height: 320px;
    opacity: 1;
    visibility: visible
}

.StoryStage-addPhotoInner {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    display: block;
    max-height: 320px;
    overflow: hidden;
    position: relative
}

.StoryStage-addPhotoInner::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.StoryStage-addPhotoInner:hover,
.StoryStage-addPhotoInner:focus,
.StoryStage-addPhotoInner:active {
    border: 1px dashed #2a2a2a
}

.StoryStage-addPhotoInner:hover .Action,
.StoryStage-addPhotoInner:focus .Action,
.StoryStage-addPhotoInner:active .Action {
    background-color: #f07274
}

.StoryStage-addPhotoAction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width: 480px) {
    .StoryStage-addPhoto {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }
}

@media (min-width: 600px) {
    .StoryStage-heroSimpleHovers {
        visibility: visible
    }
}

@media (min-width: 640px) {
    .StoryStage-addPhoto {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }
}

@media (min-width: 768px) {
    .StoryStage-addPhoto {
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%
    }
    .StoryStage-addPhoto.is-visible,
    .no-js .StoryStage-addPhoto {
        margin-top: 32px;
        max-width: 352px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 960px) {
    .StoryStage-heroCollaboratorHovers {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .StoryStage-info {
        padding-top: 48px
    }
    .StoryStage-description {
        margin-top: 32px
    }
    .StoryStage-hero {
        margin-top: 48px
    }
    .StoryStage-collaboratorsSubTitle {
        margin-top: 48px
    }
    .StoryStage-collaboratorsSubTitle--editMode {
        margin-top: 0
    }
    .StoryStage-collaboratorsSubTitle--editMode.is-visible,
    .no-js .StoryStage-collaboratorsSubTitle--editMode {
        margin-top: 48px
    }
    .StoryStage-action.is-visible,
    .no-js .StoryStage-action {
        margin-top: 48px
    }
    .StoryStage-addPhotoBig.is-visible,
    .no-js .StoryStage-addPhotoBig {
        margin-top: 48px
    }
}

.Story {
    background-color: #2a2a2a
}

.Story--modal {
    background-color: #fff;
    overflow-y: auto
}

.Story-backAction {
    margin-top: 2px;
    text-align: center
}

.Story-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 800px;
    min-height: 480px;
    position: relative
}

.Story-headerBackground {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    max-height: 800px;
    min-height: 480px;
    position: absolute;
    top: 0;
    width: 100vw
}

.Story-headerBackground::after {
    background: rgba(0, 0, 0, 0.4);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Story-headerBackgroundLink {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.Story-headerContent {
    margin-bottom: auto;
    margin-top: auto;
    padding-top: 64px;
    position: relative
}

.Story-title {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

.Story--modal .Story-title {
    margin-top: 32px
}

.Story--modal .Story-backAction+.Story-title {
    margin-top: 22px
}

.Story-headerContentAuthor {
    margin-top: 24px
}

.Story-headerContentAuthor .Story-headerContentAuthorAnchor {
    position: relative;
    z-index: 2
}

.Story-lastUpdated {
    margin-top: 16px;
    text-align: center
}

.Story-location {
    margin-top: 16px;
    padding-bottom: 16px;
    position: relative;
    text-align: center
}

.Story-locationCopy {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.375;
    text-transform: capitalize
}

.Story-locationMedia {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Story-content {
    background-color: #fff;
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

.Story-flash {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.Story-flash.is-hidden {
    display: none
}

.Story-mainActions {
    margin-bottom: -12px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    text-align: center
}

.Story-mainAction {
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 4px;
    margin-right: 4px
}

.Story-products {
    background-color: #f4f4f4;
    margin-left: -24px;
    margin-right: -24px;
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px
}

.Story-addProductsOuter {
    background-color: #f4f4f4;
    margin-left: -24px;
    margin-right: -24px;
    max-height: 0;
    opacity: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Story-addProductsOuter.is-visible,
.no-js .Story-addProductsOuter {
    max-height: 420px;
    opacity: 1;
    visibility: visible
}

.Story-addProducts {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    padding-bottom: 32px;
    padding-top: 32px
}

.Story-addProductsInner {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    display: block;
    overflow: hidden;
    position: relative
}

.Story-addProductsInner::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Story-addProductsInner:hover,
.Story-addProductsInner:focus,
.Story-addProductsInner:active {
    border: 1px dashed #2a2a2a
}

.Story-addProductsInner:hover .Action,
.Story-addProductsInner:focus .Action,
.Story-addProductsInner:active .Action {
    background-color: #f07274
}

.Story-addProductsAction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Story-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-top: 32px;
    text-align: center
}

.Story-action {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-height: 0;
    max-width: 320px;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Story-action.is-transitionFree {
    -webkit-transition: none;
    transition: none
}

.Story-action.is-visible,
.no-js .Story-action {
    margin-top: 32px;
    max-height: 44px;
    opacity: 1;
    visibility: visible
}

.Story-action--canvas {
    visibility: hidden
}

.Story-action--canvas.is-visible,
.no-js .Story-action--canvas {
    visibility: visible
}

.Story-stageAdd {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Story-stageAdd.is-transitionFree {
    -webkit-transition: none;
    transition: none
}

.Story-stageAdd.is-visible,
.no-js .Story-stageAdd {
    margin-top: 32px;
    max-height: 480px;
    opacity: 1;
    visibility: visible
}

.Story-stageInfo {
    margin-bottom: 32px;
    text-align: center
}

.Story-stageInfo::before {
    border-top: 1px solid #a4a4a4;
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    position: relative;
    top: 5px;
    width: 100%
}

.Story-stageSeparator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Story-stageSeparatorMedia {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.Story-stageSeparatorMedia .line {
    fill: none;
    stroke: #a4a4a4
}

.Story-stageSeparatorMedia .circle {
    fill: #fff;
    stroke: #a4a4a4
}

.Story-stageCircle {
    background-color: #fff;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 160px
}

.Story-stageCircleInner {
    background-color: #fff;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 32px
}

.Story-stageNumber {
    color: #a4a4a4;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: auto
}

.Story-stageAddAction {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 320px;
    max-width: 720px;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.Story-stageAddAction::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Story-stageAddAction:hover,
.Story-stageAddAction:focus,
.Story-stageAddAction:active {
    border: 1px dashed #2a2a2a
}

.Story-stageAddAction:hover .Action,
.Story-stageAddAction:focus .Action,
.Story-stageAddAction:active .Action {
    background-color: #f07274
}

.Story-stageAddActionInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Story-contentAuthor {
    margin-top: 32px
}

.Story-map {
    margin-top: 32px
}

.Story-mapBlockTitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px
}

.Story-mapInner {
    background-color: #f4f4f4;
    display: block;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 32px;
    overflow: hidden;
    position: relative
}

.Story-mapInner::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Story-footer {
    background-color: #f4f4f4;
    margin-left: -24px;
    margin-right: -24px;
    max-height: 0;
    opacity: 0;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Story-footer.is-transitionFree {
    -webkit-transition: none;
    transition: none
}

.Story-footer.is-visible,
.no-js .Story-footer {
    margin-top: 32px;
    max-height: 150px;
    opacity: 1;
    padding-bottom: 32px;
    padding-top: 32px;
    visibility: visible
}

@media (min-height: 480px) and (min-width: 480px) {
    .Story-header {
        min-height: 100vmin
    }
}

@media (min-height: 800px) and (min-width: 800px) {
    .Story-header {
        min-height: 800px
    }
}

@media (min-width: 480px) {
    .Story-mapInner::before {
        padding-bottom: 66.6666%
    }
}

@media (min-width: 640px) {
    .Story-mapInner::before {
        padding-bottom: 50%
    }
}

@media (min-width: 720px) {
    .Story-heroOuter {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 960px) {
    .Story::after {
        content: 'desktop-viewport';
        display: none
    }
}

@media (min-width: 1200px) {
    .Story-description {
        padding-top: 48px
    }
    .Story-products {
        padding-bottom: 48px;
        padding-top: 48px
    }
    .Story-addProducts {
        padding-bottom: 48px;
        padding-top: 48px
    }
    .Story-stageAdd.is-visible,
    .no-js .Story-stageAdd {
        margin-top: 48px
    }
    .Story-stageInfo {
        margin-bottom: 48px
    }
    .Story-map {
        margin-top: 48px
    }
    .Story-contentAuthor {
        margin-top: 48px
    }
    .Story-footer.is-visible,
    .no-js .Story-footer {
        margin-top: 48px
    }
}

.StyleGuide-fontSerif {
    font-family: "Calibre", serif;
    font-weight: 400;
    line-height: 1.5
}

.StyleGuide-fontSans {
    font-family: "Calibre", sans-serif;
    font-weight: 400;
    line-height: 1.5
}

.ToolsModal {
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
    height: 100%;
    left: 0;
    -webkit-overflow-scrolling: auto;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.ToolsModal.is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ToolsModal-inner {
    margin: auto;
    max-width: 800px;
    width: 100%
}

.ToolsModal-content {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    background-color: #fff;
    border-radius: 4px;
    margin: 16px;
    position: relative
}

.ToolsModal-body {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px
}

.ToolsModal-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    text-align: center
}

.ToolsModal-copy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 440px;
    text-align: center
}

.ToolsModal-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 600px
}

.ToolsModal-image--button {
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 320px
}

.ToolsModal-imageInner {
    position: relative
}

.ToolsModal-imageInner--stickers {
    padding-top: 55%
}

.ToolsModal-imageInner--button {
    padding-top: 25.5%
}

.ToolsModal-imageInner--buttonImage {
    padding-top: 56.17%
}

.ToolsModal-imageInner--buttonCerts {
    padding-top: 56.1%
}

.ToolsModal-imageMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

.ToolsModal-close {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 320px;
    padding-bottom: 24px
}

.Tools-header {
    background-color: #f9f9f9;
    min-height: 186px;
    overflow: auto;
    padding: 24px
}

.Tools-header--inner {
    margin: 0 auto;
    max-width: 960px
}

.Tools-title {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 40px;
    font-weight: 500;
    margin-top: 40px
}

.Tools-intro {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 8px
}

.Tools-section {
    padding: 24px
}

.Tools-section--greyLightest {
    background-color: #f9f9f9
}

.Tools-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px
}

.Tools-container--ruled {
    border-top: 1px solid #ccc;
    padding-top: 32px
}

.Tools-blockTitle {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-transform: uppercase
}

.Tools-emptyTitle {
    color: #7a7a7a
}

.Tools-hint {
    margin-top: 24px;
    max-width: 632px
}

.Tools-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-top: 16px
}

.Tools-cell {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Tools-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.Tools-summaryImage {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 320px;
    padding-bottom: 24px;
    padding-top: 24px;
    width: 100%
}

.Tools-summary--labels .Tools-summaryImage {
    max-width: 480px
}

.Tools-summaryImageInner {
    position: relative
}

.Tools-summaryImageInner--story {
    padding-top: 77.5%
}

.Tools-summaryImageInner--product {
    padding-top: 77.5%
}

.Tools-summaryImageInner--stickers {
    padding-top: 54.4%
}

.Tools-summaryImageInner--button {
    padding-top: 25.5%
}

.Tools-summaryImageMedia {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Tools-summaryAction {
    margin-top: 24px;
    min-height: 44px
}

@media (min-width: 768px) {
    .Tools-header {
        padding: 32px
    }
    .Tools-grid {
        grid-column-gap: 32px;
        grid-template-columns: repeat(6, 1fr)
    }
    .Tools-col--two {
        grid-column: span 3
    }
    .Tools-col--three {
        grid-column: span 2
    }
    .Tools-col--twoTablet {
        grid-column: span 3
    }
    .Tools-summaryCopy p {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 960px) {
    .Tools-col--twoTablet {
        grid-column: span 2
    }
}

@media (min-width: 1200px) {
    .Tools-header {
        padding: 48px
    }
}

.Whitepaper-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2f3a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 320px;
    position: relative
}

.Whitepaper-headerInner {
    max-width: 752px;
    padding-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 80px;
    text-align: center
}

.Whitepaper-title {
    position: relative
}

.Whitepaper-headerDate {
    bottom: 16px;
    left: 16px;
    opacity: 0.75;
    position: absolute;
    right: 16px;
    text-align: center
}

.Whitepaper-particles {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Whitepaper-section--navy {
    background-color: #2f3a4a
}

.Whitepaper-sectionInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 752px;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 40px
}

.Whitepaper-sectionInner--last {
    padding-bottom: 16px
}

.Whitepaper-figure {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding-bottom: 16px
}

.Whitepaper-figureMedia {
    height: auto;
    width: 100%
}

.Whitepaper-figureCaption {
    color: #fff;
    font-family: "Calibre", serif;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 752px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

.Whitepaper-shareLinks {
    margin-bottom: 32px;
    margin-top: 32px
}

.Whitepaper-contact {
    margin-top: 32px
}

@media (min-width: 960px) {
    .Whitepaper-headerInner {
        padding-bottom: 128px;
        padding-top: 128px
    }
}

@media (min-width: 1200px) {
    .Whitepaper-sectionInner {
        padding-bottom: 64px;
        padding-top: 64px
    }
    .Whitepaper-sectionInner--last {
        padding-bottom: 16px
    }
    .Whitepaper-shareLinks {
        margin-bottom: 48px;
        margin-top: 48px
    }
    .Whitepaper-contact {
        margin-top: 48px
    }
}

.AboutCard {
    background-color: #fcfcfc;
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    height: 100%;
    margin: 0;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    opacity: 0;
    visibility: hidden
}

.AboutCard img {
    margin-top: 0.5rem;
    max-width: 100%
}

.AboutCard p {
    font-size: 14px;
    line-height: 1.5
}

.AboutCard>footer {
    font-size: 14px;
    text-align: center
}

.AboutCard>footer a {
    color: #2a2a2a
}

.AboutCard .ModalCard-content {
    padding: 1em 0.75em 0
}

.AboutCard .ModalCard-content>*+* {
    padding-top: 16px
}

.AboutCard,
.ClaimCard-header--about {
    border-radius: 0.25em 0.25em 0 0
}

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

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

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

.AboutCard--inJourney {
    max-width: 29em
}

.Action--primary {
    background-color: #3b2d51;
    border: 1px solid #3b2d51;
    display: inline-block;
    width: auto
}

.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
}

.Action--primaryAlt {
    background-color: #fff;
    border-color: #3b2d51;
    color: #3b2d51;
    display: inline-block;
    width: auto
}

.Action--primaryAlt:visited {
    color: #3b2d51
}

.Action--primaryAlt:focus,
.Action--primaryAlt:hover {
    background-color: #fff;
    border-color: #4d4262;
    color: #4d4262
}

.Action--primaryAlt[disabled],
.Action--primaryAlt.is-disabled {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: default
}

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

.Action--grow {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Action--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Action--noPadding {
    padding: 0
}

.Action--flushLeft {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 0
}

.Action--inline {
    display: inline
}

.Action--secondary {
    background-color: transparent;
    border-color: transparent;
    color: #3b2d51;
    letter-spacing: normal;
    text-decoration: underline;
    text-transform: none
}

.Action--secondary:visited {
    color: #3b2d51
}

.Action--secondary:focus,
.Action--secondary:hover {
    background-color: transparent;
    border-color: transparent;
    color: #4d4262;
    text-decoration: none
}

.Action--secondary[disabled],
.Action--secondary.is-disabled {
    background-color: transparent;
    border-color: transparent;
    color: #ccc
}

.Action--alert {
    background-color: #ee6265;
    border-color: #ee6265
}

.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
}

.Action--delete {
    color: #ee6265
}

.Action--delete:visited {
    color: #ee6265
}

.Action--delete:focus,
.Action--delete:hover {
    color: #f07274
}

.Action--delete[disabled],
.Action--delete.is-disabled {
    cursor: default
}

.Action--medium {
    font-size: 13px;
    line-height: 13px;
    padding: 8px
}

.Action--medium>svg {
    margin-right: 4px
}

.Action--circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(42, 42, 42, 0.4);
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px
}

.Action--circle>svg {
    max-width: 16px
}

.AddNew {
    background-color: #fff;
    border: 2px dashed #ccc;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 180px;
    text-decoration: none;
    -webkit-transition: border 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: border 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.AddNew:hover,
.AddNew:focus,
.AddNew:active {
    border-color: #3b2d51
}

.AddNew--disabled:hover,
.AddNew--disabled:focus,
.AddNew--disabled:active {
    border-color: #ccc
}

.AddNew--story {
    position: relative;
    height: calc(100% - 28px)
}

.AddNew--story::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.AddNew--founderPhoto {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto
}

.AddNew--founderPhoto::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.AddNew--founderPhoto::before {
    padding-bottom: 66.66%
}

.AddNew--journey {
    position: relative
}

.AddNew--journey::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.AddNew--journey::before {
    padding-bottom: 55.5556%
}

.AddNew--post {
    position: relative;
    min-height: auto
}

.AddNew--post::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.AddNew--journeyStage::before {
    display: none
}

.AddNew--productStory {
    position: relative;
    max-width: 464px
}

.AddNew--productStory::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.AddNew--productStory::before {
    padding-bottom: 56.25%
}

.AddNew--journeyCard {
    height: 387px;
    max-width: 278px
}

.AddNew--chooseProduct {
    margin-top: 40px;
    max-height: 334px
}

.AddNew--connection {
    max-width: 320px
}

.AddNew-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    text-align: center
}

.AddNew-inner--center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.AddNew-iconMedia {
    color: #3b2d51;
    fill: #3b2d51;
    height: 24px;
    width: 24px
}

.AddNew-iconMedia--grey {
    fill: #ccc
}

.AddNew-iconMedia--large {
    height: 80px;
    width: 80px
}

.AddNew-heading {
    color: #3b2d51;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 160px;
    text-align: center
}

.AddNew-copy {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 8px;
    text-align: center
}

.AddNew-action {
    margin-top: 24px
}

@media (min-width: 480px) {
    .AddNew-inner--story {
        padding-bottom: 24px;
        padding-top: 24px
    }
    .AddNew-inner--storyUpgrade {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

@media (min-width: 640px) {
    .AddNew-inner--storyUpgrade {
        padding-bottom: 64px;
        padding-top: 64px
    }
}

@media (min-width: 768px) {
    .AddNew--story::before {
        padding-bottom: calc(56.25% + 96px)
    }
}

@media (min-width: 960px) {
    .AddNew--story::before {
        padding-bottom: 56.25%
    }
}

.ActionGroup {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.ActionGroup *+* {
    margin-left: 16px
}

.Arrow {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 24px
}

.Arrow::before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    content: '';
    left: 0;
    position: absolute;
    top: 6px
}

.Arrow::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    content: '';
    left: 2px;
    position: absolute;
    top: 6px
}

.Arrow--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Arrow--right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Arrow--left {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Arrow--inverse::before {
    border-top: 12px solid #000
}

.Arrow--inverse::after {
    border-top: 10px solid #fff
}

.Avatar {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    height: 6em;
    position: relative;
    width: 6em
}

.Avatar.is-default {
    border: 1px dashed #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%
}

.Avatar--hover:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.Avatar--hover.is-default:hover {
    border: 1px dashed #525252;
    -webkit-box-shadow: none;
    box-shadow: none
}

.Avatar--hover.is-default:hover .Action {
    background-color: #f07274
}

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

.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 {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px 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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ccc;
    display: block
}

.Avatar-action {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.Avatar2 {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    position: relative
}

.Avatar2.is-default {
    border: 1px dashed #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%
}

.Avatar2--hover:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.Avatar2--hover.is-default:hover {
    border: 1px dashed #525252;
    -webkit-box-shadow: none;
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media (min-width: 480px) {
    .Avatar--xlarge {
        height: 10em;
        width: 10em
    }
    .Avatar--large {
        height: 7.5em;
        width: 7.5em
    }
}

.BrandPhrase {
    max-width: 15em;
    padding: 0.5em 0.25em;
    text-align: center;
    width: 100%
}

.BrandPhrase-poweredBy {
    color: #666;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 0.8125em;
    font-weight: 400;
    vertical-align: middle
}

.BrandPhrase-wordmark {
    display: inline-block;
    fill: #2a2a2a;
    height: 0.75em;
    margin-left: 0.25em;
    vertical-align: middle;
    width: 8.125em
}

.ProvenanceValue {
    margin-top: 1.5em;
    pointer-events: auto;
    text-align: center
}

.BreadCrumb {
    color: #7a7a7a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.Bullet::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 100 100' fill='%23CCC' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline;
    font-size: 0;
    height: 8px;
    line-height: 0;
    margin-right: 4px;
    padding: 4px;
    vertical-align: middle
}

.Bullet--positive::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 100 100' fill='%2399b9ae' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50'/%3E%3C/svg%3E")
}

.Bundle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.Bundle-wordmark {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-top: solid 1px #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 36px;
    margin-top: 12px;
    padding-top: 8px
}

.CapsuleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none
}

.CapsuleList-item--button:focus {
    outline: none
}

.Capsule {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #e4e4e4;
    border-radius: 24px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
    color: #2a2a2a;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 20px;
    position: relative;
    -webkit-transition: border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in;
    transition: border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in;
    transition: box-shadow 0.25s ease-in, border-color 0.25s ease-in;
    transition: box-shadow 0.25s ease-in, border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in
}

.Capsule:hover {
    border-color: #2a2a2a;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08)
}

.Capsule-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 42px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2px;
    overflow: hidden;
    -webkit-transition: 0.2s -webkit-filter ease-out;
    transition: 0.2s -webkit-filter ease-out;
    transition: 0.2s filter ease-out;
    transition: 0.2s filter ease-out, 0.2s -webkit-filter ease-out;
    width: 42px
}

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

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

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

.Capsule-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px
}

.Capsule-category {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    -webkit-line-clamp: 1;
    line-height: 14px;
    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
}

.CardList {
    display: grid;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr
}

.CardList-item {
    height: 100%;
    width: 100%
}

.CardList-item--link {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.CardList-itemInner {
    height: 100%;
    max-width: 320px
}

@media (min-width: 640px) {
    .CardList {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.Card-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 8px
}

.CardHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1em
}

.CardHeader-logo {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    height: 3.5em;
    padding: 0.25em;
    width: 3.5em
}

.CardHeader-logo>img {
    height: 3em;
    width: 3em
}

.CardHeader-details {
    margin-left: 1em
}

.CardHeader-title {
    color: #2a2a2a
}

.Card {
    background-color: #fff;
    border: 0.0625em solid #e4e4e4;
    border-radius: 0.25em;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    color: #2f3a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    max-width: 22em;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.Card:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08)
}

.Card:hover .ClaimCard-verifiedText {
    text-decoration: none
}

.Card--embed {
    height: calc(100% - 2em);
    margin-bottom: 1em;
    margin-top: 1em;
    overflow: hidden
}

.Card--embed .Card-cta--embed {
    -webkit-text-decoration: underline solid #7a7a7a;
    text-decoration: underline solid #7a7a7a
}

.Card--embed:hover .Card-cta {
    text-decoration: none
}

.Card-cta--embed {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 0.875em;
    font-style: italic;
    font-weight: 400;
    margin-left: 0.25em
}

.Card-cta--embed::after {
    content: ' →';
    display: inline-block;
    text-decoration: none
}

.Card--noLink:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04)
}

.Card-linkWrapper {
    display: block;
    text-decoration: none;
    width: 100%
}

.Card-actions {
    height: 32px;
    margin-top: 8px
}

.Card-avatar {
    background-color: #fff;
    border: solid 0.25em #f9f9f9;
    border-radius: 100%;
    bottom: 0;
    -webkit-box-shadow: 0 0.25em 0.25em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25em 0.25em 0 rgba(0, 0, 0, 0.1);
    height: 7.5em;
    width: 7.5em
}

.Card-avatar--claim {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.Card-avatarSpacer {
    display: block
}

.Card-avatarSpacerTop {
    margin-top: 8em
}

.Card-avatarSpacerBottom {
    margin-top: 4.5em
}

.Organization {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px
}

.Organization--connection {
    margin: 8px 24px 0
}

.Organization-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 8px;
    text-align: left;
    word-break: break-word
}

.Organization-details--noLocation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Organization-location {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-top: 8px
}

.Organization-locationMedia {
    fill: #7a7a7a;
    height: 11px;
    vertical-align: middle;
    width: 11px
}

.Carousel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 24px;
    width: 100%
}

.Carousel-navigation {
    font-size: 0
}

.Carousel-navigation--hidden {
    display: none
}

.Carousel-action {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    margin-top: 16px;
    width: 24px
}

.Carousel-action:last-child {
    margin-right: 0
}

.Carousel-action:hover,
.Carousel-action:focus {
    color: #3b2d51;
    -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.Carousel-action:hover .chevron,
.Carousel-action:focus .chevron {
    stroke: #fff;
    -webkit-transition: stroke 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: stroke 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.Carousel-scroller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -24px;
    -webkit-overflow-scrolling: auto;
    overflow-x: auto;
    padding-bottom: 24px;
    padding-left: 24px;
    width: calc(100% + 24px)
}

@media (min-width: 768px) {
    .Carousel-scroller {
        margin-left: -32px;
        padding-left: 32px;
        width: calc(100% + 32px)
    }
}

@media (min-width: 1200px) {
    .Carousel-scroller {
        margin-left: -48px;
        padding-left: 48px;
        width: calc(100% + 48px)
    }
}

.TunaReport-hero--withPadding {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 1440px
}

.TunaReport-meta {
    margin-top: 24px;
    text-align: center
}

.TunaReport-logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.TunaReport-logo {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 24px
}

.TunaReport-logoMedia {
    height: auto;
    max-width: 100%
}

.TunaReport-section--navy {
    background-color: #2f3a4a
}

.TunaReport-copy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 752px;
    padding-left: 16px;
    padding-right: 16px
}

.TunaReport-contents {
    background-color: #f4f4f4;
    margin-top: 32px;
    padding-bottom: 32px;
    padding-top: 32px
}

.TunaReport-contentsCopy {
    text-align: center
}

.TunaReport-contentsGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding-left: 8px;
    padding-right: 8px
}

.TunaReport-contentsCell {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 32px;
    padding-left: 8px;
    padding-right: 8px;
    width: 50%
}

.TunaReport-contentsCellInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

.TunaReport-circleInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 32px
}

.TunaReport-number {
    color: #a4a4a4;
    cursor: default;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.TunaReport-imageOuter {
    background-color: #f4f4f4;
    margin-bottom: 32px;
    margin-top: 32px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px
}

.TunaReport-imageOuter>.TunaReport-image {
    margin-bottom: 0;
    margin-top: 0
}

.TunaReport-image {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 1440px
}

.TunaReport-image--720 {
    max-width: 720px
}

.TunaReport-image--1080 {
    max-width: 1080px
}

.TunaReport-imageMedia {
    height: auto;
    width: 100%
}

.TunaReport-imageCaption {
    color: #666;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center
}

.TunaReport-imageCaptionInner {
    color: #666;
    text-decoration: none
}

.TunaReport-imageCaptionInner:visited {
    color: #666
}

.TunaReport-imageCaptionInner:focus,
.TunaReport-imageCaptionInner:hover {
    color: #7a7a7a
}

.TunaReport-imageCaption--grid {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.TunaReport-imageGrid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 752px;
    padding-left: 8px;
    padding-right: 8px
}

.TunaReport-imageGrid--1080 {
    max-width: 1112px
}

.TunaReport-imageCell {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.TunaReport-imageCell--oneHalf {
    width: 50%
}

.TunaReport-shareLinks {
    margin-bottom: 32px;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px
}

.TunaReport-contact {
    margin-top: 32px
}

@media (min-width: 640px) {
    .TunaReport-contentsCell {
        width: 33.3333%
    }
    .TunaReport-contentsCell--fullWidth {
        width: 100%
    }
    .TunaReport-imageCell--oneHalfTabletSmall {
        width: 50%
    }
    .TunaReport-imageCell--oneThirdTabletSmall {
        width: 33.3333%
    }
}

@media (min-width: 1200px) {
    .TunaReport-contents {
        margin-top: 48px;
        padding-bottom: 48px;
        padding-top: 48px
    }
    .TunaReport-hero--withPadding {
        margin-bottom: 48px;
        margin-top: 48px
    }
    .TunaReport-copy {
        margin-top: 48px
    }
    .TunaReport-image {
        margin-bottom: 48px;
        margin-top: 48px
    }
    .TunaReport-imageOuter {
        margin-bottom: 48px;
        margin-top: 48px;
        padding-bottom: 24px;
        padding-top: 24px
    }
    .TunaReport-imageOuter>.TunaReport-image {
        margin-bottom: 0;
        margin-top: 0
    }
    .TunaReport-imageGrid {
        margin-bottom: 48px;
        margin-top: 24px
    }
    .TunaReport-shareLinks {
        margin-top: 48px
    }
    .TunaReport-contact {
        margin-top: 48px
    }
}

.CertificateCard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.CertificateCard-image {
    height: 96px;
    margin-top: 16px;
    width: 96px
}

.CertificateList-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Checklist {
    margin-top: 24px
}

.Checklist h2 {
    margin-top: 24px
}

.Checklist p {
    margin-top: 16px
}

.Checklist-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

.Checklist-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", serif;
    font-weight: 400;
    height: 24px;
    margin-top: 4px
}

.Checklist-check:not(:last-of-type) {
    margin-right: 12px
}

.Checklist-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.ClaimCapsule {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-color: #a4a4a4;
    border-radius: 1em;
    border-style: solid;
    border-width: 0.0625em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.375em 0.75em
}

.ClaimCapsule--small {
    border-radius: 1.75em;
    overflow: hidden;
    padding: 0.25em 0.5em
}

.ClaimCapsule--shadow {
    -webkit-box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.08)
}

.ClaimCapsule--certificate {
    margin-top: 0.5em
}

.ClaimCapsule-title {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.ClaimCapsule-title--small {
    font-size: 0.75em
}

.CardAttachment {
    width: 100%
}

.CardAttachment-image {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width: 100%
}

.ClaimCardCMS {
    border: 1px solid #2f3a4a;
    border-radius: 8px
}

.ClaimCardCMS-header {
    margin: -32px auto 0;
    text-align: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.ClaimCardCMS-main {
    margin: 24px;
    position: relative
}

.ClaimCardCMS-layout {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 1fr
}

.ClaimCardCMS-layoutInner {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr
}

.ClaimCardCMS-statement {
    font-family: "Calibre", serif;
    font-weight: 400
}

.ClaimCardCMS-initiatives {
    font-family: "Calibre", serif;
    font-weight: 400;
    line-height: 1.25;
    list-style-type: disc;
    margin-left: 20px
}

.ClaimCardCMS-evidence {
    margin-top: 24px
}

.ClaimCardCMS-share {
    background-color: #2f3a4a
}

.ClaimCardCMS-footer {
    background-color: #f9f9f9;
    border-radius: 8px;
    margin: 1px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center
}

.ClaimCardCMS-footer>form {
    display: inline-block
}

.ClaimCardCMS-padlock {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

@media (min-width: 960px) {
    .ClaimCardCMS-layoutInner {
        grid-template-columns: 1fr 1fr 24px
    }
}

.CardModal {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 22em;
    position: relative
}

.CardModal-backdrop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 0 0.25em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.CloseButton {
    border-radius: 1.5em;
    -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.5em 0.5em 0 rgba(0, 0, 0, 0.08);
    height: 1.5em;
    position: absolute;
    right: 0.75em;
    top: 0.75em;
    width: 1.5em;
    z-index: 10
}

.ClaimAssignment-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ClaimAssignment-logo {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    height: 5em;
    padding: 0.5em
}

.ClaimAssignment-details {
    margin-left: 1em
}

.ClaimAssignment-name {
    color: #000;
    font-family: "Calibre", serif;
    font-size: 1.5em;
    line-height: 1.17
}

.Capsule {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #e4e4e4;
    border-radius: 24px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
    color: #2a2a2a;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 20px;
    position: relative;
    -webkit-transition: border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in;
    transition: border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in;
    transition: box-shadow 0.25s ease-in, border-color 0.25s ease-in;
    transition: box-shadow 0.25s ease-in, border-color 0.25s ease-in, -webkit-box-shadow 0.25s ease-in
}

.Capsule:hover {
    border-color: #2a2a2a;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08)
}

.Capsule-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 42px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2px;
    overflow: hidden;
    -webkit-transition: 0.2s -webkit-filter ease-out;
    transition: 0.2s -webkit-filter ease-out;
    transition: 0.2s filter ease-out;
    transition: 0.2s filter ease-out, 0.2s -webkit-filter ease-out;
    width: 42px
}

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

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

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

.Capsule-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px
}

.Capsule-category {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    -webkit-line-clamp: 1;
    line-height: 14px;
    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
}

.ClaimCard {
    background-color: #fff;
    border-radius: 0.25em;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    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;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.ClaimCard--shadow {
    border: none;
    -webkit-box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.16)
}

.ClaimCard--journey {
    pointer-events: auto
}

.ClaimCard-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.ClaimCard-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

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

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

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

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

.ClaimCard-header--collaboration {
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 6.5em;
    padding-top: 1.5em;
    position: relative
}

.ClaimCard-headerDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.75em
}

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

.ClaimCard-header--collaborationFrontCard {
    min-height: 11.25em
}

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

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

.ClaimCard-avatarSpacer {
    display: block
}

.ClaimCard-avatarSpacerTop {
    margin-top: 8em
}

.ClaimCard-avatarSpacerBottom {
    margin-top: 4.5em
}

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

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

.ClaimCard-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.25em;
    min-height: 3em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.Claim-logo--withContext {
    margin-top: 0.75em
}

.ClaimCard-logo--gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
    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: "Calibre", sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0.071em;
    text-transform: uppercase;
    width: 100%
}

.ClaimCard-title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 1.25em;
    padding: 0;
    text-align: center;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.ClaimCard-title--stickyHeader {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 0.75em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

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

.ClaimCard-title--collaborationFrontCard {
    bottom: 1em;
    padding: 0 1.5em
}

.ClaimCard-title--collaborationAvatar {
    bottom: 3em;
    padding: 0 1.5em
}

.ClaimCard-main {
    padding: 1.25em
}

.ClaimCard-section {
    padding: 0 1.5em;
    text-align: center
}

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

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

.ClaimCard-statement {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.75em;
    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;
    padding-top: 1.5em
}

.ClaimCard-items {
    margin-top: 1em
}

.ClaimCard-item {
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", serif;
    margin-top: 0.5em;
    text-align: left
}

.ClaimCard-initiativeIcon {
    padding-top: 0.125em
}

.ClaimCard-initiativeIcon>svg {
    height: 1.25em;
    width: 1.25em
}

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

.ClaimCard-summaryList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ClaimCard-name--collaboration {
    font-family: "Calibre", sans-serif;
    font-size: 1.5em;
    font-weight: 600
}

.ClaimCard-locationText {
    color: #7a7a7a
}

.ClaimCard-locationText>svg {
    vertical-align: middle
}

.ClaimCard--verification {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0.125em;
    -webkit-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5em;
    padding: 0.5em
}

.ClaimCard-verified {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    margin-top: 8px
}

.ClaimCard-verified.is-visible {
    display: block
}

.ClaimCard-verifiedText {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 0.875em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4285;
    -webkit-text-decoration: underline solid #7a7a7a;
    text-decoration: underline solid #7a7a7a
}

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

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

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

.ClaimCard-action {
    background-color: #fff;
    border-radius: 24px;
    color: #7a7a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", serif;
    font-size: 0.875em;
    font-style: italic;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.286em;
    margin-top: 0.75em;
    padding-bottom: 0.98675em;
    padding-top: 0.98675em;
    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--journey {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-weight: 400;
    text-decoration: underline
}

.ClaimCard-action--journey:hover {
    text-decoration: none
}

.ClaimCard-action--shadow,
.ClaimCard-action--evidence {
    -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.5em 0.5em 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-box-shadow 0.2s ease-out;
    transition: -webkit-box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out
}

.ClaimCard-action--shadow:hover,
.ClaimCard-action--evidence:hover {
    -webkit-box-shadow: 0 0.75em 0.75em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.75em 0.75em 0 rgba(0, 0, 0, 0.1)
}

.ClaimCard-action--evidence {
    border-radius: 100%;
    font-size: 1em;
    height: 3em;
    margin: 0 0 1.5em;
    padding: 0;
    pointer-events: auto;
    width: 3em
}

.ClaimCard-action--evidence>svg {
    height: 100%;
    margin-left: 0;
    -webkit-transition: none;
    transition: none;
    width: 100%
}

.ClaimCard-action--evidence:hover>svg {
    -webkit-transform: none;
    transform: none
}

.ClaimCard-profile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.75em
}

.ClaimCard-profileName {
    margin-left: 0.5em
}

.ClaimCard-action--back {
    background-color: #99b9ae;
    bottom: 0;
    color: #fff;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    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;
    bottom: 0;
    color: #7a7a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
    max-height: 24px;
    padding: 0.25em 0;
    position: relative;
    text-align: center;
    width: 100%
}

.ClaimCard-footer--initiatives {
    padding-bottom: 1.5em
}

.ClaimCard-footer--evidence {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0.125em;
    pointer-events: none;
    position: absolute;
    width: calc(100% - 0.25em)
}

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

.FullCard {
    position: relative
}

@media (min-width: 768px) {
    .ClaimCard--evidence {
        min-height: 30em
    }
    .ClaimCard-section--evidence {
        max-height: 26.5em
    }
}

.ClaimEvidence-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 0.063em #2f3a4a;
    border-radius: 0.25em;
    color: #2f3a4a;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1em;
    min-height: 3.5em;
    overflow: auto;
    padding-right: 1.5em;
    text-decoration: none
}

.ClaimEvidence-action>svg {
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out
}

.ClaimEvidence-action:link,
.ClaimEvidence-action:visited,
.ClaimEvidence-action:hover,
.ClaimEvidence-action:active {
    color: #2f3a4a
}

.ClaimEvidence-action:hover>svg {
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.ClaimEvidence-view {
    color: #2f3a4a;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Calibre", sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-align: left
}

.EmbedWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    text-align: center;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    width: 100%
}

.EmbedWrapper--hidden {
    height: 0;
    opacity: 0
}

.ClaimModal {
    margin-bottom: auto;
    margin-top: auto
}

.RecyclingResults>section {
    border-top: 0.0625em solid #e4e4e4;
    margin-top: 24px;
    padding-top: 8px
}

.RecyclingResults>section:last-child {
    border-bottom: 0.0625em solid #e4e4e4;
    padding-bottom: 8px
}

.RecyclingResults--noBorder>section:first-child {
    border-top: none;
    margin-top: 0
}

.RecyclingResults-address {
    font-style: normal;
    text-transform: capitalize
}

.ReportEvidence {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    min-width: 100%
}

.ReportEvidence:visited,
.ReportEvidence:focus,
.ReportEvidence:hover {
    color: #2a2a2a
}

.ReportEvidence:hover {
    text-decoration: none
}

.ClaimSelectCardList {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 32px
}

.ClaimSelectCardList .ClaimCard {
    font-size: 14.55px
}

@media (min-width: 960px) {
    .ClaimSelectCardList {
        grid-template-columns: 1fr 1fr
    }
    .ClaimSelectCardList .ClaimCard {
        font-size: 13.82px
    }
}

.cell-data--image {
    line-height: 0;
    vertical-align: top;
    width: 86px
}

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

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

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

@media (min-width: 640px) {
    .cell-data--nameWithProof {
        width: auto
    }
    .cell-data--hasOne {
        width: 240px
    }
}

.CollectionHeader {
    background-color: #f9f9f9;
    height: 216px;
    padding-bottom: 24px;
    width: 100%
}

.CollectionHeader-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 1162px
}

@media (min-width: 640px) {
    .CollectionHeader-inner {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.CollectionTable {
    margin-top: 16px;
    width: 100%
}

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

.CollectionTable-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.CollectionTable-row:nth-child(even) {
    background-color: #fff
}

.CollectionTable-row:nth-child(odd) {
    background-color: #f4f4f4
}

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

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

.CollectionTable-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Action--collectionTable.Action--collectionTable {
    color: #2a2a2a
}

.Action--collectionTable.Action--collectionTable:visited {
    color: #2a2a2a
}

.Action--collectionTable.Action--collectionTable:focus,
.Action--collectionTable.Action--collectionTable:hover {
    color: #2a2a2a;
    text-decoration: none
}

@media (min-width: 640px) {
    .CollectionTable {
        display: table
    }
    .CollectionTable-heading {
        display: table-header-group
    }
    .CollectionTable-body {
        display: table-row-group
    }
    .CollectionTable-row {
        display: table-row
    }
    .CollectionTable-row:nth-child(even) {
        background-color: #fff
    }
    .CollectionTable-row:nth-child(odd) {
        background-color: #f4f4f4
    }
    .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
    }
}

.Card--withControls {
    height: calc(100% - 40px)
}

.Connection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Connection-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 70px;
    margin-right: 16px;
    width: 70px
}

.Connection-avatarInner {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    display: block
}

a.Connection-avatarInner:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.Connection-avatarInner--pending {
    border: 1px dashed #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.Connection-avatarInner--pending:hover {
    border: 1px dashed #525252;
    -webkit-box-shadow: none;
    box-shadow: none
}

.Connection-avatarInner--accepted {
    border: 2px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.Connection-avatarInner--accepted:hover {
    border: 2px solid #525252;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.Connection-content {
    width: calc(100% - 86px)
}

.Connection-name {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.Connection-nameInner {
    color: #2a2a2a;
    text-decoration: none
}

.Connection-nameInner:visited {
    color: #2a2a2a
}

.Connection-nameInner:hover,
.Connection-nameInner:focus,
.Connection-nameInner:active {
    color: #666
}

.Connection-action {
    margin-bottom: 8px;
    margin-top: 8px;
    white-space: nowrap
}

@media (min-width: 640px) {
    .Connection-avatar {
        height: 96px;
        margin-right: 24px;
        width: 96px
    }
    .Connection-content {
        width: calc(100% - 120px)
    }
}

.ConnectionList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ConnectionList-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 16px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

.ConnectionList-item.is-hidden {
    display: none
}

@media (min-width: 640px) {
    .ConnectionList-item {
        margin-top: 24px;
        width: 50%
    }
}

@media (min-width: 768px) {
    .ConnectionList-item {
        margin-top: 32px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.ConnectionsMap {
    background-color: #f4f4f4;
    display: block;
    padding-top: 24px;
    position: relative
}

.ConnectionsMap::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.Container .ConnectionsMap {
    margin-left: -24px
}

@media (min-width: 480px) {
    .ConnectionsMap::before {
        padding-bottom: 66.6666%
    }
}

@media (min-width: 640px) {
    .ConnectionsMap::before {
        padding-bottom: 50%
    }
    .Container .ConnectionsMap {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .ConnectionsMap {
        padding-top: 32px
    }
}

.Content-text {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 720px
}

.Content-text ol {
    counter-reset: item
}

.Content-text ol>li {
    counter-increment: item
}

.Content-text ol ol>li {
    display: block
}

.Content-text ol ol>li::before {
    content: counters(item, ".") ". ";
    margin-left: -20px
}

.CookieBanner {
    background-color: #fff;
    border-top: 2px solid #f4f4f4;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    font-family: "Calibre", sans-serif;
    padding: 12px 16px;
    position: fixed;
    width: 100%;
    z-index: 9999
}

.CookieBanner.is-visible {
    display: block
}

.CookieBanner-message {
    color: #2a2a2a;
    font-size: 14px;
    line-height: 1.4
}

.CookieBanner-link {
    color: #2a2a2a;
    text-decoration: underline
}

.CookieBanner-link:visited {
    color: #2a2a2a
}

.CookieBanner-link:hover,
.CookieBanner-link:focus {
    color: #666
}

.CookieBanner-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.CookieBanner-right {
    margin-top: 16px
}

.CookieBanner-left {
    text-align: center
}

@media screen and (min-width: 768px) {
    .CookieBanner-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .CookieBanner-right {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 16px;
        margin-top: 0
    }
}

.Details {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font-family: "Calibre", sans-serif;
    padding: 12px
}

.Details .chevron {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    width: 8px
}

.Details-description {
    font-size: 14px;
    line-height: 1.5;
    margin: 20px 0
}

.Details--explore {
    color: #2a2a2a;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 20px
}

.Details--icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    text-align: center
}

.Details--icons svg {
    color: #0a3942
}

.Details--icons span {
    font-size: 9px;
    text-transform: uppercase
}

.Details[open] summary {
    margin-bottom: 0.5em
}

.Details[open] summary>.chevron {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.Summary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: none
}

.Summary::-webkit-details-marker {
    display: none
}

.Summary--title {
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    height: 20px;
    padding: 0 12px 0 2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.Summary--title p {
    margin: auto;
    padding-left: 0.25em;
    text-transform: uppercase
}

.Summary--title svg {
    height: 18px;
    width: 18px
}

.Dialog {
    -webkit-animation: 0.6s both fadeIn;
    animation: 0.6s both fadeIn;
    max-width: 640px;
    opacity: 0;
    position: relative;
    width: 100%
}

.Dialog-content {
    z-index: 20
}

.Dialog--story {
    background-color: #fff;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    max-height: calc(100vh - 32px);
    max-width: 800px;
    width: calc(100% - 32px)
}

.Dialog--product {
    border-radius: 4px;
    height: calc(100% - 32px);
    max-width: 800px;
    overflow: hidden;
    width: calc(100% - 32px)
}

.Dialog--centered {
    margin: auto
}

.Dialog--drawer {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
    background-color: #fff;
    margin-left: auto;
    margin-right: -300px;
    opacity: 1
}

.is-visible .Dialog--drawer {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    margin-right: 0
}

.Dialog--small {
    max-width: 472px
}

.Dialog--medium {
    max-width: 800px
}

.Dialog--large {
    max-width: 960px
}

.Dialog--journey {
    height: 100%;
    max-width: auto
}

.Dialog--claim {
    border-radius: 16px;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6);
    max-width: 320px
}

.Dialog-iframe {
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.Dialog-page {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%
}

@media (min-width: 480px) {
    .Dialog--journey {
        border-radius: 4px;
        -webkit-box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6);
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 48px auto;
        width: auto
    }
}

@media (min-width: 640px) {
    .Dialog--journey {
        height: auto
    }
}

@media (min-width: 960px) {
    .Dialog--story {
        margin-bottom: 32px;
        max-height: calc(100vh - 64px);
        width: 100%
    }
    .Dialog--journey {
        max-height: 928px;
        max-width: 500px
    }
}

.Modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    max-height: 100vh;
    max-width: 100vw;
    -webkit-overflow-scrolling: auto;
    position: fixed;
    top: 0;
    -webkit-transition: visibility 800ms linear;
    transition: visibility 800ms linear;
    visibility: hidden;
    width: 100%;
    z-index: 20
}

.Modal.is-visible {
    visibility: visible
}

.Modal.is-visible .Modal-backdrop {
    opacity: 1
}

.Modal-backdrop {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: opacity 800ms ease-out;
    transition: opacity 800ms ease-out;
    width: 100%
}

.Modal-backdrop--transparent {
    -webkit-animation: none;
    animation: none;
    background-color: transparent
}

.Modal-backdropLight {
    background-image: radial-gradient(circle at 50% 50%, #fff, rgba(255, 255, 255, 0.8))
}

.Modal-inner {
    margin: auto;
    max-width: 640px;
    width: 100%
}

.Modal-inner--small {
    max-width: 472px
}

.Modal-inner--medium {
    max-width: 800px
}

.Modal-inner--large {
    max-width: 960px
}

.Modal-content {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    background-color: #fff;
    border-radius: 4px;
    margin: 16px;
    position: relative
}

.Modal-content--physical {
    padding: 0 16px
}

.Modal-content--shadow {
    -webkit-box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.6)
}

.Modal-close {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 8px;
    top: 8px
}

.Modal-closeMedia {
    color: #666;
    fill: #666;
    height: 32px;
    width: 32px
}

.Modal-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    padding-top: 48px;
    text-align: center;
    width: 100%
}

.Modal-header--ruled {
    border-bottom: solid 1px #ccc;
    max-width: 100%;
    padding-bottom: 24px
}

.Modal-header--badge {
    padding-top: 24px
}

.Modal-body {
    padding-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px
}

.Modal-inner--small .Modal-body {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px
}

.Modal-footer--ruled {
    border-top: solid 1px #ccc;
    margin: 0 auto;
    padding: 24px 0;
    text-align: center
}

.Modal-copy {
    text-align: center
}

.Modal-form+.Modal-copy {
    margin-top: 16px
}

.Modal-copy--narrow {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.Modal-copy--narrower {
    margin-left: auto;
    margin-right: auto;
    max-width: 240px
}

.Modal-shareLinks {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 420px
}

.Modal-backgroundImage {
    background-color: #f4f4f4;
    background-image: url(//assets.provenance.org/web-assets/modules/provenance-modal-background-honey-800x400-1a9e2063b772e5a76a9159b44b25e7bcb6c5d1413f593351d551cbed17fd40a9.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 0;
    padding-top: 50%;
    width: 100%
}

.Modal-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.Modal-column {
    width: 100%
}

.Modal-grid--physical {
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin: 0 auto;
    padding: 32px 0;
    width: 100%
}

.Modal-firstCell {
    grid-row-end: 4;
    grid-row-start: 3
}

.Modal-cell--two {
    text-align: center
}

.Modal-column--right {
    border-top: 1px solid #a4a4a4;
    margin-top: 24px;
    padding-top: 24px;
    position: relative
}

.Modal-column--right::after {
    background-color: #fff;
    color: #7a7a7a;
    content: 'OR';
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    left: 50%;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.Modal-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 320px;
    width: 100%
}

.Modal-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 260px
}

.Modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

.Modal-action--cancel {
    min-width: 120px
}

.Modal-action--confirm {
    min-width: 175px
}

.Modal-image--physical {
    background-size: 100% 100%;
    height: 160px;
    margin: 0 auto;
    width: 160px
}

.Modal-cta {
    margin: 24px 0 0
}

.Modal-inlineBody {
    display: none
}

@media (min-width: 480px) {
    .Modal-body {
        padding-left: 32px;
        padding-right: 32px
    }
    .Modal-form {
        max-width: 400px
    }
}

@media (min-width: 640px) {
    .Modal-backgroundImage {
        background-image: url(//assets.provenance.org/web-assets/modules/provenance-modal-background-honey-1200x400-3f010be3b2422652f363279d1f7c168f3eb05bfa4abd89c99624868ceef66953.jpg);
        padding-top: calc(1 / 3 * 100%)
    }
}

@media (min-width: 768px) {
    .Modal-grid {
        padding-bottom: 32px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 32px
    }
    .Modal-column {
        padding-left: 32px;
        padding-right: 32px;
        width: 50%
    }
    .Modal-column--left {
        border-right: 1px solid #fff
    }
    .Modal-column--right {
        border-left: 1px solid #a4a4a4;
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
        position: relative
    }
    .Modal-column--right::after {
        left: 0;
        top: 50%
    }
    .Modal-grid--physical {
        grid-row-gap: 42px;
        grid-template-columns: 1fr 1fr 1fr
    }
    .Modal-cell--two {
        grid-column: span 2;
        text-align: left
    }
    .Modal-firstCell {
        grid-row-end: unset;
        grid-row-start: unset
    }
    .Modal-content--physical {
        padding: 0 32px
    }
}

@media (min-width: 960px) {
    .Modal-backgroundImage {
        padding-top: 29%
    }
    .Modal-grid {
        padding-bottom: 48px;
        padding-top: 48px
    }
    .Modal-column {
        padding-left: 48px;
        padding-right: 48px
    }
    .Modal-content--physical {
        padding: 0 64px
    }
    .Modal-footer--ruled {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .Modal-cta {
        margin: 0 0 0 24px
    }
}

.DropdownMenu-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #3b2d51;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 16px;
    padding-top: 4px;
    position: relative;
    width: 32px
}

.DropdownMenu {
    color: #7a7a7a;
    cursor: pointer;
    list-style: none;
    position: absolute;
    right: 2px;
    top: 1px;
    z-index: 1
}

.DropdownMenu:focus .DropdownMenu-list,
.DropdownMenu:hover .DropdownMenu-list {
    color: #2a2a2a;
    display: block
}

.DropdownMenu--cms {
    z-index: 2
}

.DropdownMenu-icon {
    position: relative
}

.DropdownMenu-iconMedia {
    fill: currentColor
}

.DropdownMenu-list {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    display: none;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2
}

.DropDownMenu-item {
    display: block
}

.DropdownMenu-link {
    color: #7a7a7a;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 4px 14px;
    text-decoration: none;
    text-transform: uppercase
}

.DropdownMenu-link:hover {
    background-color: #f9f9f9
}

.DropdownMenu-link--delete {
    color: #ee6265
}

.EditablePhoto {
    position: relative
}

.EditablePhoto-action {
    background-color: #3b2d51;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 8px
}

.Embed {
    font-size: 16px;
    height: auto;
    max-width: 300px;
    width: 100%
}

.Embed--large {
    max-width: none
}

.Embed--image {
    overflow: hidden
}

.Embed--image .Embed-label {
    margin-left: auto;
    margin-right: auto
}

.Embed--image .Embed-credits {
    margin-left: auto;
    margin-right: auto
}

.Embed--badge {
    height: 86px;
    width: 300px
}

.Embed-inner {
    display: block;
    text-decoration: none
}

.Embed-inner--badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.Embed-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 10em;
    position: relative
}

.Embed-top--large {
    padding-top: 62.5%
}

.Embed-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Embed-image--badge {
    height: 84px;
    position: static;
    width: 84px
}

.Embed-imageMedia {
    height: 100%;
    min-height: 10em;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.Embed-imageMedia--badge {
    min-height: 4.5em
}

.Embed--inline {
    background-color: #2a2a2a;
    display: none;
    max-width: 320px;
    min-height: 576px;
    text-align: left
}

.Embed--inlineMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Embed--inline .Journey-backAction,
.Embed--inlineMobile .Journey-backAction {
    visibility: hidden
}

.Embed-mask {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background-image: linear-gradient(to bottom, transparent 0%, black 100%);
    height: auto;
    padding-bottom: 0.75em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 3em;
    position: absolute;
    width: 100%
}

.Embed-title {
    color: #fff;
    word-break: break-word
}

.Embed-title--badge {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    overflow: hidden;
    padding: 8px 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.Embed-title--large {
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.5
}

.Embed-cta {
    color: #fff;
    font-size: 14px
}

.Embed-bottom {
    padding-bottom: 2px;
    padding-top: 4px;
    position: relative
}

.Embed-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    width: 180px
}

.Embed-details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Embed-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2f3a4a;
    border-radius: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 320px;
    padding: 0.5em;
    width: 100%
}

.Embed-flag {
    line-height: 0
}

.Embed-flagMedia {
    fill: #fff;
    height: 2.75em;
    width: 2.75em
}

.Embed-labelText {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Calibre", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-left: 0.5em;
    text-transform: uppercase
}

.Embed-credits {
    background-color: #fff;
    margin-left: 2.5em;
    max-width: 15em;
    padding: 0.5em 0.25em;
    text-align: center;
    width: 100%
}

.Embed-credits--border {
    border-bottom: 1px solid #a4a4a4;
    border-left: 1px solid #a4a4a4;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #a4a4a4
}

.Embed-poweredBy {
    color: #666;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 0.8125em;
    font-weight: 400;
    vertical-align: middle
}

.Embed-wordmark {
    display: inline-block;
    fill: #2a2a2a;
    height: 0.75em;
    margin-left: 0.75em;
    vertical-align: middle;
    width: 8.125em
}

.Embed-chevron {
    margin: auto;
    width: 18px
}

.Embed-chevron>.Icon--chevron {
    -webkit-transition: margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.Card--embed:hover .Embed-chevron>.Icon--chevron {
    margin-left: 4px
}

@media (min-width: 360px) {
    .Embed--inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .Embed--inlineMobile {
        display: none
    }
}

@media (min-width: 960px) {
    .Embed-title--large {
        font-size: 30px
    }
    .Embed-cta--large {
        font-size: 20px;
        margin-top: 4px
    }
}

@media (max-width: 319px) {
    .Embed {
        font-size: 5vw
    }
}

.EvidenceAdd {
    margin-top: 32px
}

.EvidenceAdd-actions {
    margin-top: 16px
}

.Evidence {
    position: relative
}

.Evidence--measurement {
    display: grid;
    grid-column-gap: 24px;
    grid-template-columns: 1fr 2fr
}

.Evidence-heading {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    whitespace: no-wrap
}

.Evidence-date {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400
}

.Evidence-table {
    border: solid 1px #ccc;
    border-radius: 8px;
    display: grid;
    grid-auto-rows: 40px;
    grid-template-columns: 80px 1fr;
    margin-top: 16px
}

.Evidence-table>div:nth-child(4n+3),
.Evidence-table>div:nth-child(4n+4) {
    background-color: #f9f9f9
}

.Evidence-cell {
    padding: 8px 12px
}

.Evidence-cell--year {
    border-right: 1px solid #ccc
}

.Evidence-year {
    color: #666;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-top: 3px
}

.Evidence-value {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 20px;
    font-weight: 700
}

.Evidence-unit {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700
}

.Evidence-unit--definition {
    margin-top: 12px
}

.Evidence-urlInner {
    color: #2a2a2a;
    text-decoration: none;
    word-break: break-all
}

.Evidence-urlInner:focus,
.Evidence-urlInner:hover {
    color: #666
}

.ExperienceStickyHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
}

.Facsimile {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    margin: auto;
    margin-top: -88px;
    text-align: center;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    width: 320px
}

.Feedback {
    pointer-events: auto;
    text-align: center
}

.Feedback--dark {
    color: #fff
}

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

.Feedback-button:hover {
    background-color: #e4e4e4
}

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

.Feedback-button--dark:hover {
    background-color: #3d3d3d
}

.ImageField {
    background-color: #fff;
    border: solid 3px #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
    height: 62px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 62px
}

.ImageField--placeholder {
    fill: #ccc
}

.ImageField-overlay {
    height: 62px;
    position: relative;
    width: 62px
}

.ProofPoints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ProofPoints-item {
    margin-right: 12px;
    margin-top: 8px
}

.Footer {
    background-color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.Footer--contentPage {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding-left: 0;
    padding-right: 0
}

.Footer--simpleLeft {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 16px
}

.Footer--simpleLeft .Footer-flag {
    text-align: left
}

.Footer--simpleLeft .Footer-copy {
    margin-top: 0;
    text-align: left
}

.Footer--simpleLeft .Footer-linkItem {
    padding: 8px 16px 0 0
}

.Footer--simpleLeft br {
    display: none
}

.Footer-break {
    height: 0;
    margin-top: 16px
}

.Footer-shareLinks {
    margin-bottom: 24px
}

.Footer-languages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 24px
}

.Footer-languagesInner {
    border: 1px solid #ccc;
    border-radius: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.Footer-flag {
    text-align: center
}

.Footer-flagInner {
    color: #2a2a2a;
    display: inline-block
}

.Footer-flagInner:visited {
    color: #2a2a2a
}

.Footer-flagInner:active,
.Footer-flagInner:focus,
.Footer-flagInner:hover {
    color: #666
}

.Footer-flagMedia {
    fill: currentColor;
    height: 40px;
    padding: 2px;
    width: 40px
}

.Footer-wordmark {
    margin-top: 8px;
    text-align: center
}

.Footer-wordmark--flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Footer-wordmark--logos {
    display: none
}

.Footer-wordmarkInner {
    color: #2a2a2a
}

.Footer-wordmarkInner:visited {
    color: #2a2a2a
}

.Footer-wordmarkInner:active,
.Footer-wordmarkInner:focus,
.Footer-wordmarkInner:hover {
    color: #666
}

.Footer-wordmarkMedia {
    fill: currentColor;
    height: 13.8px;
    width: 160px
}

.Footer-links {
    margin-top: 8px;
    text-align: center
}

.Footer-linksMarketing {
    margin-top: 8px;
    text-align: left
}

.Footer-linkItem {
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 0 4px
}

.Footer-linkItemInner {
    color: #2a2a2a;
    text-decoration: none
}

.Footer-linkItemInner:visited {
    color: #2a2a2a
}

.Footer-linkItemInner:focus,
.Footer-linkItemInner:hover {
    color: #666
}

.Footer-copy {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 8px;
    text-align: center
}

.Footer-copyInner {
    color: #666;
    text-decoration: none
}

.Footer-copyInner:visited {
    color: #666
}

.Footer-copyInner:active,
.Footer-copyInner:focus,
.Footer-copyInner:hover {
    color: #a4a4a4
}

.Footer-explore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e1eae0;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
    padding: 16px
}

@media (min-width: 768px) {
    .Footer {
        padding-bottom: 32px;
        padding-top: 32px
    }
    .Footer--simpleLeft {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 16px
    }
    .Footer--simpleLeft .Footer-linksMarketing {
        margin-left: 16px;
        margin-top: 0
    }
    .Footer--simpleLeft .Footer-linkItem {
        padding: 0 16px 0 0
    }
    .Footer-break {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .Footer-explore {
        margin-bottom: 32px
    }
    .Footer-languages {
        padding-bottom: 32px
    }
}

@media (min-width: 960px) {
    .Footer {
        padding-bottom: 48px;
        padding-top: 48px
    }
    .Footer--simpleLeft {
        padding-bottom: 16px
    }
    .Footer--internalUI {
        margin-left: 240px
    }
    .Footer-explore {
        margin-bottom: 48px
    }
    .Footer-languages {
        padding-bottom: 48px
    }
}

.CheckboxHack {
    position: relative
}

.CheckboxHack-formField {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.CheckboxHack-formField:checked+.CheckboxHack-mask {
    background-color: transparent;
    border-color: #99b9ae
}

.CheckboxHack-formField:checked+.CheckboxHack-mask .CheckboxHack-tick {
    display: block
}

.CheckboxHack-mask {
    background-color: rgba(255, 255, 255, 0.5);
    border: 4px solid transparent;
    border-radius: 2px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.CheckboxHack-mask.is-visible {
    display: block
}

.CheckboxHack-tick {
    background-color: #99b9ae;
    border-radius: 50%;
    display: none;
    height: 32px;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px
}

.CheckboxHack-tickIcon {
    fill: #fff;
    height: 16px;
    width: 16px
}

.FormProofPoints {
    margin-top: 8px
}

.FormProofPoints-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px
}

.FormProofPoints-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16px;
    padding-top: 16px;
    text-align: center
}

.FormProofPoints-itemImage {
    position: relative
}

.FormProofPoints-itemImage .is-lazyLoad~.FormProofPoints-itemCheckbox:checked~.FormProofPoints-itemMask,
.FormProofPoints-itemImage .is-lazyLoading~.FormProofPoints-itemCheckbox:checked~.FormProofPoints-itemMask {
    visibility: hidden
}

.FormProofPoints-itemMedia {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

.FormProofPoints-itemMedia--verified .FormProofPoints-itemMedia {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.FormProofPoints-itemMedia--colour {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.FormProofPoints-itemName {
    color: #3d3d3d;
    cursor: pointer;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.FormProofPoints-itemCheckbox {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.FormProofPoints-itemCheckbox:checked~.FormProofPoints-itemMask {
    opacity: 1;
    visibility: visible
}

.FormProofPoints-itemMask {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 100%
}

.FormProofPoints-itemMaskMedia {
    fill: #3b2d51;
    margin: auto
}

@media (min-width: 960px) {
    .FormProofPoints-list {
        margin-left: -16px;
        margin-right: -16px
    }
    .FormProofPoints-item {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px
    }
    .FormProofPoints--constrained {
        margin-top: -24px
    }
    .FormProofPoints--constrained .FormCertificates-list {
        margin-left: -12px;
        margin-right: -12px
    }
    .FormProofPoints--constrained .FormProofPoints-item {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 24px
    }
}

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

.FormGroupSelect-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    list-style: none;
    margin-bottom: 16px;
    margin-right: 12px;
    padding: 8px 12px
}

.FormGroupSelect-item:hover {
    border: solid 1px #3b2d51
}

.FormGroupSelect-item--selected {
    background-color: #e1eae0;
    border: solid 1px #99b9ae
}

.FormGroupSelect-item--selected:hover {
    border: solid 1px #99b9ae
}

.FormGroupSelect-itemInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.FormGroupSelect-label {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    margin-left: 8px
}

.js-groupSelectHelp {
    display: none
}

.ToggleCheckbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    position: relative;
    width: 100%
}

.ToggleCheckbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    right: 0
}

.ToggleCheckbox input[type='checkbox']+label {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 44px
}

.ToggleCheckbox input[type='checkbox']+label::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    background-color: #ccc;
    border-radius: 48px;
    height: 24px;
    left: 0;
    top: 0;
    width: 44px
}

.ToggleCheckbox input[type='checkbox']+label::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: #fff;
    border-radius: 42px;
    height: 21px;
    left: 1px;
    top: 1px;
    width: 21px
}

.ToggleCheckbox input[type='checkbox']:checked+label::before {
    background-color: #99b9ae;
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1)
}

.ToggleCheckbox input[type='checkbox']:checked+label::after {
    left: 22px
}

.ToggleCheckbox--sortBackground {
    background-color: #e1eae0
}

.FormUserGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.FormUserGrid-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: 156px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 24px
}

.FormUserGrid-itemInner {
    position: relative
}

.FormUserGrid-locked {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(249, 249, 249, 0.8);
    border: solid 1px #ccc;
    border-radius: 2px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.FormUserGrid-padlock {
    height: auto;
    width: 28px
}

.FormUserGrid-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.FormUserGrid-input:checked~.FormUserGrid-image .FormUserGrid-tick {
    opacity: 1;
    visibility: visible
}

.FormUserGrid-input.is-disabled {
    display: none
}

.FormUserGrid-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 96px;
    position: relative
}

.FormUserGrid-avatar {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc
}

.FormUserGrid-avatarMedia {
    border-radius: 50%;
    height: auto;
    width: 100%
}

.FormUserGrid-placeholder {
    border: 1px dashed #ccc;
    border-radius: 50%
}

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

.FormUserGrid-tick {
    background-color: rgba(255, 255, 255, 0.5);
    border: 5px solid #3b2d51;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.FormUserGrid-tickMedia {
    fill: #3b2d51;
    margin: auto
}

.FormUserGrid-name {
    display: block;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    overflow-x: hidden;
    text-align: center;
    text-overflow: ellipsis
}

@media (min-width: 960px) {
    .FormUserGrid-item {
        max-width: 172px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px
    }
}

.Form-group--voucher.is-hidden {
    display: none
}

.BackgroundImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PageHeader--gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.Headroom-animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.Headroom-animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.Headroom-animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.PanelHelp {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 40px;
    position: relative
}

.PanelHelp-actions {
    margin-top: 16px
}

@media (min-width: 768px) {
    .PanelHelp::before {
        border-bottom: 13px solid transparent;
        border-right: 13px solid #ccc;
        border-top: 13px solid transparent;
        content: '';
        display: block;
        height: 0;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        width: 0
    }
    .PanelHelp::after {
        border-bottom: 12px solid transparent;
        border-right: 12px solid #f9f9f9;
        border-top: 12px solid transparent;
        content: '';
        display: block;
        height: 0;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        width: 0
    }
}

.HeroHeader {
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    position: relative
}

.HeroHeader--withMedia {
    color: #fff
}

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

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 680px;
    width: 100%;
    z-index: 2
}

.HeroHeader-image>.ThumbnailImage--large {
    height: 5.625em;
    width: 5.625em
}

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

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

.HeroHeader-mediaContent {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px;
    position: relative
}

.HeroHeader-photo {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 1px 0 #ccc;
    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%
}

.HeroHeader-photoMask {
    background-color: rgba(0, 0, 0, 0.75);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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
}

.HeroHeader-photoMaskInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.HeroHeader-photoCount {
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-right: 8px;
    padding-top: 4px
}

.HeroHeader-photoIcon {
    fill: #fff;
    height: 24px;
    width: 24px
}

.HeroHeader-title {
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25;
    width: 230px
}

.HeroHeader-description {
    padding-bottom: 16px;
    width: 100%
}

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

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

.HeroHeader-organisation {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.HeroHeader-photos {
    display: none
}

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

@media (min-width: 480px) {
    .HeroHeader--withMedia {
        padding-top: 208px
    }
    .HeroHeader--profile {
        padding-top: 248px
    }
    .HeroHeader-container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .HeroHeader-image>.ThumbnailImage--large {
        height: 9.625em;
        width: 9.625em
    }
    .HeroHeader-photo--mobile {
        display: none
    }
    .HeroHeader-photo--normal {
        display: block
    }
    .HeroHeader-media {
        padding-top: 0
    }
    .HeroHeader-mediaImage {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .HeroHeader-mediaContent {
        margin-top: 0
    }
    .HeroHeader-action {
        margin-left: auto
    }
}

@media (min-width: 640px) {
    .HeroHeader-media {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@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
    }
}

@media (min-width: 1200px) {
    .HeroHeader-photo {
        height: 240px;
        width: 240px
    }
}

.Icon {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Icon--chevron {
    display: inline-block;
    fill: #7a7a7a;
    height: 12px;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    width: 12px
}

.Icon--chevronRight {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Icon--chevronGreen {
    fill: #0a3942
}

.Icon--chevronZeroMargin {
    margin: 0
}

.ThumbnailImage {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 1px 0 #ccc;
    box-shadow: 0 0 1px 0 #ccc;
    position: relative
}

.ThumbnailImage--xsmall {
    height: 3.5em;
    width: 3.5em
}

.ThumbnailImage--small {
    height: 4.5em;
    width: 4.5em
}

.ThumbnailImage--default {
    height: 5.625em;
    width: 5.625em
}

.ThumbnailImage--large {
    height: 9.625em;
    width: 9.625em
}

.ThumbnailImage--xlarge {
    height: 18.625em;
    width: 18.625em
}

.ThumbnailImage--grow {
    height: 100%;
    width: 100%
}

.ThumbnailImage--auto {
    height: auto;
    width: 100%
}

.ThumbnailImage-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ThumbnailImage-inner:focus .ProductHeader-photoMask,
.ThumbnailImage-inner:hover .ProductHeader-photoMask {
    opacity: 1;
    visibility: visible
}

.ThumbnailImage-placeholder {
    display: block;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.ThumbnailImage-media {
    height: auto;
    width: 100%
}

@media (min-width: 1200px) {
    .ProductHeader {
        padding-bottom: 32px;
        padding-top: 48px
    }
    .ProductHeader-mediaImage {
        margin-right: 48px
    }
}

.InfiniteModal>article:not(:first-of-type) {
    position: absolute;
    top: 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) {
    -webkit-animation: 0.6s slide-in;
    animation: 0.6s slide-in
}

.InfiniteModal--slideOut {
    -webkit-animation: 0.6s slide-out !important;
    animation: 0.6s slide-out !important
}

.InfiniteModal--slideOut+.InfiniteModal-back {
    display: none
}

.InfiniteModal-back {
    -webkit-animation: 0.6s fadeEaseIn;
    animation: 0.6s fadeEaseIn;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    fill: #a4a4a4;
    padding: 0.5rem;
    position: absolute;
    stroke: #a4a4a4;
    top: 1.2rem;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.InfiniteModal-back:hover {
    fill: #666;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.InfiniteModal-back:hover path {
    stroke: #666
}

.StoryCard+.InfiniteModal-back {
    fill: #fff;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    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
}

@-webkit-keyframes slide-in {
    from {
        -webkit-box-shadow: -322px 0 rgba(0, 0, 0, 0);
        box-shadow: -322px 0 rgba(0, 0, 0, 0);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 rgba(0, 0, 0, 0.4);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in {
    from {
        -webkit-box-shadow: -322px 0 rgba(0, 0, 0, 0);
        box-shadow: -322px 0 rgba(0, 0, 0, 0);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 rgba(0, 0, 0, 0.4);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out {
    from {
        -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-box-shadow: -322px 0 rgba(0, 0, 0, 0);
        box-shadow: -322px 0 rgba(0, 0, 0, 0);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slide-out {
    from {
        -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-box-shadow: -322px 0 rgba(0, 0, 0, 0);
        box-shadow: -322px 0 rgba(0, 0, 0, 0);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.cell-label:hover svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cell-label a {
    color: inherit;
    display: inline-block;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out;
    width: 100%
}

.cell-label--asc,
.cell-label--desc {
    font-weight: bold
}

.sort-indicator {
    margin-left: 5px
}

.sort-indicator svg {
    fill: #7b808c;
    height: 13px;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    width: 13px
}

.sort-indicator--desc {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cell-data--number,
.cell-label--number {
    text-align: right
}

.search {
    max-width: 25rem;
    position: relative;
    width: 100%
}

.search--input {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    width: 100%
}

.search-eyeglass--icon {
    fill: #3b2d51;
    height: 1rem;
    left: 1rem;
    position: absolute;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem
}

.search-clear--link {
    height: 1rem;
    position: absolute;
    right: 0.75rem;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem
}

.search-clear--icon {
    fill: #adb5bd;
    height: 1rem;
    position: absolute;
    -webkit-transition: fill 250ms ease-in-out;
    transition: fill 250ms ease-in-out;
    width: 1rem
}

.search-clear--icon:hover {
    fill: #3b2d51
}

@media (min-width: 960px) {
    .search {
        margin-top: 8px
    }
    .search-eyeglass--icon,
    .search-clear--link {
        top: 50%
    }
}

table {
    margin-top: 40px
}

td {
    padding: 10px
}

.JourneyBack {
    border: 0.0625em solid #a4a4a4;
    border-radius: 50%;
    color: #a4a4a4;
    cursor: pointer;
    line-height: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 10
}

.JourneyBack:focus {
    border: 0.125em solid transparent;
    border-color: #99b9ae;
    -webkit-box-shadow: 0 0 0.5em #99b9ae;
    box-shadow: 0 0 0.5em #99b9ae;
    outline: none
}

.JourneyBack svg {
    fill: currentColor;
    stroke: currentColor
}

.JourneyBrand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1em;
    margin-top: 1.5em
}

.JourneyBrand-details {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.75em;
    text-shadow: 0 1px 2px #000
}

.JourneyCardCMS {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 32px;
    overflow: hidden
}

.JourneyCardCMS-top {
    padding: 16px
}

.JourneyCardCMS-topActions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.JourneyCardCMS-contentTitle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.JourneyCardCMS-titleIcon {
    margin-right: 8px
}

.JourneyCardCMS-intro {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px
}

.JourneyCardCMS-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

.JourneyCardCMS-formField {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.JourneyCardCMS-formLabel {
    margin-right: 16px
}

.JourneyCardCMS-url {
    word-break: break-word
}

.JourneyCardCMS-formLink {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px
}

.JourneyCardCMS-photo {
    margin: 0 auto;
    max-width: 320px;
    position: relative
}

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

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

.JourneyCardCMS-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
}

.JourneyCardCMS-addNew:focus,
.JourneyCardCMS-addNew:hover,
.JourneyCardCMS-addNew:visited {
    color: #666
}

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

.JourneyCardCMS-addNewAction {
    color: #666;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 90px;
    text-decoration: none
}

.JourneyCardCMS-addNewAction:focus,
.JourneyCardCMS-addNewAction:hover,
.JourneyCardCMS-addNewAction:visited {
    color: #666
}

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

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

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

.JourneyCardCMS-content {
    background-color: #f9f9f9;
    margin: 24px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}

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

.JourneyCardCMS-contentHeader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%
}

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

.JourneyCardCMS-bottomActions {
    margin-bottom: 16px;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px
}

.JourneyCardCMS-hint {
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center
}

.JourneyCardCMS-hint a {
    color: #2a2a2a
}

.JourneyCardCMS-hint a:visited {
    color: #2a2a2a
}

.JourneyCardCMS-hint a:hover,
.JourneyCardCMS-hint a:focus {
    color: #666
}

.JourneyCardCMS-iconTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.JourneyCardCMS-section--participant {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.JourneyCardCMS-details--participant {
    padding: 24px 0
}

.JourneyCardCMS-map--participant {
    margin-top: 16px
}

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

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

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

.JourneyCardCMS-verified--label {
    color: #7a7a7a
}

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

@media (min-width: 768px) {
    .JourneyCardCMS-section--participant {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .JourneyCardCMS-column--participant {
        width: 50%
    }
    .JourneyCardCMS-map--participant {
        margin-left: 16px;
        margin-top: 0
    }
    .JourneyCardCMS-photoMedia {
        padding: 16px
    }
    .JourneyCardCMS-photoDelete {
        right: 42px;
        top: 42px
    }
}

@media (min-width: 768px) {
    .JourneyCardCMS-photoMedia {
        padding: 24px
    }
    .JourneyCardCMS-photoDelete {
        right: 38px;
        top: 38px
    }
}

.JourneyCard {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 458px;
    overflow: hidden;
    text-decoration: none;
    width: 280px
}

.JourneyCard--publishable {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.JourneyCard--publishable:focus,
.JourneyCard--publishable:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16)
}

.JourneyCard--publishable:focus .JourneyCard-headerBackground,
.JourneyCard--publishable:hover .JourneyCard-headerBackground {
    height: 240px
}

.JourneyCard--publishable:focus .JourneyCard-imageMedia,
.JourneyCard--publishable:hover .JourneyCard-imageMedia {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.JourneyCard--publishable:focus .JourneyCard-action::after,
.JourneyCard--publishable:hover .JourneyCard-action::after {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.JourneyCard--publishable:focus .JourneyCard-userProfile,
.JourneyCard--publishable:hover .JourneyCard-userProfile {
    opacity: 1
}

.JourneyCard--tall,
.JourneyCard--wide {
    width: 100%
}

.JourneyCard-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.JourneyCard-header--tall {
    height: 387px
}

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

.JourneyCard-userAvatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.JourneyCard-userDetails {
    color: #fff
}

.JourneyCard-headerBackground {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.64)));
    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;
    -webkit-transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

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

.JourneyCard-title--productPage {
    color: #2a2a2a
}

.JourneyCard-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px
}

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

.JourneyCard-label--productPage {
    display: none
}

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

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

@media (min-width: 480px) {
    .JourneyCard-userProfile {
        opacity: 0
    }
}

@media (min-width: 768px) {
    .JourneyCard--tall {
        width: 280px
    }
}

.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;
    -webkit-box-shadow: 0 0 0.5em #99b9ae;
    box-shadow: 0 0 0.5em #99b9ae;
    outline: none
}

.Action-close svg {
    fill: currentColor;
    height: 1.5em;
    stroke: currentColor;
    width: 1.5em
}

.Action-close--large {
    background-color: rgba(42, 42, 42, 0.4);
    color: #fff;
    margin-left: 0.5em;
    position: static
}

.Action-close--large svg {
    height: 2.5em;
    width: 2.5em
}

.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;
    width: 2.5em
}

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

.Action-close--white svg circle {
    fill: #fff
}

.JourneyHeader-buttons .JourneyClose {
    margin-right: -3rem
}

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

.JourneyDrawer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    width: 100%;
    z-index: 10
}

.JourneyDrawer--open~.Journey>.Journey-content {
    background-color: rgba(0, 0, 0, 0.8)
}

.JourneyDrawer--open {
    -webkit-transform: none;
    transform: none
}

.JourneyDrawer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1em;
    max-height: 75%;
    position: relative;
    z-index: 12
}

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

.StoryCard .JourneyDrawer {
    position: fixed;
    top: 0;
    z-index: 101
}

.StoryCard .JourneyDrawer .ModalCard-content {
    max-height: 316px
}

.JourneyEmbed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 576px;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    width: 320px
}

.JourneyEmbed>div {
    height: 100%;
    position: relative;
    width: 100%
}

.JourneyHeader {
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.4)));
    background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.4));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 3.5em;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 100
}

.JourneyHeader-buttons {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1em;
    margin-top: 1.5em;
    pointer-events: auto
}

.JourneyHeader-share {
    height: 40px;
    margin-left: 0.5em;
    width: 40px
}

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

.Journey {
    background-position: center center;
    background-size: cover;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    height: 100%;
    overflow: hidden;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: 100%
}

.Journey.slide-enter {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.Journey.slide-enter-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.Journey.slide-exit {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.Journey.slide-exit-active {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.Journey.slideBack-enter {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.Journey.slideBack-enter-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.Journey.slideBack-exit {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.Journey.slideBack-exit-active {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.JourneyModal--modalOpened .Journey {
    height: auto
}

.Journey-spacer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 100%
}

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

.StoryCard .Journey-backgroundVideo--video {
    height: 32.8em
}

.Journey-content {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.96)));
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.96));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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);
    -webkit-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
    width: 100%
}

.StoryCard .Journey,
.StoryCard .Journey-content {
    min-height: 32.8em
}

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

.Journey-backgroundVideo--content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.96)));
    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%
}

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

.Journey-share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Journey-description {
    font-family: "Calibre", serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.5em;
    text-align: left
}

.Journey-title,
.Journey-description {
    pointer-events: none
}

.Journey-bottom {
    padding-bottom: 1em;
    width: 100%
}

.Journey-bottom--credits {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding-bottom: 0
}

.Journey-title {
    font-family: "Calibre", serif;
    font-size: 2.125em;
    font-weight: 400;
    line-height: 1.1;
    text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.8)
}

.Journey-subtitle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 0.875em;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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)
}

.Journey-subtitle::before,
.Journey-subtitle::after {
    background-color: currentColor;
    border-top: 1px solid currentColor;
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Journey-subtitle::before {
    margin-right: calc(4em / 7)
}

.Journey-subtitle::after {
    margin-left: calc(4em / 7)
}

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

.Journey-items--proofPoints {
    padding-top: 1em
}

.Journey-items--collaborations {
    padding-top: 24px
}

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

.Journey-branding--click {
    cursor: pointer
}

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

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

.JourneyList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 4px
}

.JourneyList--wraps {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.JourneyList-item {
    margin-top: 24px;
    min-width: 280px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.JourneyList-item:only-child {
    width: calc(100vw - 24px)
}

.JourneyList-item--edit {
    max-width: 280px
}

@media (min-width: 640px) {
    .JourneyList-item:only-child {
        width: 100%
    }
}

@media (min-width: 768px) {
    .JourneyList {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 8px
    }
    .JourneyList-item {
        margin-top: 32px;
        max-width: 632px
    }
    .JourneyList-item--edit {
        max-width: 280px
    }
    .JourneyList-item--edit>.JourneyCard--tall {
        width: 100%
    }
}

.JourneyModal {
    background-color: #000;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.JourneyModal,
.JourneyModal>div {
    height: 100%
}

.JourneyModal--modalOpened {
    height: 100vh
}

.JourneyModal>div,
.StoryCard>.ModalCard-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.JourneyModal>div::-webkit-scrollbar,
.StoryCard>.ModalCard-content::-webkit-scrollbar {
    height: 0
}

.JourneyModal--modalOpened .JourneyHeader-buttons {
    margin-right: 4rem
}

@media (min-width: 640px) {
    .JourneyModal {
        border-radius: 0.25em;
        -webkit-box-shadow: 0 1em 2em #000;
        box-shadow: 0 1em 2em #000;
        display: grid;
        height: 95vh;
        width: auto
    }
}

@media (min-height: 1000px) {
    .JourneyModal {
        height: 928px
    }
}

.JourneyNavigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: none;
    height: calc(100% - 6.5em);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    max-height: 58em;
    pointer-events: none;
    position: fixed;
    width: 100%
}

.JourneyNavigation [disabled] {
    opacity: 0.4
}

.JourneyNavigation [disabled]:hover {
    background-color: transparent
}

.JourneyNavigation-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 42.5em;
    width: 100%
}

.StoryCard .JourneyNavigation-inner {
    display: none
}

.JourneyNavigation-button {
    background-color: transparent;
    border-radius: 50%;
    color: #fff;
    height: 4em;
    line-height: 0;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: background-color 0.2s ease-in, opacity 0.2s ease-in;
    transition: background-color 0.2s ease-in, opacity 0.2s ease-in;
    width: 4em
}

.JourneyNavigation-button:hover {
    background-color: rgba(164, 164, 164, 0.5)
}

.JourneyNavigation-button:first-child {
    margin-right: 30px
}

.JourneyNavigation-button:last-child {
    margin-left: 30px
}

.JourneyNavigation-button>svg {
    height: 100%;
    width: 100%
}

.JourneyNavigation-button circle {
    display: none
}

@media (min-width: 960px) {
    .JourneyNavigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.JourneyNextButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.75em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 2.75em
}

.JourneyOrganization {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.JourneyOrganization-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em;
    padding: 0 4px;
    width: 100%
}

.JourneyOrganization-link {
    font-weight: 700;
    pointer-events: auto
}

.JourneyOrganization-link>svg {
    margin-right: 0.5em;
    vertical-align: middle
}

.JourneyPreview {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 320px
}

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

.JourneyPreview-email--sent {
    display: none
}

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

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

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

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

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

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

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

.JourneyPreview-startInside {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.JourneyPreview-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: 1fr 1fr
}

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

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

.JourneyPreview-actionIcon {
    vertical-align: middle
}

@media (min-width: 640px) {
    .JourneyPreview {
        grid-template-columns: 280px 280px;
        grid-template-rows: -webkit-min-content min-content -webkit-min-content;
        grid-template-rows: min-content min-content min-content;
        max-width: 584px
    }
    .JourneyPreview-intro {
        padding-top: 32px
    }
    .JourneyPreview-start {
        grid-row: span 3
    }
    .JourneyPreview-actions {
        padding-bottom: 32px
    }
}

.ProgressBar {
    background: #fff;
    height: 0.125em;
    position: absolute;
    top: 0.5em;
    -webkit-transform-origin: left;
    transform-origin: left
}

.JourneyProgress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    left: 0;
    padding: 0.5em 0.625em;
    position: absolute;
    top: 0;
    width: 100%
}

.JourneyProgress-line {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 0.125em;
    overflow: hidden;
    position: relative
}

.JourneyProgress-line:first-child {
    background-color: #fff;
    margin-right: 0
}

.JourneyProgress-line:last-child {
    margin-right: 0
}

.JourneyProgress-line::before {
    background-color: #fff;
    content: '';
    height: 100%;
    position: absolute;
    -webkit-transition: width 0.3s ease-in;
    transition: width 0.3s ease-in;
    width: 0
}

.JourneyProgress-line+.JourneyProgress-line {
    margin-left: 0.125em
}

.JourneyProgress-line--viewed {
    background-color: #fff
}

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

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

.JourneyPublish {
    margin-top: 32px
}

.JourneyPublish--publishFirst {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.JourneyPublish-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

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

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

.JourneyPublished {
    background-color: #fff;
    border-radius: 4px;
    color: #2a2a2a;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 48px
}

.JourneyPublished-containerInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 240px
}

.JourneyPublished-containerInner>div {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-top: 180%;
    position: relative;
    width: 100%
}

.JourneyPublished-containerInner .Journey {
    font-size: 12px
}

.JourneyPublished-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    padding-bottom: 48px;
    padding-top: 48px;
    text-align: center
}

.JourneyPublished-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #99b9ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

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

.JourneyPublished-action {
    margin-top: 24px
}

@media (min-width: 640px) {
    .JourneyPublished {
        grid-column-gap: 24px;
        grid-template-columns: 250px 1fr;
        margin-left: auto;
        margin-right: auto;
        max-width: 560px
    }
    .JourneyPublished-container {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding-bottom: 48px;
        padding-left: 48px;
        padding-right: 0;
        padding-top: 48px
    }
    .JourneyPublished-containerInner {
        max-width: 200px
    }
    .JourneyPublished-containerInner .Journey {
        font-size: 10px
    }
    .JourneyPublished-info {
        padding-bottom: 48px;
        padding-left: 0;
        padding-right: 48px;
        padding-top: 48px;
        text-align: left
    }
    .JourneyPublished-label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.JourneyShare {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3d3d3d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: auto;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em
}

.StageHeader {
    height: 3.5em;
    position: relative;
    width: 100%;
    z-index: 1
}

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

.StageHeader-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 5.5em)
}

.SwipePrompt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.4s ease-out 0.4s;
    transition: opacity 0.4s ease-out 0.4s;
    width: 100%
}

.SwipePrompt--hidden {
    opacity: 0
}

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

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

@media (min-width: 960px) {
    .SwipePrompt {
        display: none
    }
}

.JourneyTip {
    position: relative
}

.JourneyTip:focus {
    outline: none
}

.JourneyTip:focus .JourneyTip-content {
    opacity: 1;
    visibility: visible
}

.JourneyTip-content {
    background-color: #fff;
    border-radius: 0.125em;
    -webkit-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.08);
    color: #2a2a2a;
    opacity: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    text-align: left;
    top: 3.125em;
    -webkit-transition: opacity 0.25s, visibility 0.25s;
    transition: opacity 0.25s, visibility 0.25s;
    visibility: hidden;
    width: 18.75em
}

.JourneyTip-content::before,
.JourneyTip-content::after {
    border: 0.6875em solid transparent;
    border-bottom-color: #fff;
    bottom: 100%;
    content: '';
    position: absolute;
    right: 0.5em
}

.JourneyWrapper {
    color: #fff;
    position: fixed;
    width: 100%
}

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

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

.JourneyWrapper-header {
    color: #fff;
    padding-top: 24px
}

.JourneyWrapper--published .JourneyWrapper-header {
    color: #2a2a2a
}

.JourneyWrapper--show .JourneyWrapper-header {
    display: none
}

.JourneyWrapper-wordmarkMedia {
    fill: currentColor;
    height: 13.8px;
    width: 160px
}

.JourneyWrapper-tips {
    padding-top: 32px
}

.JourneyWrapper-image--aspectRatio {
    display: none
}

.JourneyWrapper-footer {
    margin-top: auto;
    padding-bottom: 32px;
    padding-top: 32px;
    text-align: center
}

.JourneyWrapper--published .JourneyWrapper-footer {
    display: none
}

.JourneyWrapper--show .JourneyWrapper-footer {
    display: none
}

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

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

.JourneyWrapper-background {
    height: 200%;
    left: -50%;
    position: fixed;
    top: -50%;
    width: 200%;
    z-index: -1
}

.JourneyWrapper-background::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.JourneyWrapper--published .JourneyWrapper-background {
    display: none
}

.JourneyWrapper--show .JourneyWrapper-background {
    display: none
}

.JourneyWrapper-backgroundImage {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0
}

.JourneyWrapper-action {
    color: #fff;
    text-decoration: none
}

.JourneyWrapper-action>svg {
    margin-left: 4px;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.JourneyWrapper-action:link,
.JourneyWrapper-action:active,
.JourneyWrapper-action:hover,
.JourneyWrapper-action:visited {
    color: #fff
}

@media (min-width: 480px) {
    .JourneyWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 24px;
        padding-right: 24px
    }
    .JourneyWrapper--show .JourneyWrapper-header,
    .JourneyWrapper--show .JourneyWrapper-footer,
    .JourneyWrapper--show .JourneyWrapper-background {
        display: block
    }
    .JourneyWrapper--published {
        display: block
    }
    .JourneyWrapper-headerInner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: grid;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr
    }
    .JourneyWrapper-headerAction {
        text-align: right
    }
    .JourneyWrapper-container {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .JourneyWrapper-inner {
        height: 100%;
        position: relative
    }
}

@media (min-width: 640px) {
    .JourneyWrapper-container--preview {
        margin: 24px 0 0
    }
    .JourneyWrapper-image--aspectRatio {
        display: block;
        height: calc(100vh - 150px);
        width: auto
    }
    .JourneyWrapper--published {
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .JourneyWrapper--published .JourneyWrapper-header {
        color: #fff
    }
    .JourneyWrapper--published .JourneyWrapper-footer,
    .JourneyWrapper--published .JourneyWrapper-background {
        display: block
    }
    .JourneyWrapper-app {
        border-radius: 0.25em;
        bottom: 0;
        -webkit-box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.6);
        box-shadow: 0 1em 2em 0 rgba(0, 0, 0, 0.6);
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
}

@media (min-width: 960px) {
    .JourneyWrapper {
        position: absolute
    }
    .JourneyWrapper-inner {
        min-height: 568px;
        min-width: 320px
    }
    .JourneyWrapper-image--aspectRatio {
        max-height: 928px;
        max-width: 500px
    }
    .JourneyWrapper-footer {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

@media (min-width: 960px) and (max-height: 968px) {
    .JourneyWrapper-container--preview {
        margin: -28px 0 16px
    }
    .JourneyWrapper-image--aspectRatio {
        height: calc(100vh - 32px)
    }
}

.JourneyWrapper,
.JourneyWrapper-container,
.JourneyWrapper-inner {
    height: 100%
}

@media (min-width: 640px) {
    .Journey,
    .Journey-content {
        height: 100%
    }
    .JourneyWrapper,
    .JourneyWrapper-container,
    .JourneyWrapper-inner {
        height: auto
    }
}

.JsonData {
    display: grid;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    margin-top: 24px
}

@media (min-width: 768px) {
    .JsonData {
        display: grid;
        grid-row-gap: 24px;
        grid-template-columns: 240px auto;
        margin-top: 32px
    }
}

.LanguageSwitcher {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.LanguageSwitcher-currentChoice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 20px 4px 4px;
    position: relative
}

.LanguageSwitcher-currentChoice::before,
.LanguageSwitcher-currentChoice::after {
    content: '';
    display: inline-block
}

.LanguageSwitcher-currentChoice::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='%23A4A4A4'%3E%3Cpath d='M11.57 3.531l.015.118-.177.037-.023.251h.211l.282-.027.145-.173-.154-.06-.085-.097-.127-.206-.061-.291-.238.049-.067.102v.116l.115.079z'/%3E%3Cpath d='M11.366 3.628l.013-.157-.14-.061-.196.046-.145.233v.151h.169zM7.334 4.296l-.044.112h-.208v.107h.05s.002.023.007.053l.128-.01.08-.05.02-.1.104-.01.04-.084-.094-.02-.083.002zM6.796 4.492l-.008.106.151-.013.015-.106-.09-.071z'/%3E%3Cpath d='M15.998 7.917a7.951 7.951 0 0 0-.566-2.873c-.02-.051-.039-.103-.06-.153a8.01 8.01 0 0 0-1.99-2.806A7.97 7.97 0 0 0 8 0C5.912 0 4.01.805 2.584 2.12c-.333.305-.638.64-.915.998A7.956 7.956 0 0 0 0 8c0 4.411 3.589 8 8 8a8.006 8.006 0 0 0 8-8l-.002-.083zM14.493 4.72l.046-.052c.06.118.118.238.172.36l-.076-.003-.142.02V4.72zm-1.156-1.396v-.357c.127.133.248.27.363.412l-.144.215-.503-.005-.032-.105.316-.16zm-9.65-.888v-.014h.16l.013-.054h.262v.114l-.075.1h-.361v-.146zm.255.357s.16-.027.174-.027c.014 0 0 .16 0 .16l-.361.022-.069-.082.256-.073zm11.06 3.176h-.585l-.357-.266-.375.037v.229h-.12l-.127-.092-.65-.165v-.42l-.825.063-.255.137h-.327l-.16-.016-.397.22v.416l-.812.585.067.25h.165l-.043.239-.116.042-.006.623.701.799h.306l.018-.049h.549l.158-.146h.311l.171.17.464.049-.061.617.515.909-.272.518.019.244.213.213v.587l.28.377v.488h.243A7.331 7.331 0 0 1 8 15.342C3.952 15.342.658 12.048.658 8c0-1.02.21-1.99.586-2.873v-.23l.263-.318c.09-.172.189-.34.293-.504l.012.134-.305.37c-.094.178-.183.36-.263.548v.417l.306.147v.581l.292.5.238.036.03-.171-.28-.433-.055-.421h.164l.07.433.406.592-.105.19.258.395.64.159v-.104l.257.037-.024.183.201.037.31.085.44.5.561.043.055.457-.384.269-.018.408-.055.25.556.696.042.238s.201.055.226.055c.024 0 .452.323.452.323v1.257l.152.042-.104.58.257.342-.048.575.339.595.434.38.437.008.043-.141-.32-.27.018-.135.057-.164.012-.168-.217-.007-.11-.137.18-.174.025-.13-.201-.058.012-.122.287-.043.436-.21.146-.268.458-.586-.104-.458.14-.244.421.013.284-.225.091-.883.314-.4.055-.256-.286-.092-.19-.31-.646-.007-.513-.195-.024-.366-.171-.299-.464-.007-.268-.42-.237-.116-.013.128-.433.026-.158-.221-.452-.092-.372.43-.586-.1-.042-.66-.428-.072.172-.324-.05-.186-.561.375-.354-.043-.126-.276.077-.284.195-.36.449-.226h.866l-.003.264.312.144-.025-.451.225-.226.452-.297.031-.21.452-.47.48-.265-.043-.035.325-.306.12.031.054.069.124-.137.03-.014-.135-.019-.138-.045v-.132l.073-.06h.16l.074.033.063.128.078-.012v-.011l.022.008.225-.035.032-.11.129.032v.12l-.12.081.018.131.408.126v.005l.095-.008.006-.177-.323-.147-.019-.085.269-.091.011-.257-.28-.17-.018-.434-.385.19h-.14l.037-.33-.523-.123-.217.163v.499l-.389.123-.156.325-.17.028v-.416l-.365-.05-.183-.12-.074-.27.655-.382.32-.098.032.215.179-.009.013-.108.187-.027.003-.038-.08-.033-.018-.114.229-.02.138-.144.008-.01h.002l.042-.043.482-.061.213.18-.559.299.711.167.093-.237h.31l.11-.208-.22-.055v-.262l-.689-.305-.476.055-.268.14.018.342-.28-.043-.043-.189.268-.244-.488-.024-.14.042-.06.165.182.03-.036.183-.311.019-.049.122-.451.012s-.013-.256-.03-.256l.353-.006.269-.263-.147-.073-.195.19-.324-.019-.195-.269h-.415l-.433.324h.397l.036.116-.103.096.44.012.067.159-.495-.019-.024-.122-.31-.067-.166-.091-.37.002A7.301 7.301 0 0 1 8 .658a7.31 7.31 0 0 1 4.847 1.834l-.087.156-.339.133-.143.155.033.18.175.025.105.263.302-.121.05.352h-.091l-.248-.037-.274.046-.266.375-.38.06-.055.325.16.038-.046.209-.377-.076-.346.076-.073.192.06.404.203.095.34-.002.23-.02.07-.183.36-.467.236.048.233-.21.044.164.573.387-.07.094-.258-.014.1.14.158.036.186-.078-.004-.224.083-.042-.067-.07-.382-.213-.1-.284h.317l.102.101.274.236.011.285.284.302.105-.414.197-.107.037.339.192.21.382-.006c.074.19.14.384.199.582l-.04.037zM4.364 3.635l.192-.092.173.042-.06.233-.187.06-.118-.243zm1.02.549v.15h-.44L4.78 4.29l.041-.105.21-.087h.29v.087h.062zm.201.21v.147l-.11.07-.136.026v-.243h.246zm-.123-.06v-.173l.15.137-.15.037zm.068.353v.142l-.105.106h-.233l.037-.16.11-.01.023-.055.168-.023zm-.58-.293h.242l-.311.435-.128-.069.027-.183.17-.183zm.992.243v.142H5.71l-.064-.092v-.132h.019l.278.082zm-.215-.195l.066-.07.113.07-.09.074-.09-.074zm9.394 1.897l.023-.027.03.125-.053-.098z'/%3E%3Cpath d='M1.235 4.86v.227c.08-.185.167-.366.26-.543l-.26.316z'/%3E%3C/g%3E%3C/svg%3E");
    background-position-y: center;
    background-repeat: no-repeat;
    height: 24px;
    margin-right: 5px;
    width: 16px
}

.LanguageSwitcher-currentChoice::after {
    border: 5px transparent solid;
    border-top-color: inherit;
    border-top-width: 7px;
    margin-top: -4px;
    position: absolute;
    right: 6px;
    top: 50%
}

.LanguageSwitcher-currentChoice.is-rotated::after {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.LanguageSwitcher-list {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    display: none;
    min-width: 100%;
    padding: 4px 0 16px;
    position: absolute;
    right: 0;
    top: 42px
}

.LanguageSwitcher-list.show {
    display: inline
}

.LanguageSwitcher-listItem {
    margin-top: 12px
}

.LanguageSwitcher-listItem>.LanguageSwitcher-link--active {
    font-weight: 700
}

.LanguageSwitcher-link {
    color: #2a2a2a;
    display: inherit;
    padding: 0 16px;
    text-decoration: none
}

.LanguageSwitcher-link:hover {
    background-color: #f9f9f9
}

.LanguageSwitcher-link:visited {
    color: #2a2a2a
}

.LanguageSwitcher-link:focus,
.LanguageSwitcher-link:hover {
    text-decoration: none
}

.Container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding-left: 24px;
    padding-right: 24px
}

.Container--passport {
    max-width: 960px
}

.Container--borderTop {
    border-top: 1px solid #e4e4e4
}

.Container--report {
    margin-bottom: 32px;
    margin-top: 32px;
    max-width: 752px
}

.Container--collection,
.Container--collectionHeader {
    max-width: 1162px
}

.Container--full {
    padding-left: 0;
    padding-right: 0
}

.Container--left {
    margin-left: 0
}

.Container-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px
}

@media (min-width: 1200px) {
    .Container--report {
        margin-bottom: 48px;
        margin-top: 48px
    }
    .Container--left {
        margin-left: auto;
        margin-right: auto
    }
}

.Flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Flexbox--alignItemsCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Flexbox--directionColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Flexbox--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Flexbox-item--flexAlignSelfEnd {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.Grid {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(12, [col-start] 1fr)
}

.Grid--thirds {
    grid-gap: 16px;
    grid-template-columns: repeat(3, [col-start] 1fr)
}

.Grid-col2,
.Grid-col3,
.Grid-col4,
.Grid-col5,
.Grid-col6,
.Grid-col7,
.Grid-col8,
.Grid-col12 {
    grid-column: span 12
}

.Grid-col1--thirds,
.Grid-col2--thirds {
    grid-column: span 3
}

.Grid-col7 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.Grid-col5--after7 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.Grid-subgrid2 {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, [col-start] minmax(0, 1fr))
}

.Grid-subgrid4,
.Grid-subgrid6 {
    display: grid;
    grid-column: span 12;
    grid-gap: 24px;
    grid-template-columns: repeat(6, [col-start] 1fr)
}

@media (min-width: 360px) {
    .Grid-col2 {
        grid-column: span 3
    }
}

@media (min-width: 640px) {
    .Grid-col3 {
        grid-column: span 3
    }
    .Grid-col4,
    .Grid-col6,
    .Grid-col8 {
        grid-column: span 6
    }
    .Grid-col5 {
        grid-column: span 5
    }
    .Grid-col5--after7 {
        grid-column: col-start 8 / span 5;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .Grid-col7 {
        grid-column: span 7;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 768px) {
    .Grid-col4 {
        grid-column: span 4
    }
    .Grid-col8 {
        grid-column: span 8
    }
}

@media (min-width: 1024px) {
    .Grid-subgrid4 {
        grid-column: span 4;
        grid-template-columns: repeat(4, [col-start] 1fr)
    }
    .Grid-col1--thirds {
        grid-column: span 1
    }
    .Grid-col2--thirds {
        grid-column: span 2
    }
}

@media (min-width: 1200px) {
    .Grid-col2 {
        grid-column: span 2
    }
}

.PanelGrid {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 64px
}

.PanelGrid--product {
    margin-top: 24px
}

@media (min-width: 768px) {
    .PanelGrid {
        grid-template-columns: 58% auto
    }
}

.Section {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.Section--dark {
    background-color: #f9f9f9;
    padding-bottom: 24px
}

.Section--bleedToTop {
    margin-top: 0;
    padding-top: 24px
}

@media (min-width: 768px) {
    .Section {
        margin-top: 32px;
        padding-left: 32px;
        padding-right: 32px
    }
    .Section--bleedToTop {
        margin-top: 0;
        padding-top: 32px
    }
}

@media (min-width: 1200px) {
    .Section {
        margin-top: 48px;
        padding-left: 48px;
        padding-right: 48px
    }
    .Section--bleedToTop {
        margin-top: 0;
        padding-top: 48px
    }
}

.LinedHeading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-transform: uppercase
}

.LinedHeading::before,
.LinedHeading::after {
    background-color: currentColor;
    border-top: 2px solid currentColor;
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.LinedHeading::before {
    margin-right: 8px
}

.LinedHeading::after {
    margin-left: 8px
}

a.ExternalLink-inner {
    color: #2a2a2a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: underline;
    word-break: break-word
}

a.ExternalLink-inner:visited {
    color: #2a2a2a
}

a.ExternalLink-inner:focus,
a.ExternalLink-inner:hover {
    text-decoration: none
}

a.ExternalLink-inner>svg {
    margin-left: 4px
}

a.Link {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: underline;
    word-break: break-word
}

a.Link:visited {
    color: inherit
}

a.Link:focus,
a.Link:hover {
    text-decoration: none
}

a.Link>svg {
    margin-left: 4px
}

a.Link--secondary {
    text-decoration: none
}

.Mapbox-map {
    cursor: auto;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100vw
}

@media (min-width: 640px) {
    .Mapbox-map {
        width: 100%
    }
}

.Mapbox-map.is-loaded {
    opacity: 1
}

.Mapbox-map .leaflet-top,
.Mapbox-map .leaflet-bottom {
    z-index: 0
}

.Mapbox-map .leaflet-interactive {
    fill: #2f3a4a;
    fill-opacity: 0.5;
    stroke: none
}

.Mapbox-map .Mapbox-markerTitle {
    margin-bottom: 0
}

.Mapbox-map .Mapbox-markerLocation {
    color: #7a7a7a;
    margin-bottom: 0;
    padding-top: 4px
}

.Mapbox-map .Mapbox-markerLink {
    line-height: 1;
    margin-bottom: 0;
    margin-top: 12px
}

.Mapbox-map .Mapbox-markerLink a,
.Mapbox-map .Mapbox-markerLink a:hover,
.Mapbox-map .Mapbox-markerLink a:link,
.Mapbox-map .Mapbox-markerLink a:active,
.Mapbox-map .Mapbox-markerLink a:visited {
    color: #2a2a2a
}

.Mapbox-map .map-legend h2 {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    text-transform: uppercase
}

.Mapbox-map--collaboratorCard {
    max-width: 100%
}

.Mapbox-flagIcon {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Mapbox-markerImage {
    height: auto;
    width: 100%
}

.Mapbox-legend {
    display: none
}

.Map-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Map-overlay.is-hidden {
    display: none
}

.Map-marker {
    border-radius: 50% 50% 50% 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Map-marker>img,
.Map-marker>svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Map-marker>img {
    border-radius: 50%;
    margin: -1px
}

.Map-marker+.Map-markerLabel,
.Map-marker~.Map-markerSubtitle {
    margin-left: -100px;
    opacity: 0;
    text-align: center;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
    width: 250px
}

.Map-marker+.Map-markerLabel {
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 5px;
    margin-top: 10px
}

.Map-marker~.Map-markerSubtitle {
    font-family: "Calibre", sans-serif;
    font-size: 10px;
    margin-top: -10px
}

.Map-marker:hover+.Map-markerLabel,
.Map-marker:hover~.Map-markerSubtitle {
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    visibility: visible
}

.Map-marker--simple {
    background: #a4a4a4;
    height: 30px;
    width: 30px
}

.Map-marker--simple+.Map-markerLabel,
.Map-marker--simple~.Map-markerSubtitle {
    margin-left: -110px
}

.Map-marker--simple+.Map-markerLabel {
    margin-top: 6px
}

.Map-marker--withContent {
    background: #fff;
    height: 50px;
    width: 50px
}

.leaflet-marker-icon:not(:hover) {
    z-index: 0 !important
}

.MapFooter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.MapFooter .Footer-flagMedia {
    width: 18px
}

.MapFooter .Embed-poweredBy {
    font-size: 10px;
    margin-left: 2px
}

.MapFooter .Embed-wordmark {
    margin-left: 5px
}

.MapFooter-mapboxLogo,
.MapFooter-mapboxLinks {
    left: 0;
    margin-left: 2%
}

.MapFooter-trademark {
    font-size: 10px
}

.MapFooter-mapboxLogo {
    position: relative;
    top: -45px;
    width: 136px
}

.MapFooter-mapboxLinks {
    bottom: 47px;
    font-family: "Calibre", serif;
    font-size: 9px;
    font-style: italic
}

.Mapbox-map .leaflet-bottom {
    z-index: 1
}

.marker-cluster {
    background-clip: padding-box;
    background-color: rgba(82, 82, 82, 0.8);
    border-radius: 20px
}

.marker-cluster div {
    background-color: #525252;
    border-radius: 15px;
    color: #fff;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 1.5;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    width: 30px
}

.marker-cluster span {
    line-height: 30px
}

.HamburgerMenu {
    display: block
}

@media (min-width: 960px) {
    .HamburgerMenu {
        display: none
    }
    .HamburgerMenu--nonMarketingPage {
        display: block
    }
}

.Menu {
    padding-top: 16px
}

.Menu--anonymous {
    padding-top: 0
}

.Menu--anonymous>.Menu-item a,
.Menu--anonymous>.Menu-item a:active,
.Menu--anonymous>.Menu-item a:focus,
.Menu--anonymous>.Menu-item a:visited {
    color: #666
}

.Menu--anonymous>.Menu-item a:hover {
    background-color: transparent;
    color: #a4a4a4
}

.Menu--anonymous>.Menu-item.is-active>a,
.Menu--anonymous>.Menu-item.is-active a:visited {
    color: #666
}

.Menu--anonymous>.Menu-item--signUp a,
.Menu--anonymous>.Menu-item--signUp a:hover,
.Menu--anonymous>.Menu-item--signUp a:active,
.Menu--anonymous>.Menu-item--signUp a:focus,
.Menu--anonymous>.Menu-item--signUp a:visited {
    color: #ee6265
}

.Menu--anonymous>.Menu-item--signIn a,
.Menu--anonymous>.Menu-item--signIn a:hover,
.Menu--anonymous>.Menu-item--signIn a:active,
.Menu--anonymous>.Menu-item--signIn a:focus,
.Menu--anonymous>.Menu-item--signIn a:visited {
    color: #2a2a2a
}

.Menu-item {
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 8px;
    position: relative;
    text-transform: uppercase
}

.Menu-item a {
    color: #e4e4e4;
    display: inline-block;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    text-decoration: none;
    -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
    transition: background-color 200ms ease-in, color 200ms ease-in;
    width: 100%
}

.Menu-item a:visited {
    color: #e4e4e4
}

.Menu-item a:hover,
.Menu-item a:active,
.Menu-item a:focus {
    background-color: #495464;
    color: #fff
}

.Menu-item.is-active::before {
    background-color: #99b9ae;
    content: '';
    height: 30px;
    position: absolute;
    width: 4px
}

.Menu-item.is-active>a,
.Menu-item.is-active a:visited {
    background-color: #495464;
    color: #fff
}

.Menu-item--new::after {
    background-color: #ee6265;
    border-radius: 8px;
    color: #fff;
    content: 'new';
    font-family: "Calibre", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    position: absolute;
    right: 8px;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.Menu-item--headingSubmenu.is-active::before {
    display: none
}

.Menu-item--headingSubmenu.is-active>a,
.Menu-item--headingSubmenu.is-active a:visited {
    background-color: transparent;
    color: #e4e4e4
}

.Menu-item--headingSubmenu a:active,
.Menu-item--headingSubmenu a:focus {
    background-color: transparent;
    color: #e4e4e4
}

.Menu-item--headingSubmenu a:hover {
    background-color: #495464;
    color: #fff
}

.Menu-item--sub a {
    padding-left: 40px
}

.Menu-item--sub.is-active>a,
.Menu-item--sub.is-active a:visited {
    color: #fff
}

.Menu-item--heading {
    border-bottom: solid 1px #495464;
    padding-bottom: 8px
}

.Message {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 16px 12px
}

.Message--columnLayout {
    display: grid;
    grid-row-gap: 16px;
    grid-template-columns: 1fr
}

.Message--info {
    background-color: #f9f9f9;
    border-color: #ccc
}

.Message--success {
    background-color: #e1eae0;
    border-color: #99b9ae
}

.Message--error {
    background-color: #ffc8ca;
    border-color: #ee6265
}

.Message-wrapper {
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    .Message--columnLayout {
        display: grid;
        grid-template-columns: 1fr auto
    }
}

.ModalCard-content {
    max-height: 26.5em;
    overflow-y: auto;
    padding: 1em 0.75em 0.75em
}

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

.StoryCard>.ModalCard-content {
    max-height: 32.8em;
    overflow: hidden;
    padding: 0;
    position: relative
}

.ModalCard-section {
    border: 0.0625em solid #e4e4e4;
    border-radius: 0.25em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 1.5em;
    padding: 0.75em;
    text-align: left
}

.ModalCard-section:first-of-type {
    margin-top: 1em
}

.ModalCard-section--ugc {
    background-color: #f4f4f4
}

.ModalCard-section--theme {
    background-color: #fff;
    margin-top: 1.5em
}

.ModalCard-theme {
    margin-bottom: 1.5em
}

.ModalCard-heading {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 1em;
    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;
    padding-top: 0.875em
}

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

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

.ModalCard-link {
    display: inline-block;
    text-decoration: underline;
    word-break: break-all
}

.ModalCard-link>em {
    font-family: "Calibre", sans-serif;
    font-style: normal
}

.ModalCard-link:link,
.ModalCard-link:visited {
    color: inherit
}

.ModalCard-link:hover,
.ModalCard-link:focus {
    color: inherit;
    text-decoration: none
}

.ModalCard-list {
    font-family: "Calibre", serif;
    font-size: 14px;
    line-height: 1.5;
    list-style-position: outside;
    list-style-type: disc;
    margin-top: 0.75em;
    padding: 0 1.5em
}

.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
}

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

.ModalCard-locationText {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.ModalCard-locationText>svg {
    margin-right: 4px;
    vertical-align: middle
}

.ModalCard-footer {
    border-top: 0.0625em solid #e4e4e4;
    margin: 1.5em -0.75em 0;
    padding: 1.5em 0.75em 12px;
    text-align: center
}

.ModalCardHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ModalCardHeader--user {
    margin-top: 0.75rem;
    padding: 0.75rem
}

.ModalCardHeader--organization {
    margin-top: 0.5em
}

.ModalCardHeader-logo {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.08);
    height: 6em;
    padding: 0.5em;
    width: 6em
}

.ModalCardHeader-logo>img,
.ModalCardHeader-logo>svg {
    height: 5em;
    width: 5em
}

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

.ModalCardHeader-logo--product {
    height: 3em;
    padding: 0.125em;
    width: 3em
}

.ModalCardHeader-logo--product>img {
    height: 2.875em;
    width: 2.875em
}

.ModalCardHeader-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1em;
    text-align: left
}

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

.ModalCardHeader-subtitle {
    color: #2a2a2a;
    font-family: "Calibre", serif;
    font-size: 1em;
    margin-top: 0.25em
}

.Navbar {
    background-color: #fff;
    border-bottom: 2px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 13
}

.Navbar.is-absolute {
    position: absolute;
    top: auto
}

.Navbar.is-transparent {
    background-color: transparent
}

.Navbar.is-transparent .Chrome-burgerInner,
.Navbar.is-transparent .Navbar-wordmarkInner {
    color: #fff
}

.Navbar.is-transparent .Chrome-burgerInner:visited,
.Navbar.is-transparent .Navbar-wordmarkInner:visited {
    color: #fff
}

.Navbar.is-transparent .LanguageSwitcher {
    background-color: rgba(42, 42, 42, 0.4);
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.Navbar.is-transparent .LanguageSwitcher-currentChoice {
    height: 100%;
    padding-right: 8px;
    width: 100%
}

.Navbar.is-transparent .LanguageSwitcher-currentChoice::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M11.57 3.531l.015.118-.177.037-.023.251h.211l.282-.027.145-.173-.154-.06-.085-.097-.127-.206-.061-.291-.238.049-.067.102v.116l.115.079z'/%3E%3Cpath d='M11.366 3.628l.013-.157-.14-.061-.196.046-.145.233v.151h.169zM7.334 4.296l-.044.112h-.208v.107h.05s.002.023.007.053l.128-.01.08-.05.02-.1.104-.01.04-.084-.094-.02-.083.002zM6.796 4.492l-.008.106.151-.013.015-.106-.09-.071z'/%3E%3Cpath d='M15.998 7.917a7.951 7.951 0 0 0-.566-2.873c-.02-.051-.039-.103-.06-.153a8.01 8.01 0 0 0-1.99-2.806A7.97 7.97 0 0 0 8 0C5.912 0 4.01.805 2.584 2.12c-.333.305-.638.64-.915.998A7.956 7.956 0 0 0 0 8c0 4.411 3.589 8 8 8a8.006 8.006 0 0 0 8-8l-.002-.083zM14.493 4.72l.046-.052c.06.118.118.238.172.36l-.076-.003-.142.02V4.72zm-1.156-1.396v-.357c.127.133.248.27.363.412l-.144.215-.503-.005-.032-.105.316-.16zm-9.65-.888v-.014h.16l.013-.054h.262v.114l-.075.1h-.361v-.146zm.255.357s.16-.027.174-.027c.014 0 0 .16 0 .16l-.361.022-.069-.082.256-.073zm11.06 3.176h-.585l-.357-.266-.375.037v.229h-.12l-.127-.092-.65-.165v-.42l-.825.063-.255.137h-.327l-.16-.016-.397.22v.416l-.812.585.067.25h.165l-.043.239-.116.042-.006.623.701.799h.306l.018-.049h.549l.158-.146h.311l.171.17.464.049-.061.617.515.909-.272.518.019.244.213.213v.587l.28.377v.488h.243A7.331 7.331 0 0 1 8 15.342C3.952 15.342.658 12.048.658 8c0-1.02.21-1.99.586-2.873v-.23l.263-.318c.09-.172.189-.34.293-.504l.012.134-.305.37c-.094.178-.183.36-.263.548v.417l.306.147v.581l.292.5.238.036.03-.171-.28-.433-.055-.421h.164l.07.433.406.592-.105.19.258.395.64.159v-.104l.257.037-.024.183.201.037.31.085.44.5.561.043.055.457-.384.269-.018.408-.055.25.556.696.042.238s.201.055.226.055c.024 0 .452.323.452.323v1.257l.152.042-.104.58.257.342-.048.575.339.595.434.38.437.008.043-.141-.32-.27.018-.135.057-.164.012-.168-.217-.007-.11-.137.18-.174.025-.13-.201-.058.012-.122.287-.043.436-.21.146-.268.458-.586-.104-.458.14-.244.421.013.284-.225.091-.883.314-.4.055-.256-.286-.092-.19-.31-.646-.007-.513-.195-.024-.366-.171-.299-.464-.007-.268-.42-.237-.116-.013.128-.433.026-.158-.221-.452-.092-.372.43-.586-.1-.042-.66-.428-.072.172-.324-.05-.186-.561.375-.354-.043-.126-.276.077-.284.195-.36.449-.226h.866l-.003.264.312.144-.025-.451.225-.226.452-.297.031-.21.452-.47.48-.265-.043-.035.325-.306.12.031.054.069.124-.137.03-.014-.135-.019-.138-.045v-.132l.073-.06h.16l.074.033.063.128.078-.012v-.011l.022.008.225-.035.032-.11.129.032v.12l-.12.081.018.131.408.126v.005l.095-.008.006-.177-.323-.147-.019-.085.269-.091.011-.257-.28-.17-.018-.434-.385.19h-.14l.037-.33-.523-.123-.217.163v.499l-.389.123-.156.325-.17.028v-.416l-.365-.05-.183-.12-.074-.27.655-.382.32-.098.032.215.179-.009.013-.108.187-.027.003-.038-.08-.033-.018-.114.229-.02.138-.144.008-.01h.002l.042-.043.482-.061.213.18-.559.299.711.167.093-.237h.31l.11-.208-.22-.055v-.262l-.689-.305-.476.055-.268.14.018.342-.28-.043-.043-.189.268-.244-.488-.024-.14.042-.06.165.182.03-.036.183-.311.019-.049.122-.451.012s-.013-.256-.03-.256l.353-.006.269-.263-.147-.073-.195.19-.324-.019-.195-.269h-.415l-.433.324h.397l.036.116-.103.096.44.012.067.159-.495-.019-.024-.122-.31-.067-.166-.091-.37.002A7.301 7.301 0 0 1 8 .658a7.31 7.31 0 0 1 4.847 1.834l-.087.156-.339.133-.143.155.033.18.175.025.105.263.302-.121.05.352h-.091l-.248-.037-.274.046-.266.375-.38.06-.055.325.16.038-.046.209-.377-.076-.346.076-.073.192.06.404.203.095.34-.002.23-.02.07-.183.36-.467.236.048.233-.21.044.164.573.387-.07.094-.258-.014.1.14.158.036.186-.078-.004-.224.083-.042-.067-.07-.382-.213-.1-.284h.317l.102.101.274.236.011.285.284.302.105-.414.197-.107.037.339.192.21.382-.006c.074.19.14.384.199.582l-.04.037zM4.364 3.635l.192-.092.173.042-.06.233-.187.06-.118-.243zm1.02.549v.15h-.44L4.78 4.29l.041-.105.21-.087h.29v.087h.062zm.201.21v.147l-.11.07-.136.026v-.243h.246zm-.123-.06v-.173l.15.137-.15.037zm.068.353v.142l-.105.106h-.233l.037-.16.11-.01.023-.055.168-.023zm-.58-.293h.242l-.311.435-.128-.069.027-.183.17-.183zm.992.243v.142H5.71l-.064-.092v-.132h.019l.278.082zm-.215-.195l.066-.07.113.07-.09.074-.09-.074zm9.394 1.897l.023-.027.03.125-.053-.098z'/%3E%3Cpath d='M1.235 4.86v.227c.08-.185.167-.366.26-.543l-.26.316z'/%3E%3C/g%3E%3C/svg%3E")
}

.Navbar.is-transparent .LanguageSwitcher-currentChoice::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m0 5 5-5 5 5' transform='matrix(1 0 0 -1 1 6)'/%3E%3C/svg%3E");
    border: none;
    height: 7px;
    margin-left: 4px;
    right: 4px;
    width: 12px
}

.Navbar.is-transparent .LanguageSwitcher-currentChoice.is-rotated::after {
    margin-top: -4px
}

.Navbar.is-transparent .LanguageSwitcher-title {
    display: none
}

.Navbar.is-transparent .LanguageSwitcher-title::before {
    margin-right: 0
}

.Navbar.is-transparent .Navbar-menuItemInner {
    color: #fff
}

.Navbar.is-transparent .Navbar-menuItemInner:visited {
    color: #fff
}

.Navbar.is-transparent .Navbar-menuItemInner:focus,
.Navbar.is-transparent .Navbar-menuItemInner:hover {
    color: #ccc
}

.Navbar.is-transparent .Navbar-menuItemInner.is-active {
    color: #ccc
}

.Navbar.is-transparent .Navbar-menuItemInner.is-active:visited {
    color: #ccc
}

.Navbar.is-transparent .Navbar-right {
    background-color: transparent
}

.Navbar.is-transparent .Chrome-sort {
    color: #fff
}

.Navbar.is-transparent .Chrome-sortButton {
    color: #fff
}

.Navbar.is-transparent .Chrome-sortButton::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%23FFF%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%0A")
}

.Navbar.is-transparent .Action--join {
    background-color: #fff;
    border-color: #fff;
    color: #666
}

.Navbar.is-transparent .Action--join:focus,
.Navbar.is-transparent .Action--join:hover {
    background-color: #666;
    border-color: #666;
    color: #fff
}

.Navbar.is-transparent .Action--signUp {
    background-color: #666;
    border-color: #666;
    color: #fff
}

.Navbar.is-transparent .Action--signUp:focus,
.Navbar.is-transparent .Action--signUp:hover {
    background-color: #fff;
    border-color: #fff;
    color: #666
}

.Navbar.is-transparent .Action--signIn {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.Navbar.is-transparent .Action--signIn:visited {
    color: #fff
}

.Navbar.is-transparent .Action--signIn:focus,
.Navbar.is-transparent .Action--signIn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #666
}

.Navbar.is-scroll {
    border-color: #f4f4f4
}

.Navbar.is-scroll.is-transparent {
    border-color: transparent
}

.Navbar--modal {
    position: absolute
}

.Navbar-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding-left: 16px
}

.Navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 16px
}

.Product--modalOpened .Navbar-right {
    padding-right: 61px
}

.Chrome-burger {
    padding-bottom: 16px;
    padding-right: 16px;
    padding-top: 16px
}

.Chrome-burgerInner {
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.Chrome-burgerInner:visited {
    color: #2a2a2a
}

.Chrome-burgerMedia {
    display: inline-block;
    fill: currentColor;
    height: 14px;
    width: 16px
}

.Navbar-account {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.Navbar-account:visited {
    color: #2a2a2a
}

.Navbar-account:focus,
.Navbar-account:hover {
    color: #a4a4a4
}

.Navbar-account:focus .Navbar-accountAvatarMedia,
.Navbar-account:hover .Navbar-accountAvatarMedia {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.Navbar-accountTrial {
    color: #ee6265;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-right: 8px
}

.Navbar-accountAvatar {
    height: 28px;
    width: 28px
}

.Navbar-accountAvatarMedia {
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc
}

.Navbar-accountAvatarPlaceholder {
    background-color: #f4f4f4;
    border-radius: 50%;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.Navbar-accountName {
    display: none;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 16px;
    padding-right: 5px;
    padding-top: 16px
}

.Navbar-plan {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 16px
}

.Navbar-plan:focus,
.Navbar-plan:hover,
.Navbar-plan:visited {
    color: #7a7a7a
}

.Navbar-plan span {
    color: #2a2a2a
}

.Navbar-plan a {
    color: #2a2a2a;
    text-decoration: none
}

.Navbar-plan a:visited {
    color: #2a2a2a
}

.Navbar-plan a:focus,
.Navbar-plan a:hover {
    color: #a4a4a4
}

.Navbar-wordmark {
    margin-right: auto;
    padding-bottom: 16px;
    padding-top: 16px
}

.Navbar-wordmarkInner {
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.Navbar-wordmarkInner:visited {
    color: #2a2a2a
}

.Navbar-wordmarkMedia {
    fill: currentColor;
    height: 13.8px;
    width: 160px
}

@media (min-width: 480px) {
    .Navbar-left {
        padding-right: 16px
    }
}

@media (min-width: 960px) {
    .Navbar-account {
        padding-right: 8px
    }
    .Navbar-accountTrial {
        display: none
    }
    .Navbar-accountName {
        display: block;
        margin-left: 8px
    }
    .Navbar-plan {
        padding-left: 8px;
        padding-right: 8px
    }
    .Chrome--marketingNav .Chrome-burger {
        display: none
    }
}

@media (min-width: 1000px) {
    .Navbar-account {
        padding-right: 13px
    }
    .Navbar-plan {
        padding-left: 13px;
        padding-right: 13px
    }
}

@media (min-width: 1500px) {
    .Chrome--marketingNav .Navbar {
        left: 0
    }
}

.Chrome-drawer {
    background: #fff;
    border-right: 1px solid #f4f4f4;
    bottom: 0;
    display: block;
    -webkit-overflow-scrolling: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    visibility: hidden;
    width: 240px;
    z-index: 15
}

.Chrome-drawer.is-visible {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.Chrome-drawer--left {
    left: 0;
    text-align: left;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
}

.Chrome-drawer--right {
    right: 0;
    text-align: right;
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0)
}

.Chrome-drawerInner {
    min-height: 100%;
    position: relative
}

.Chrome-drawerNav {
    padding-top: 16px
}

.Chrome-drawerNavItem {
    color: #7a7a7a;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: uppercase
}

.Chrome-drawerNavItem--large {
    font-size: 13px
}

.Chrome-drawerNavItem--spaced {
    margin-top: 48px
}

.Chrome-drawerNavItem--disabled {
    color: #ccc
}

.Chrome-drawerNavItem--capitalize {
    letter-spacing: 0;
    text-transform: capitalize
}

.Chrome-drawerNavItemInner {
    color: #666;
    display: inline-block;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    text-decoration: none
}

.Chrome-drawerNavItemInner:visited {
    color: #666
}

.Chrome-drawerNavItemInner:hover,
.Chrome-drawerNavItemInner:active,
.Chrome-drawerNavItemInner:focus {
    color: #a4a4a4
}

.Chrome-drawerNavItemInner--dark {
    color: #2a2a2a
}

.Chrome-drawerNavItemInner--dark:visited {
    color: #2a2a2a
}

.Chrome-drawerNavItemInner--dark:hover,
.Chrome-drawerNavItemInner--dark:active,
.Chrome-drawerNavItemInner--dark:focus {
    color: #7a7a7a
}

.Chrome-drawerNavItemInner--red {
    color: #ee6265
}

.Chrome-drawerNavItemInner--red:visited {
    color: #ee6265
}

.Chrome-drawerNavItemInner--red:hover,
.Chrome-drawerNavItemInner--red:active,
.Chrome-drawerNavItemInner--red:focus {
    color: #f07274
}

.Chrome-drawerNavItemInner--arrow {
    padding-right: 13px;
    position: relative
}

.Chrome-drawerNavItemInner--arrow::after {
    border: 5px transparent solid;
    border-top-color: #ccc;
    border-top-width: 7px;
    content: '';
    display: inline-block;
    margin-top: -4px;
    position: absolute;
    right: 8px;
    top: 50%
}

.Chrome-drawerNavItemInner--arrow.is-active::after {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Chrome-drawerNavItemSeparator {
    border-top: 1px solid #ccc;
    margin-left: 24px;
    padding-top: 4px;
    width: 32px
}

.Chrome-drawerNavSubMenu {
    line-height: 0;
    margin-top: -6px;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.Chrome-drawerNavSubMenu.is-visible,
.no-js .Chrome-drawerNavSubMenu {
    line-height: initial;
    margin-top: 0;
    max-height: 200px;
    opacity: 1;
    visibility: visible
}

.Chrome-drawerNavSubMenu>a {
    padding-left: 16px
}

.Navbar-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Navbar-menuItem {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative
}

.Navbar-menuItem:first-of-type {
    padding-left: 0
}

.Navbar-menuItem:first-of-type .Navbar-menuItemInner {
    padding-left: 0
}

.Navbar-menuItem:last-of-type {
    padding-right: 0
}

.Navbar-menuItem:last-of-type .Navbar-menuItemInner {
    padding-right: 0
}

.Navbar-menuItem--joinSmall {
    padding-right: 0
}

.Navbar-menuItem--joinLarge {
    display: none
}

.Navbar-menuItem--share {
    display: none
}

.Navbar-menuItem--tablet {
    display: none
}

.Navbar-menuItem--desktop {
    display: none
}

.Navbar-menuItem--technology {
    display: none
}

.Navbar-menuItem--profile {
    padding-right: 0
}

.Navbar-menuItemInner {
    color: #525252;
    display: block;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 16px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.Navbar-menuItemInner:visited {
    color: #525252
}

.Navbar-menuItemInner:focus,
.Navbar-menuItemInner:hover {
    color: #a4a4a4
}

.Navbar-menuItemInner.is-active {
    color: #a4a4a4
}

.Navbar-menuItemInner.is-active:visited {
    color: #a4a4a4
}

.Navbar-menuItemInner--dark {
    color: #2a2a2a
}

.Navbar-menuItemInner--dark:visited {
    color: #2a2a2a
}

.Navbar-menuItemInner--dark:focus,
.Navbar-menuItemInner--dark:hover {
    color: #a4a4a4
}

.Navbar-menuItemInner--arrow {
    padding-right: 13px;
    position: relative
}

.Navbar-menuItemInner--arrow::after {
    border: 5px transparent solid;
    border-top-color: inherit;
    border-top-width: 7px;
    content: '';
    display: inline-block;
    margin-top: -4px;
    position: absolute;
    right: 0;
    top: 50%
}

.Navbar-menuItemInner--arrow.is-rotated::after {
    margin-top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Navbar-menuSubMenu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    opacity: 0;
    padding-left: 6px;
    padding-right: 6px;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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;
    z-index: 14
}

.Navbar-menuSubMenu.is-visible {
    opacity: 1;
    visibility: visible
}

.Navbar-menuSubMenuItem {
    padding-left: 4px;
    padding-right: 4px
}

.Navbar-menuSubMenuItem:first-of-type {
    padding-left: 0
}

.Navbar-menuSubMenuItem:last-of-type {
    padding-right: 0
}

.Navbar-menuSubMenuItemInner {
    color: #525252;
    display: inline-block;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding-bottom: 16px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 16px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.Navbar-menuSubMenuItemInner:visited {
    color: #525252
}

.Navbar-menuSubMenuItemInner:active,
.Navbar-menuSubMenuItemInner:focus,
.Navbar-menuSubMenuItemInner:hover {
    color: #7a7a7a
}

.Navbar-menuSubMenuItemInner.is-active {
    color: #7a7a7a
}

.Navbar-menuSubMenuItemInner.is-active:visited {
    color: #7a7a7a
}

.Navbar-menuSubMenuBackground {
    background-color: rgba(244, 244, 244, 0.9);
    display: none;
    height: 50px;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 50px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    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;
    z-index: 11
}

.Navbar-menuSubMenuBackground.is-visible {
    opacity: 1;
    visibility: visible
}

.Navbar-menuSubMenuBackground.is-absolute {
    position: absolute;
    top: 98px
}

@media (min-width: 375px) {
    .Navbar-menuItem--share {
        display: block
    }
}

@media (min-width: 480px) {
    .Navbar-menuItem--joinSmall {
        display: none
    }
    .Navbar-menuItem--joinLarge {
        display: block
    }
    .Navbar-menuItemInner {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (min-width: 768px) {
    .Navbar-menuItem--tablet {
        display: inline-block
    }
}

@media (min-width: 960px) {
    .Navbar-menuSubMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .Navbar-menuSubMenuBackground {
        display: block
    }
    .Navbar-menuItem--desktop {
        display: inline-block
    }
    .Navbar-menuItem--profile {
        padding-right: 4px
    }
    .Navbar-menuItemInner {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media (min-width: 1000px) {
    .Navbar-menuItemInner {
        padding-left: 13px;
        padding-right: 13px
    }
    .Navbar-menuSubMenuItemInner {
        padding-left: 13px;
        padding-right: 13px
    }
}

.OAuth-prompt {
    margin-top: 65px
}

.OAuth-permissions {
    list-style: circle;
    margin-top: 22px
}

.OAuth-permission {
    list-style: circle
}

.PageHeader {
    background-color: #f9f9f9;
    padding-bottom: 32px;
    padding-top: 32px
}

.PageHeader--withTabs {
    padding-bottom: 0
}

.PageHeader-inner {
    padding-left: 24px;
    padding-right: 24px
}

.PageHeader-contents {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PageHeader-title {
    margin-right: 24px
}

.PageHeader-intro {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 8px
}

.PageHeader-button {
    margin-top: 24px
}

.PageHeader-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 32px
}

.PageHeader-tab {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-right: 40px;
    text-transform: uppercase
}

.PageHeader-tab.is-active {
    border-bottom: 2px solid #3b2d51;
    color: #3b2d51
}

.PageHeader-tab a {
    color: inherit;
    text-decoration: none
}

.PageHeader-tab a:visited {
    color: inherit
}

@media (min-width: 768px) {
    .PageHeader-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (min-width: 960px) {
    .PageHeader--tabs {
        padding-bottom: 0
    }
    .PageHeader-intro {
        max-width: 66%
    }
}

@media (min-width: 1200px) {
    .PageHeader-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

.Page--products .JourneyCard-userProfile,
.Page--products .JourneyBrand,
.Page--products .JourneyHelp,
.Page--productsModal .JourneyCard-userProfile,
.Page--productsModal .JourneyBrand,
.Page--productsModal .JourneyHelp {
    display: none
}

.Page--journeysModal {
    height: 100%
}

.PillList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none
}

.Timeline-product+.PillList {
    margin-top: 12px
}

.PillList-item--button:focus {
    outline: none
}

.Pill {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #7a7a7a;
    border-radius: 16px;
    color: #2a2a2a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 8px;
    padding-top: 2px;
    position: relative;
    -webkit-transition: background-color 0.25s ease-in, border-color 0.25s ease-in;
    transition: background-color 0.25s ease-in, border-color 0.25s ease-in
}

.Pill:hover {
    background-color: #f4f4f4;
    border-color: #2a2a2a
}

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

.Pill-category {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 700;
    -webkit-line-clamp: 1;
    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
}

.Poll {
    margin-top: 18px
}

.Poll-options {
    margin-top: 8px
}

.Poll-option {
    margin-bottom: 16px
}

.Poll-input {
    margin-right: 8px
}

.Poll-hint {
    margin-top: 16px
}

.Poll-avatar {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.Poll-results {
    text-align: center
}

.Poll-organization {
    margin-top: 16px
}

.Poll-orgLabel {
    font-family: "Calibre", serif;
    font-size: 16px
}

.Poll-orgName {
    font-size: 24px;
    font-weight: 600
}

.PoweredTagline {
    height: 20px
}

.PoweredTagline--embed {
    padding-left: 8px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left;
    transform-origin: left
}

.PoweredTagline--center {
    -webkit-transform-origin: center;
    transform-origin: center
}

.PoweredTagline-wordmark {
    color: #7a7a7a;
    width: 100%
}

.PoweredTagline-click {
    cursor: pointer
}

.PoweredTagline-flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.PoweredTagline-logo {
    display: none
}

.IngredientList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1em;
    margin-top: 1em
}

.IngredientCard {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-shadow: 1px 1px 1px 0 #00000024, 0 0 1px 0 #00000040;
    box-shadow: 1px 1px 1px 0 #00000024, 0 0 1px 0 #00000040;
    color: #3eb087;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 2px;
    margin-right: 2px;
    max-width: 170px;
    text-decoration: none
}

.Ingredient-image {
    height: 72px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 72px
}

.Ingredient-title {
    line-height: 100%;
    margin: 6px
}

.Ingredient-arrow {
    margin: auto 6px auto auto
}

.ProductList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.ProductList--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ProductList-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 24px;
    max-width: 624px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%
}

.ProductList-item--wide {
    margin-top: 32px
}

.ProductList-item--addNew {
    max-width: 324px;
    position: relative
}

.ProductList-itemInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ProductList-help {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    display: none;
    left: 100%;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    position: absolute;
    top: 12px;
    width: 270px
}

.ProductList-help::before {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #e4e4e4;
    border-top: 13px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.ProductList-help::after {
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 0
}

.ProductList-helpAction {
    margin-top: 16px
}

@media (min-width: 640px) {
    .ProductList-item {
        width: 50%
    }
    .ProductList-item--wide,
    .ProductList-item--form {
        width: 100%
    }
    .ProductList-help {
        display: block
    }
}

@media (min-width: 768px) {
    .ProductList {
        margin-left: -16px;
        margin-right: -16px
    }
    .ProductList-item {
        margin-top: 32px;
        max-width: 632px;
        padding-left: 16px;
        padding-right: 16px
    }
    .ProductList-help {
        top: 16px
    }
    .ProductList-help::before {
        border-bottom: 17px solid transparent;
        border-right: 17px solid #e4e4e4;
        border-top: 17px solid transparent
    }
    .ProductList-help::after {
        border-bottom: 16px solid transparent;
        border-right: 16px solid #fff;
        border-top: 16px solid transparent
    }
}

@media (min-width: 1024px) {
    .ProductList-item {
        width: calc(1 / 3 * 100%)
    }
    .ProductList-item--wide {
        width: 50%
    }
    .ProductList-item--form {
        width: 100%
    }
}

.Product-inner {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #2a2a2a;
    display: block;
    padding-bottom: 24px;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.Product-inner:visited {
    color: #2a2a2a
}

.Product-inner:focus,
.Product-inner:hover {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    color: #666
}

.Product-imageMedia {
    background-color: #f4f4f4;
    height: auto;
    width: 100%
}

.Product-placeholder {
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    fill: #ccc;
    height: 100%;
    width: 100%
}

.Product-title {
    border-top: 1px solid #e4e4e4;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px
}

.Product-info {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.ActionBanner {
    background-color: #2f3a4a;
    color: #fff;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 40px
}

.ActionBanner-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ActionBanner-title {
    font-family: "Calibre", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25
}

.ActionBanner-toolsLink {
    display: none
}

.ActionBanner-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px
}

.ActionBanner-item {
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #495464;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 76px
}

.ActionBanner-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 14px
}

.ActionBanner-icon>svg {
    height: auto;
    width: 32px
}

.ActionBanner-label {
    display: none
}

.ActionBanner-link {
    color: #99b9ae;
    text-decoration: none
}

.ActionBanner-link:hover .action-arrow {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.action-arrow {
    display: inline-block;
    height: auto;
    margin-left: 4px;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
    vertical-align: middle;
    width: 16px
}

@media (min-width: 960px) {
    .ActionBanner {
        padding-left: 70px;
        padding-right: 70px
    }
    .ActionBanner-title {
        font-size: 34px
    }
    .ActionBanner-toolsLink {
        display: block
    }
    .ActionBanner-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .ActionBanner-grid :last-child {
        border-right: none
    }
    .ActionBanner-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom: none;
        border-right: 1px solid #495464;
        padding-right: 32px;
        width: 28%
    }
    .ActionBanner-icon {
        margin-right: 16px
    }
    .ActionBanner-icon>svg {
        height: auto;
        width: 48px
    }
    .ActionBanner-label {
        display: block;
        font-size: 18px
    }
    .ActionBanner-link {
        margin-top: 16px
    }
}

[data-proof-point-target='status'] {
    height: 18px
}

.Pill [data-proof-point-target='status'] {
    min-width: 24px
}

.Card--embed.ClaimCard [data-proof-point-target='status'] {
    margin: 10px auto 0;
    width: 72px
}

.ModalCardHeader-details {
    position: relative
}

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

proof-point-status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Calibre", serif;
    font-size: 11px;
    font-style: italic;
    line-height: 1.5;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.15s, -webkit-transform 0.6s;
    transition: opacity 0.3s 0.15s, -webkit-transform 0.6s;
    transition: transform 0.6s, opacity 0.3s 0.15s;
    transition: transform 0.6s, opacity 0.3s 0.15s, -webkit-transform 0.6s
}

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

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

proof-point-status[hidden] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform-origin: left;
    transform-origin: left
}

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

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

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

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

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

.ModalCardHeader-title+[data-proof-point-target='status'] proof-point-status {
    -webkit-transform: none;
    transform: none
}

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

.provenance-Fixed {
    position: fixed
}

.ProvenanceModal {
    --gap: 10px
}

.ProvenanceModal-backdrop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.75);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

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

.ProvenanceModal-closeBtn {
    color: #7a7a7a;
    cursor: pointer;
    height: 40px;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    z-index: 10
}

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

.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;
    stroke: currentColor;
    width: 40px
}

.ProvenanceModal-closeBtn circle {
    display: none
}

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

.ProvenanceModal--smallVariant .ProvenanceModal-dialog {
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    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
    }
}

.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%
}

.ProvenanceModal--storyVariant .ProvenanceModal-content {
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    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
}

.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 .JourneyHeader-buttons {
    margin-right: 4em
}

@media (min-width: 640px) {
    .ProvenanceModal--storyVariant .ProvenanceModal-dialog {
        height: 95vh;
        max-width: 436px
    }
}

.ProvenanceModal--drawerBehavior .ProvenanceModal-dialog {
    background: #fff;
    border-radius: 0.25em;
    bottom: var(--gap);
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s
}

.ProvenanceModal--drawerBehavior .ProvenanceModal-backdrop {
    background: transparent
}

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

@media (min-width: 640px) {
    .ProvenanceModal--drawerBehavior .ProvenanceModal-dialog {
        bottom: auto;
        right: var(--gap);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    [data-state='drawer-open'] .ProvenanceModal-dialog {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.Rule {
    border: none;
    border-top: 1px solid #e4e4e4;
    color: #e4e4e4
}

.Sidebar {
    background-color: #2f3a4a;
    border-right: 1px solid #f4f4f4;
    bottom: 0;
    display: block;
    -webkit-overflow-scrolling: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 50px;
    position: fixed;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    transition: visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    width: 240px;
    z-index: 5
}

.Sidebar.is-visible {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.Sidebar--left {
    border-right: none;
    -webkit-box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.14);
    left: 0;
    text-align: left;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
    visibility: hidden
}

.Sidebar--right {
    right: 0;
    text-align: right;
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0)
}

.Sidebar--anonymous {
    background-color: #fff;
    padding-top: 16px;
    z-index: 15
}

.Sidebar--anonymous .Sidebar-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Sidebar--anonymous .Chrome-socialLinkInner {
    border: 1px solid #495464;
    color: #495464
}

.Sidebar--anonymous .Chrome-socialLinkInner:visited {
    color: #495464
}

.Sidebar--anonymous .Chrome-socialLinkInner:hover,
.Sidebar--anonymous .Chrome-socialLinkInner:active,
.Sidebar--anonymous .Chrome-socialLinkInner:focus {
    background-color: #495464;
    color: #fff
}

.Sidebar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 100vh
}

.Sidebar-social {
    margin-bottom: 24px;
    margin-top: 24px
}

.Sidebar-mask {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0 linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0 linear 0.4s;
    visibility: hidden;
    width: 100%;
    z-index: 4
}

.Sidebar-mask.is-visible {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    visibility: visible
}

@media (min-width: 960px) {
    .Sidebar--left {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible
    }
    .Sidebar--anonymous {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0);
        visibility: hidden
    }
}

.Snackbar {
    background-color: #e1eae0;
    border: 1px solid #99b9ae;
    border-radius: 4px;
    bottom: 48px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
    color: #2a2a2a;
    left: 50%;
    min-width: 250px;
    padding: 16px;
    position: fixed;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    z-index: 1
}

.Snackbar-show {
    -webkit-animation: Snackbar-fadein 0.5s, Snackbar-fadeout 0.5s 2.5s;
    animation: Snackbar-fadein 0.5s, Snackbar-fadeout 0.5s 2.5s;
    visibility: visible
}

@-webkit-keyframes Snackbar-fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 48px;
        opacity: 1
    }
}

@keyframes Snackbar-fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 48px;
        opacity: 1
    }
}

@-webkit-keyframes Snackbar-fadeout {
    from {
        bottom: 48px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes Snackbar-fadeout {
    from {
        bottom: 48px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

.SocialShare {
    margin-bottom: 24px
}

.SocialShare-blockTitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px
}

.SocialShare-copy {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-align: center
}

.SocialShare-copy--journey {
    color: #fff
}

.SocialShare-list {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    max-width: 320px;
    width: 100%
}

.SocialShare-list--compact {
    margin-top: 8px
}

.SocialShare-listInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SocialShare-item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: hidden;
    padding: 4px;
    pointer-events: auto;
    width: 25%
}

@media (min-width: 768px) {
    .SocialShare-list {
        margin-top: 32px
    }
    .SocialShare-list--compact {
        margin-top: 8px
    }
}

.Sortable--background {
    background-color: #e1eae0
}

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

.StoryButton-layout {
    background-position: 0 20%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s
}

.StoryButton-layout:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.StoryButton-mask {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background-image: linear-gradient(to bottom, transparent 0%, black 100%);
    bottom: 0;
    height: auto;
    padding-bottom: 0.75em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1.5em;
    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
}

.StoryButton .ExternalLinkIcon {
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4))
}

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

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

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

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

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

.StoryCard {
    height: auto;
    z-index: 20
}

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

.Table {
    display: table;
    width: 100%
}

.Table-row {
    display: table-row;
    margin-bottom: 24px
}

.Table-cell {
    display: table-cell;
    padding: 10px 20px 10px 0;
    vertical-align: middle
}

.Table-cell--fixedWidth {
    min-width: 96px
}

.Table-checkbox {
    display: table-cell;
    margin-right: 24px
}

.Table-checkbox.is-invisible {
    visibility: hidden
}

.Table-image {
    display: table-cell;
    vertical-align: middle
}

.Table-selectAll {
    padding: 0;
    text-align: left
}

.Tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.Tabs-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 32px
}

.Tabs-title {
    background-color: #f4f4f4;
    color: #7a7a7a;
    display: inline-block;
    padding: 20px
}

.Tabs-radio:checked+.Tabs-label {
    background-color: #fff;
    color: #2a2a2a
}

.Tabs-radio--one:checked~.Tabs-content--one,
.Tabs-radio--two:checked~.Tabs-content--two,
.Tabs-radio--three:checked~.Tabs-content--three {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Tabs-label {
    background-color: #f4f4f4;
    color: #7a7a7a;
    cursor: pointer;
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 16px 12px;
    text-align: center;
    text-transform: uppercase
}

.Tabs-label:first-of-type {
    border-top-left-radius: 4px
}

.Tabs-label:last-of-type {
    border-top-right-radius: 4px
}

.Tabs-content {
    display: none;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

@media (min-width: 960px) {
    .Tabs-label {
        font-size: 14px;
        padding: 16px
    }
}

.TagLine:hover {
    cursor: pointer
}

.TagLine-click {
    cursor: pointer
}

.Heading {
    font-family: "Calibre", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25em
}

.Heading--profile,
.Heading--hero {
    font-family: "Calibre", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.25em
}

.Heading--profile::before,
.Heading--hero::before {
    content: '';
    display: table;
    margin-top: -0.25em
}

.Heading--product {
    font-family: "Calibre", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.25em
}

.Heading--page {
    font-family: "Calibre", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.25em
}

.Heading--card {
    font-family: "Calibre", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25em
}

.Subheading {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-transform: uppercase
}

.Text-headingSmall {
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
    text-transform: uppercase
}

.CaptionUI--regular,
[data-theme='light']>.tippy-content p {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.CaptionUI--emphasis {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

.HintUI {
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

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

.BodyUI--emphasis,
[data-theme='light']>.tippy-content h1,
[data-theme='light']>.tippy-content h2,
[data-theme='light']>.tippy-content h3,
[data-theme='light']>.tippy-content h4 {
    font-family: "Calibre", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%
}

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

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

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

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

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

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

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

.Text-bodySansSmallBold {
    font-family: "Calibre", 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
    }
}

.Theme--communities {
    background-color: #ffdfc9
}

.Theme--waste {
    background-color: #d1dbeb
}

.Theme--nature {
    background-color: #e4f4c9
}

.Theme--workers {
    background-color: #ffb7b2
}

.Theme--climate {
    background-color: #c3ebe5
}

.Timeline {
    background-color: #f9f9f9
}

.Timeline--recycling {
    margin-top: -24px;
    padding-bottom: 48px
}

.Timeline-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.Timeline-entries {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
    width: 100%
}

.Timeline-entries>div {
    width: 100%
}

.Timeline-entry:first-of-type .Timeline-entryInner .Timeline-content {
    margin-top: 0
}

.Timeline-entry:first-of-type .Timeline-entryInner .Timeline-gutter {
    margin-top: 38px;
    padding-top: 0
}

.Timeline-entry:first-of-type .Timeline-entryInner .Timeline-gutterImage {
    margin-top: -16px
}

.Timeline-entryInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 480px
}

.Timeline-owner .Timeline-entryInner {
    padding-top: 24px
}

.Timeline-photo {
    background-color: #fff;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    height: 100%;
    position: relative;
    width: 100%
}

.Timeline-photo--link:hover {
    -webkit-box-shadow: 0 0 4px 0 #a4a4a4;
    box-shadow: 0 0 4px 0 #a4a4a4
}

.Timeline-photo--round {
    border-radius: 50%
}

.Timeline-gutter {
    border-right: 1px solid #7a7a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px;
    padding-top: 46px
}

.Timeline-owner .Timeline-gutter {
    border-right: none;
    margin-left: 6px;
    margin-right: 0;
    padding-top: 0;
    position: relative
}

.Timeline-owner .Timeline-gutter::after {
    border-left: 1px solid #7a7a7a;
    content: '';
    height: 50px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.Timeline-gutterImage {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 4px;
    position: relative;
    width: 28px
}

.Timeline-gutterImage::after {
    background-color: #2a2a2a;
    border: 2px solid #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    right: auto;
    top: 50%;
    -webkit-transform: translate(19px, -50%);
    transform: translate(19px, -50%);
    width: 12px;
    z-index: 1
}

.Timeline-owner .Timeline-gutterImage {
    border: 0;
    height: 44px;
    padding: 0;
    width: 44px
}

.Timeline-owner .Timeline-gutterImage::after {
    display: none
}

.Timeline-gutterImageInner {
    height: 44px
}

.Timeline-gutterIcon {
    color: #fff;
    height: 100%;
    margin-left: -4px;
    width: 100%
}

.Timeline-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 24px;
    padding-left: 8px;
    position: relative
}

.Timeline-owner .Timeline-content {
    border-left: none;
    margin-top: 0;
    padding-left: 0
}

.Timeline-contentInner {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    padding: 12px;
    position: relative;
    text-overflow: ellipsis
}

.Timeline-contentInner::after {
    border: 8px solid #2a2a2a;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: -2px 2px 2px 0 rgba(204, 204, 204, 0.5);
    box-shadow: -2px 2px 2px 0 rgba(204, 204, 204, 0.5);
    content: '';
    height: 0;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 0
}

.Timeline-owner .Timeline-contentInner {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0
}

.Timeline-owner .Timeline-contentInner::after {
    display: none
}

.Timeline-date {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.Timeline-coordinates {
    color: #666;
    float: right;
    font-family: "Calibre", sans-serif;
    font-size: 12px;
    font-weight: 400
}

.Timeline-heading {
    border-bottom: solid 1px #e4e4e4;
    color: #2a2a2a;
    font-size: 16px;
    margin-bottom: 12px;
    margin-right: -12px;
    padding-bottom: 8px
}

.Timeline-heading--owner {
    color: #666;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.Timeline-name {
    color: #2a2a2a;
    font-family: "Calibre", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}

.Timeline-owner .Timeline-name {
    padding-top: 8px
}

.Timeline-nameInner {
    color: inherit;
    text-decoration: none
}

.Timeline-nameInner:visited {
    color: inherit
}

.Timeline-nameInner:active,
.Timeline-nameInner:focus,
.Timeline-nameInner:hover {
    color: #a4a4a4
}

.Timeline-location {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

.Timeline-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Timeline-productImage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 80px;
    width: 80px
}

.Timeline-productDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 16px
}

.Timeline-actor {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.Timeline-actorImage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.Timeline-actorImageMedia {
    background-color: #a4a4a4
}

.Timeline-actorImage--supplier+.Timeline-actorImage--supplier {
    margin-left: -22px
}

.Timeline-transfer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Timeline-transferDetails {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 16px;
    padding-right: 16px
}

.Timeline-transferSummary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 16px
}

.Timeline-transferImageInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    width: 44px
}

.Timeline-ingredients {
    margin-top: 12px
}

.Timeline-ingredient {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px
}

.Timeline-ingredientImage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px;
    width: 44px
}

.Timeline-ingredientDetails {
    margin-left: 16px
}

.Timeline-iconFlag {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.Timeline-iconTick {
    background-color: #99b9ae;
    border-radius: 50%;
    display: inline-block;
    fill: #fff;
    height: 16px;
    padding: 3px;
    vertical-align: middle;
    width: 16px
}

.Timeline-iconChevron {
    display: inline-block;
    fill: #7a7a7a;
    height: 12px;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    width: 12px
}

.Timeline-iconChevron--right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Timeline-action.Timeline-pushActions,
.Timeline-action.Timeline-pullActions {
    display: none
}

.Timeline-action.Timeline-pushActions.is-visible,
.Timeline-action.Timeline-pullActions.is-visible {
    display: block
}

.Timeline-owner {
    display: block
}

.Timeline-batchInfo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 0 0 4px 4px;
    color: #7a7a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px -12px -12px;
    padding: 8px
}

.Timeline-batchInfo>svg {
    height: 20px;
    margin-right: 4px;
    width: 20px
}

@media (min-width: 480px) {
    .Timeline-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .Timeline-entries {
        margin-top: 0
    }
    .Timeline-entryInner {
        padding-left: 16px;
        padding-right: 16px
    }
    .Timeline-gutter {
        margin-right: 0;
        padding-top: 42px
    }
    .Timeline-owner .Timeline-gutter {
        margin-left: 18px
    }
    .Timeline-gutterImage {
        height: 36px;
        padding-right: 8px;
        width: 40px
    }
    .Timeline-gutterImage::after {
        right: 0;
        -webkit-transform: translate(7px, -50%);
        transform: translate(7px, -50%)
    }
    .Timeline-gutterIcon {
        margin-left: 0
    }
    .Timeline-content {
        padding-left: 20px
    }
    .Timeline-name {
        font-size: 18px
    }
    .Timeline-productImage {
        height: 96px;
        width: 96px
    }
}

@media (min-width: 768px) {
    .Timeline-entry:first-of-type .Timeline-entryInner .Timeline-gutter {
        margin-top: 34px
    }
    .Timeline-owner .Timeline-entryInner {
        padding-top: 32px
    }
    .Timeline-gutter {
        padding-top: 42px
    }
    .Timeline-owner .Timeline-gutter {
        margin-left: 18px
    }
}

@media (min-width: 960px) {
    .Timeline-entryInner {
        max-width: 600px;
        padding-left: 0;
        padding-right: 32px
    }
    .Timeline-owner .Timeline-gutter {
        margin-left: 18px
    }
}

@media (min-width: 1200px) {
    .Timeline-entryInner {
        padding-right: 48px
    }
    .Timeline-owner .Timeline-entryInner {
        padding-top: 48px
    }
    .Timeline-content {
        padding-left: 20px
    }
}

.Tips {
    position: relative
}

.Tips-action {
    text-align: right
}

.Tips-content {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    display: none;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 200px;
    z-index: 1
}

.Tips-content.is-visible {
    display: block
}

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

.Tips-close {
    position: absolute;
    right: 0;
    top: 0
}

.Tips-closeMedia {
    fill: #fff;
    height: 10px;
    width: 10px
}

.Tips-title {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

.Tips-item {
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 10px
}

.tippy-content {
    padding: 0 !important
}

.tip-icon {
    position: relative;
    top: 0.25em
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    padding: 16px;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-theme~='light'] {
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    color: #26323d
}

.tippy-box[data-theme~='light'][data-placement^='top']>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~='light'][data-placement^='bottom']>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~='light'][data-placement^='left']>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~='light'][data-placement^='right']>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~='light']>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~='light']>.tippy-svg-arrow {
    fill: #fff
}

.ShareCard {
    position: relative
}

.ShareCard--wide {
    overflow: hidden
}

.ShareCard,
.ShareCard--wide {
    max-width: 100%;
    width: 100%
}

.ShareCard:hover,
.ShareCard--wide:hover {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.ShareCard--empty {
    background-color: #f9f9f9;
    border: 0.0625em solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1.5em 1.5em 2.625em
}

.ShareCard--claim {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ShareCard-horizontal {
    border: 0.0625em solid #e4e4e4;
    border-radius: 0.25em;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 13.25em
}

.ShareCard-horizontal:hover {
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.ShareCard-image {
    display: none
}

.ShareCard-image--small {
    background-position: center;
    background-size: cover;
    border-radius: 0.25em;
    height: 100%;
    margin-right: 1em;
    min-height: 5.625em;
    width: 33%
}

.ShareCard-image--incomplete {
    position: relative
}

.ShareCard-title--journey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ShareCard-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    width: 100%
}

.ShareCard-dropdown {
    position: absolute;
    right: 6px;
    top: 12px
}

.ShareCard-header {
    border-radius: 0.25em 0.25em 0 0;
    min-height: 12.5em;
    overflow: auto;
    padding: 0 1em
}

.ShareCard-header--badge {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199' height='169'%3E%3Cg fill='%232F3A4A' fill-rule='evenodd'%3E%3Cpath d='M120.713-68.033h-.36C55.877-67.837 3.578-15.239 3.773 49.217c.096 31.22 12.349 60.537 34.5 82.55 22.068 21.923 51.329 33.986 82.424 33.986h.367c31.235-.095 60.564-12.343 82.583-34.49 22.018-22.144 34.093-51.535 33.999-82.758-.195-64.333-52.622-116.538-116.932-116.538m-.017 236.749c-31.886 0-61.885-12.368-84.513-34.847C13.468 111.299.906 81.239.807 49.224.61-16.865 54.233-70.794 120.347-70.996h.366c65.946 0 119.696 53.525 119.896 119.494.098 32.013-12.284 62.15-34.862 84.856-22.576 22.707-52.65 35.264-84.676 35.36l-.375.002'/%3E%3Cpath d='M34.681 97.354a2.6 2.6 0 0 0 3.539.987 2.519 2.519 0 0 0 1.2-1.544 2.62 2.62 0 0 0-.239-1.978l-1.165-2.082-4.508 2.519 1.173 2.098zm2.277 2.99c-.389 0-.784-.054-1.17-.164a4.209 4.209 0 0 1-2.565-2.013l-1.175-2.095-2.644 1.475c-.33.189-.902.027-1.091-.306-.189-.331-.061-.961.274-1.15l9.372-5.236c.003-.004.01-.007.018-.011.332-.17.89-.008 1.073.318l1.59 2.842a4.26 4.26 0 0 1 .39 3.239 4.167 4.167 0 0 1-1.995 2.556 4.238 4.238 0 0 1-2.077.544zm6.694 9.703a2.66 2.66 0 0 0 1.697 1.006 2.36 2.36 0 0 0 1.845-.498c.514-.404.821-.984.868-1.628.046-.656-.175-1.326-.617-1.89l-1.772-2.246-3.804 2.999 1.783 2.257zm-2.057 6.316a.788.788 0 0 1-.244-.037 4.056 4.056 0 0 1-.302-.137c-.287-.185-.415-.656-.278-.967l1.591-4.134-.013-.016-1.78-2.258-2.652 2.091a.894.894 0 0 1-.605.169.872.872 0 0 1-.521-.299c-.11-.144-.22-.452-.202-.63a.92.92 0 0 1 .308-.542l8.43-6.65c.005-.001.01-.005.015-.008.302-.23.883-.15 1.119.146l2.295 2.91c1.483 1.878 1.245 4.45-.535 5.854a4.061 4.061 0 0 1-4.508.378l-1.38 3.619a.935.935 0 0 1-.378.433.812.812 0 0 1-.36.078zm13.923 1.062a4.663 4.663 0 0 0-3.49 1.59c-1.728 1.946-1.55 4.835.41 6.576a4.742 4.742 0 0 0 3.382 1.204 4.6 4.6 0 0 0 3.21-1.558 4.627 4.627 0 0 0 1.183-3.383 4.686 4.686 0 0 0-1.58-3.227 4.679 4.679 0 0 0-3.115-1.202m.063 11.059c-1.5 0-3.013-.54-4.252-1.643a6.339 6.339 0 0 1-2.144-4.356 6.256 6.256 0 0 1 1.595-4.578 6.32 6.32 0 0 1 4.373-2.136 6.363 6.363 0 0 1 4.59 1.608c2.62 2.328 2.864 6.353.538 8.968-1.258 1.417-2.972 2.137-4.7 2.137m10.824 9.571a.792.792 0 0 1-.404-.1.806.806 0 0 1-.37-.76l1.802-11.966.01-.046c.08-.374.548-.66.916-.585.345.076.764.515.727.865l-1.492 9.921 8.236-5.752c.287-.2.786-.152 1.019.12.248.291.3.948.01 1.198l-9.978 6.976a.864.864 0 0 1-.476.13m17.905 8.506a.561.561 0 0 1-.21-.04l-5.895-2.439c-.352-.146-.58-.692-.437-1.046l4.113-9.931c.15-.354.693-.576 1.049-.437l5.895 2.44c.352.147.58.692.438 1.047-.147.356-.721.638-1.075.499l-5.093-2.108-1.32 3.186 4.395 1.82a.923.923 0 0 1 .438.44.926.926 0 0 1-.01.623c-.15.347-.706.623-1.065.484l-4.399-1.823-1.487 3.593 5.09 2.108a.927.927 0 0 1 .438.439.926.926 0 0 1-.009.624c-.122.282-.524.52-.856.52m17.557 5.125a.798.798 0 0 1-.75-.52l-4.65-10.36-1.85 8.194c-.084.369-.588.68-.95.61-.18-.04-.41-.217-.512-.373-.102-.154-.21-.417-.173-.598l2.428-10.737.001-.007c.07-.295.427-.598.729-.619.335-.054.694.224.807.506l4.65 10.37 1.846-8.162c.084-.37.552-.686.953-.612.372.08.757.593.68.965l-2.418 10.713c-.069.3-.432.607-.738.628l-.053.002m11.693-3.797l4.04.204-1.757-4.805-2.283 4.601zm6.598 5.266c-.324 0-.73-.167-.845-.424l-1.082-2.949-5.48-.276-1.373 2.786c-.161.326-.62.507-.96.381-.358-.143-.71-.698-.569-1.054l5.401-10.901a.251.251 0 0 1 .024-.045c.132-.226.438-.452.721-.4.26.015.597.243.7.478l4.178 11.38c.067.183.028.43-.063.603-.089.172-.272.347-.46.397a.768.768 0 0 1-.192.024zm8.813-.334c-.182 0-.42-.088-.55-.192-.145-.115-.332-.326-.352-.51l-1.292-10.923v-.002c-.035-.304.2-.711.48-.835.282-.12.736-.015.934.218l7.843 8.224-.984-8.315c-.045-.372.311-.837.684-.892.183-.028.466.068.617.181.148.115.337.328.359.513l1.288 10.898c.037.304-.197.713-.478.833a.8.8 0 0 1-.936-.216l-7.841-8.224.986 8.348c.022.181-.078.426-.191.57-.115.145-.33.299-.513.32-.017.004-.036.004-.054.004m21.334-4.145c-2.714 0-5.16-1.72-6-4.458-1.024-3.343.875-6.9 4.235-7.927h.001c1.533-.469 2.931-.378 4.534.302.326.139.549.615.447.952a29.78 29.78 0 0 1-.095.231.873.873 0 0 1-.46.391.854.854 0 0 1-.6-.056c-1.156-.509-2.166-.585-3.336-.224a4.694 4.694 0 0 0-2.785 2.273 4.628 4.628 0 0 0-.343 3.565 4.581 4.581 0 0 0 2.275 2.749 4.736 4.736 0 0 0 3.576.31c1.112-.34 1.996-1.059 2.637-2.138a.904.904 0 0 1 .531-.378.834.834 0 0 1 .63.163c.297.192.47.7.312 1.017-.814 1.454-2.06 2.457-3.619 2.933a6.64 6.64 0 0 1-1.94.295m14.117-5.218c-.306 0-.649-.167-.776-.417l-4.814-9.603c-.169-.343.013-.9.352-1.074l5.703-2.856a.914.914 0 0 1 .615-.047.92.92 0 0 1 .469.413c.165.343.005.956-.336 1.125l-4.92 2.465 1.543 3.084 4.25-2.13c.345-.173.9.016 1.075.352.087.164.135.5.076.677a.912.912 0 0 1-.413.469l-4.24 2.122 1.742 3.473 4.921-2.463a.89.89 0 0 1 .598-.05c.178.054.391.237.477.402.087.165.135.5.076.678a.912.912 0 0 1-.414.468l-5.686 2.847a.664.664 0 0 1-.298.065m13.284-8.861h.019-.019zm.202-.022c-.063 0-.13.02-.183.059a.32.32 0 0 0-.087.435c.05.076.13.128.22.147.078.012.167 0 .234-.041a.305.305 0 0 0 .13-.198.346.346 0 0 0-.05-.26.324.324 0 0 0-.264-.142zm.004 1.389a1.091 1.091 0 0 1-.897-.474c-.156-.236-.21-.513-.156-.788.056-.277.225-.526.46-.683a1.11 1.11 0 0 1 .81-.167c.272.054.511.215.669.45a1.062 1.062 0 0 1-.3 1.486 1.05 1.05 0 0 1-.586.176zm7.842-18.383a4.7 4.7 0 0 0-3.12 1.2c-1.958 1.739-2.132 4.632-.396 6.592 1.725 1.944 4.611 2.11 6.57.374a4.688 4.688 0 0 0 1.595-3.21 4.585 4.585 0 0 0-1.164-3.369 4.644 4.644 0 0 0-3.485-1.587m-.055 11.035a6.256 6.256 0 0 1-4.71-2.134 6.306 6.306 0 0 1-1.6-4.588 6.3 6.3 0 0 1 2.137-4.36 6.379 6.379 0 0 1 4.592-1.605c1.687.1 3.24.855 4.372 2.131a6.244 6.244 0 0 1 1.58 4.584 6.331 6.331 0 0 1-2.15 4.351 6.341 6.341 0 0 1-4.221 1.62m7.002-19.942l3.792 2.997 1.78-2.252c.453-.573.658-1.265.577-1.953a2.396 2.396 0 0 0-.904-1.605 2.248 2.248 0 0 0-1.784-.463c-.645.107-1.247.474-1.692 1.037l-1.77 2.239zm7.185 7.529c-.17 0-.37-.032-.484-.124l-8.408-6.644-.01-.005c-.296-.243-.359-.834-.116-1.132l2.292-2.899c1.48-1.874 4.032-2.244 5.812-.837a4.054 4.054 0 0 1 1.412 4.29l3.837.5c.361.048.715.457.691.824a7.325 7.325 0 0 1-.063.34c-.116.33-.548.575-.895.5l-4.369-.586-1.793 2.269 2.646 2.089c.144.113.28.355.302.539a.875.875 0 0 1-.163.58c-.117.144-.38.27-.565.29a1.343 1.343 0 0 1-.126.006zM29.117 79.68c-.009.003-.007.014-.005.014l.226.643-.22-.657zm-.031 1.394a1.362 1.362 0 0 1-1.31-.937 1.41 1.41 0 0 1 .07-1.083c.169-.337.462-.588.825-.708a1.34 1.34 0 0 1 1.034.072c.342.169.598.463.722.83.119.348.095.722-.07 1.052a1.373 1.373 0 0 1-.799.696h-.002a1.509 1.509 0 0 1-.47.078zm-9.216-9.282c-.176 0-.393-.069-.52-.156-.155-.105-.357-.307-.388-.492l-1.232-6.712c-.034-.18.05-.432.157-.584.104-.152.311-.318.491-.352.18-.033.511.013.66.117a.913.913 0 0 1 .335.522l.467 2.547 9.718-1.782c.18-.03.433.052.587.158.152.105.319.31.35.492.067.37-.252.915-.622.991l-9.731 1.786.463 2.52c.069.37-.26.858-.63.934a.462.462 0 0 1-.105.01m-2.244-15.395a.935.935 0 0 1-.558-.21.92.92 0 0 1-.26-.57l-.229-6.354c-.013-.378.382-.811.758-.834.202-.025.515.08.65.21.141.126.256.381.261.568l.199 5.49 3.442-.124-.172-4.745c-.006-.184.115-.42.24-.558.127-.135.356-.27.542-.276.21-.037.494.086.63.208a.92.92 0 0 1 .259.57l.172 4.738 3.88-.139-.2-5.495a.92.92 0 0 1 .228-.59.91.91 0 0 1 .572-.242c.377 0 .86.4.871.776l.232 6.359c.013.377-.384.807-.762.83l-10.738.388h-.017zm6.163-14.806c-.282 0-.57-.018-.856-.055a6.285 6.285 0 0 1-4.217-2.438 6.36 6.36 0 0 1-1.245-4.71c.209-1.59.874-2.826 2.156-4.002.261-.235.775-.24 1.042-.022.014.016.18.187.192.205a.876.876 0 0 1 .154.584.87.87 0 0 1-.311.518c-.932.836-1.42 1.725-1.577 2.936-.337 2.57 1.466 4.936 4.022 5.27 2.585.35 4.875-1.446 5.218-4.059.15-1.152-.14-2.26-.854-3.287a.896.896 0 0 1-.128-.628.833.833 0 0 1 .402-.515c.296-.19.847-.143 1.067.139.984 1.339 1.38 2.89 1.17 4.508-.427 3.254-3.087 5.556-6.235 5.556m7.449-16.39c-.05 0-.1-.008-.141-.022l-10.214-3.271-.008-.004c-.361-.12-.63-.65-.511-1.011.116-.361.661-.708 1.019-.582l4.117 1.32 1.925-6.004-4.104-1.315c-.178-.057-.362-.252-.445-.417-.083-.164-.133-.427-.074-.603.122-.361.665-.699 1.034-.569l10.214 3.27a.94.94 0 0 1 .476.412.923.923 0 0 1 .04.615c-.06.176-.266.446-.434.528a.905.905 0 0 1-.617.03l-4.499-1.441-1.925 6.006 4.521 1.448c.361.115.636.64.524 1-.053.182-.255.395-.422.482a1.15 1.15 0 0 1-.476.128m3.07-19.637c-.002 0-.009.004-.01.007l-.3.613.312-.62h-.002zm0 1.389c-.211 0-.424-.048-.619-.146-.711-.356-.996-1.175-.652-1.87a1.41 1.41 0 0 1 1.903-.634c.684.344.95 1.189.6 1.889a1.36 1.36 0 0 1-.81.694 1.388 1.388 0 0 1-.422.067zm24.575 77.79c-3.9 0-6.251-1.645-8.115-5.675a1.485 1.485 0 0 1 .724-1.967 1.48 1.48 0 0 1 1.968.726c1.367 2.954 2.735 3.953 5.423 3.953.817 0 1.482.665 1.482 1.481 0 .82-.665 1.482-1.482 1.482m42.363-19.845c-3.539 0-7.11-.632-10.704-2.27a1.48 1.48 0 1 1 1.23-2.695c8.775 3.996 17.443 1.281 26.616-1.597 4.356-1.363 8.858-2.776 13.338-3.382 6.383-.861 12.944 1.061 17.224 2.763V16.261c-4.691-1.802-11.191-3.864-16.96-3.078-4.221.57-8.601 1.939-12.84 3.263-9.326 2.913-18.968 5.93-28.745 1.474a1.48 1.48 0 0 1-.732-1.963 1.473 1.473 0 0 1 1.963-.732c8.741 3.98 17.432 1.265 26.632-1.607 4.354-1.362 8.858-2.77 13.323-3.373 6.844-.92 14.34 1.626 19.388 3.628.563.223.935.769.935 1.376v44.707a1.483 1.483 0 0 1-2.094 1.35c-3.686-1.67-10.88-4.336-17.695-3.415-4.23.57-8.612 1.944-12.85 3.272-5.893 1.847-11.915 3.734-18.029 3.734'/%3E%3Cpath d='M46.02 48.633l1.483.004c-.123 40.352 32.616 73.279 72.981 73.403h.228c40.265.001 73.08-32.68 73.202-72.957.06-19.549-7.5-37.947-21.283-51.81-13.785-13.865-32.146-21.531-51.699-21.592h-.231c-19.47 0-37.786 7.549-51.6 21.277-13.869 13.78-21.54 32.132-21.598 51.679l-1.483-.004zm74.692 76.368h-.233c-42.001-.126-76.067-34.386-75.94-76.371.06-20.338 8.042-39.435 22.472-53.774 14.374-14.282 33.433-22.137 53.69-22.137h.24c20.344.061 39.449 8.04 53.793 22.464 14.342 14.426 22.208 33.572 22.145 53.91C196.753 90.997 162.604 125 120.712 125z'/%3E%3Cpath d='M91.021 99.487a1.483 1.483 0 0 1-1.482-1.482V11.53a1.483 1.483 0 0 1 2.964 0v86.475c0 .819-.665 1.482-1.482 1.482'/%3E%3Cpath d='M91.021 84.742H54.42a1.483 1.483 0 0 1 0-2.963h36.602c.817 0 1.482.665 1.482 1.481 0 .82-.665 1.482-1.482 1.482'/%3E%3Cpath d='M186.997 84.742H92.34a1.483 1.483 0 0 1 0-2.963h94.657c.817 0 1.483.665 1.483 1.481 0 .82-.666 1.482-1.483 1.482M56.603 88.67c-.511 0-1.01-.264-1.284-.739-.833-1.439-.9-3.044-.178-4.296.67-1.162 1.92-1.856 3.343-1.856a1.482 1.482 0 0 1 0 2.963c-.361 0-.636.133-.775.374-.187.323-.122.819.175 1.332a1.48 1.48 0 0 1-1.28 2.222'/%3E%3Cpath d='M182.534 84.742a1.483 1.483 0 0 1 0-2.963c2.69 0 4.057-.999 5.423-3.953a1.479 1.479 0 0 1 1.966-.726 1.483 1.483 0 0 1 .726 1.967c-1.86 4.03-4.213 5.675-8.115 5.675'/%3E%3Cpath d='M184.814 88.67a1.48 1.48 0 0 1-1.28-2.223c.296-.512.36-1.008.173-1.33-.139-.242-.413-.375-.774-.375a1.481 1.481 0 0 1 0-2.963c1.423 0 2.674.694 3.342 1.856.723 1.252.656 2.857-.177 4.296a1.481 1.481 0 0 1-1.284.74m-93.773.323a1.483 1.483 0 0 1-1.482-1.481c0-2.2-.57-2.771-2.772-2.771a1.483 1.483 0 0 1 0-2.963c3.86 0 5.736 1.876 5.736 5.734 0 .818-.665 1.481-1.482 1.481'/%3E%3Cpath d='M91.003 88.994a1.483 1.483 0 0 1-1.482-1.481c0-3.858 1.875-5.734 5.734-5.734.817 0 1.482.664 1.482 1.481 0 .819-.665 1.482-1.482 1.482-2.2 0-2.77.57-2.77 2.77 0 .82-.665 1.482-1.482 1.482m5.486-24.536c-.124 0-.25-.015-.374-.047-3.317-.861-6.555-2.27-6.555-9.086a1.481 1.481 0 0 1 2.962 0c0 5.091 1.82 5.564 4.338 6.217a1.48 1.48 0 0 1 1.061 1.806 1.48 1.48 0 0 1-1.432 1.11m-5.468-40.533a1.483 1.483 0 0 1-1.482-1.482c0-2.708 1.075-4.114 1.977-4.814.941-.735 2.659-1.463 5.5-.746a1.478 1.478 0 0 1 1.075 1.798 1.478 1.478 0 0 1-1.797 1.074c-1.317-.331-2.362-.253-2.957.21-.69.537-.834 1.644-.834 2.478 0 .819-.665 1.482-1.482 1.482m59.41-1.666a1.483 1.483 0 0 1-1.481-1.482c0-3.017-2.535-5.425-5.042-6.241a1.484 1.484 0 0 1 .925-2.817c4.168 1.363 7.081 5.089 7.081 9.058 0 .819-.665 1.482-1.482 1.482m-3.633 37.375c-.817 0-1.783-.152-2.911-.54a1.485 1.485 0 0 1-.92-1.885 1.48 1.48 0 0 1 1.885-.918c1.414.489 2.539.509 3.172.06.764-.546.925-1.824.925-2.798a1.483 1.483 0 0 1 2.964 0c0 3.028-1.178 4.505-2.168 5.208-.631.452-1.587.873-2.947.873'/%3E%3C/g%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199' height='169'%3E%3Cg fill='%232F3A4A' fill-rule='evenodd'%3E%3Cpath d='M120.713-68.033h-.36C55.877-67.837 3.578-15.239 3.773 49.217c.096 31.22 12.349 60.537 34.5 82.55 22.068 21.923 51.329 33.986 82.424 33.986h.367c31.235-.095 60.564-12.343 82.583-34.49 22.018-22.144 34.093-51.535 33.999-82.758-.195-64.333-52.622-116.538-116.932-116.538m-.017 236.749c-31.886 0-61.885-12.368-84.513-34.847C13.468 111.299.906 81.239.807 49.224.61-16.865 54.233-70.794 120.347-70.996h.366c65.946 0 119.696 53.525 119.896 119.494.098 32.013-12.284 62.15-34.862 84.856-22.576 22.707-52.65 35.264-84.676 35.36l-.375.002'/%3E%3Cpath d='M34.681 97.354a2.6 2.6 0 0 0 3.539.987 2.519 2.519 0 0 0 1.2-1.544 2.62 2.62 0 0 0-.239-1.978l-1.165-2.082-4.508 2.519 1.173 2.098zm2.277 2.99c-.389 0-.784-.054-1.17-.164a4.209 4.209 0 0 1-2.565-2.013l-1.175-2.095-2.644 1.475c-.33.189-.902.027-1.091-.306-.189-.331-.061-.961.274-1.15l9.372-5.236c.003-.004.01-.007.018-.011.332-.17.89-.008 1.073.318l1.59 2.842a4.26 4.26 0 0 1 .39 3.239 4.167 4.167 0 0 1-1.995 2.556 4.238 4.238 0 0 1-2.077.544zm6.694 9.703a2.66 2.66 0 0 0 1.697 1.006 2.36 2.36 0 0 0 1.845-.498c.514-.404.821-.984.868-1.628.046-.656-.175-1.326-.617-1.89l-1.772-2.246-3.804 2.999 1.783 2.257zm-2.057 6.316a.788.788 0 0 1-.244-.037 4.056 4.056 0 0 1-.302-.137c-.287-.185-.415-.656-.278-.967l1.591-4.134-.013-.016-1.78-2.258-2.652 2.091a.894.894 0 0 1-.605.169.872.872 0 0 1-.521-.299c-.11-.144-.22-.452-.202-.63a.92.92 0 0 1 .308-.542l8.43-6.65c.005-.001.01-.005.015-.008.302-.23.883-.15 1.119.146l2.295 2.91c1.483 1.878 1.245 4.45-.535 5.854a4.061 4.061 0 0 1-4.508.378l-1.38 3.619a.935.935 0 0 1-.378.433.812.812 0 0 1-.36.078zm13.923 1.062a4.663 4.663 0 0 0-3.49 1.59c-1.728 1.946-1.55 4.835.41 6.576a4.742 4.742 0 0 0 3.382 1.204 4.6 4.6 0 0 0 3.21-1.558 4.627 4.627 0 0 0 1.183-3.383 4.686 4.686 0 0 0-1.58-3.227 4.679 4.679 0 0 0-3.115-1.202m.063 11.059c-1.5 0-3.013-.54-4.252-1.643a6.339 6.339 0 0 1-2.144-4.356 6.256 6.256 0 0 1 1.595-4.578 6.32 6.32 0 0 1 4.373-2.136 6.363 6.363 0 0 1 4.59 1.608c2.62 2.328 2.864 6.353.538 8.968-1.258 1.417-2.972 2.137-4.7 2.137m10.824 9.571a.792.792 0 0 1-.404-.1.806.806 0 0 1-.37-.76l1.802-11.966.01-.046c.08-.374.548-.66.916-.585.345.076.764.515.727.865l-1.492 9.921 8.236-5.752c.287-.2.786-.152 1.019.12.248.291.3.948.01 1.198l-9.978 6.976a.864.864 0 0 1-.476.13m17.905 8.506a.561.561 0 0 1-.21-.04l-5.895-2.439c-.352-.146-.58-.692-.437-1.046l4.113-9.931c.15-.354.693-.576 1.049-.437l5.895 2.44c.352.147.58.692.438 1.047-.147.356-.721.638-1.075.499l-5.093-2.108-1.32 3.186 4.395 1.82a.923.923 0 0 1 .438.44.926.926 0 0 1-.01.623c-.15.347-.706.623-1.065.484l-4.399-1.823-1.487 3.593 5.09 2.108a.927.927 0 0 1 .438.439.926.926 0 0 1-.009.624c-.122.282-.524.52-.856.52m17.557 5.125a.798.798 0 0 1-.75-.52l-4.65-10.36-1.85 8.194c-.084.369-.588.68-.95.61-.18-.04-.41-.217-.512-.373-.102-.154-.21-.417-.173-.598l2.428-10.737.001-.007c.07-.295.427-.598.729-.619.335-.054.694.224.807.506l4.65 10.37 1.846-8.162c.084-.37.552-.686.953-.612.372.08.757.593.68.965l-2.418 10.713c-.069.3-.432.607-.738.628l-.053.002m11.693-3.797l4.04.204-1.757-4.805-2.283 4.601zm6.598 5.266c-.324 0-.73-.167-.845-.424l-1.082-2.949-5.48-.276-1.373 2.786c-.161.326-.62.507-.96.381-.358-.143-.71-.698-.569-1.054l5.401-10.901a.251.251 0 0 1 .024-.045c.132-.226.438-.452.721-.4.26.015.597.243.7.478l4.178 11.38c.067.183.028.43-.063.603-.089.172-.272.347-.46.397a.768.768 0 0 1-.192.024zm8.813-.334c-.182 0-.42-.088-.55-.192-.145-.115-.332-.326-.352-.51l-1.292-10.923v-.002c-.035-.304.2-.711.48-.835.282-.12.736-.015.934.218l7.843 8.224-.984-8.315c-.045-.372.311-.837.684-.892.183-.028.466.068.617.181.148.115.337.328.359.513l1.288 10.898c.037.304-.197.713-.478.833a.8.8 0 0 1-.936-.216l-7.841-8.224.986 8.348c.022.181-.078.426-.191.57-.115.145-.33.299-.513.32-.017.004-.036.004-.054.004m21.334-4.145c-2.714 0-5.16-1.72-6-4.458-1.024-3.343.875-6.9 4.235-7.927h.001c1.533-.469 2.931-.378 4.534.302.326.139.549.615.447.952a29.78 29.78 0 0 1-.095.231.873.873 0 0 1-.46.391.854.854 0 0 1-.6-.056c-1.156-.509-2.166-.585-3.336-.224a4.694 4.694 0 0 0-2.785 2.273 4.628 4.628 0 0 0-.343 3.565 4.581 4.581 0 0 0 2.275 2.749 4.736 4.736 0 0 0 3.576.31c1.112-.34 1.996-1.059 2.637-2.138a.904.904 0 0 1 .531-.378.834.834 0 0 1 .63.163c.297.192.47.7.312 1.017-.814 1.454-2.06 2.457-3.619 2.933a6.64 6.64 0 0 1-1.94.295m14.117-5.218c-.306 0-.649-.167-.776-.417l-4.814-9.603c-.169-.343.013-.9.352-1.074l5.703-2.856a.914.914 0 0 1 .615-.047.92.92 0 0 1 .469.413c.165.343.005.956-.336 1.125l-4.92 2.465 1.543 3.084 4.25-2.13c.345-.173.9.016 1.075.352.087.164.135.5.076.677a.912.912 0 0 1-.413.469l-4.24 2.122 1.742 3.473 4.921-2.463a.89.89 0 0 1 .598-.05c.178.054.391.237.477.402.087.165.135.5.076.678a.912.912 0 0 1-.414.468l-5.686 2.847a.664.664 0 0 1-.298.065m13.284-8.861h.019-.019zm.202-.022c-.063 0-.13.02-.183.059a.32.32 0 0 0-.087.435c.05.076.13.128.22.147.078.012.167 0 .234-.041a.305.305 0 0 0 .13-.198.346.346 0 0 0-.05-.26.324.324 0 0 0-.264-.142zm.004 1.389a1.091 1.091 0 0 1-.897-.474c-.156-.236-.21-.513-.156-.788.056-.277.225-.526.46-.683a1.11 1.11 0 0 1 .81-.167c.272.054.511.215.669.45a1.062 1.062 0 0 1-.3 1.486 1.05 1.05 0 0 1-.586.176zm7.842-18.383a4.7 4.7 0 0 0-3.12 1.2c-1.958 1.739-2.132 4.632-.396 6.592 1.725 1.944 4.611 2.11 6.57.374a4.688 4.688 0 0 0 1.595-3.21 4.585 4.585 0 0 0-1.164-3.369 4.644 4.644 0 0 0-3.485-1.587m-.055 11.035a6.256 6.256 0 0 1-4.71-2.134 6.306 6.306 0 0 1-1.6-4.588 6.3 6.3 0 0 1 2.137-4.36 6.379 6.379 0 0 1 4.592-1.605c1.687.1 3.24.855 4.372 2.131a6.244 6.244 0 0 1 1.58 4.584 6.331 6.331 0 0 1-2.15 4.351 6.341 6.341 0 0 1-4.221 1.62m7.002-19.942l3.792 2.997 1.78-2.252c.453-.573.658-1.265.577-1.953a2.396 2.396 0 0 0-.904-1.605 2.248 2.248 0 0 0-1.784-.463c-.645.107-1.247.474-1.692 1.037l-1.77 2.239zm7.185 7.529c-.17 0-.37-.032-.484-.124l-8.408-6.644-.01-.005c-.296-.243-.359-.834-.116-1.132l2.292-2.899c1.48-1.874 4.032-2.244 5.812-.837a4.054 4.054 0 0 1 1.412 4.29l3.837.5c.361.048.715.457.691.824a7.325 7.325 0 0 1-.063.34c-.116.33-.548.575-.895.5l-4.369-.586-1.793 2.269 2.646 2.089c.144.113.28.355.302.539a.875.875 0 0 1-.163.58c-.117.144-.38.27-.565.29a1.343 1.343 0 0 1-.126.006zM29.117 79.68c-.009.003-.007.014-.005.014l.226.643-.22-.657zm-.031 1.394a1.362 1.362 0 0 1-1.31-.937 1.41 1.41 0 0 1 .07-1.083c.169-.337.462-.588.825-.708a1.34 1.34 0 0 1 1.034.072c.342.169.598.463.722.83.119.348.095.722-.07 1.052a1.373 1.373 0 0 1-.799.696h-.002a1.509 1.509 0 0 1-.47.078zm-9.216-9.282c-.176 0-.393-.069-.52-.156-.155-.105-.357-.307-.388-.492l-1.232-6.712c-.034-.18.05-.432.157-.584.104-.152.311-.318.491-.352.18-.033.511.013.66.117a.913.913 0 0 1 .335.522l.467 2.547 9.718-1.782c.18-.03.433.052.587.158.152.105.319.31.35.492.067.37-.252.915-.622.991l-9.731 1.786.463 2.52c.069.37-.26.858-.63.934a.462.462 0 0 1-.105.01m-2.244-15.395a.935.935 0 0 1-.558-.21.92.92 0 0 1-.26-.57l-.229-6.354c-.013-.378.382-.811.758-.834.202-.025.515.08.65.21.141.126.256.381.261.568l.199 5.49 3.442-.124-.172-4.745c-.006-.184.115-.42.24-.558.127-.135.356-.27.542-.276.21-.037.494.086.63.208a.92.92 0 0 1 .259.57l.172 4.738 3.88-.139-.2-5.495a.92.92 0 0 1 .228-.59.91.91 0 0 1 .572-.242c.377 0 .86.4.871.776l.232 6.359c.013.377-.384.807-.762.83l-10.738.388h-.017zm6.163-14.806c-.282 0-.57-.018-.856-.055a6.285 6.285 0 0 1-4.217-2.438 6.36 6.36 0 0 1-1.245-4.71c.209-1.59.874-2.826 2.156-4.002.261-.235.775-.24 1.042-.022.014.016.18.187.192.205a.876.876 0 0 1 .154.584.87.87 0 0 1-.311.518c-.932.836-1.42 1.725-1.577 2.936-.337 2.57 1.466 4.936 4.022 5.27 2.585.35 4.875-1.446 5.218-4.059.15-1.152-.14-2.26-.854-3.287a.896.896 0 0 1-.128-.628.833.833 0 0 1 .402-.515c.296-.19.847-.143 1.067.139.984 1.339 1.38 2.89 1.17 4.508-.427 3.254-3.087 5.556-6.235 5.556m7.449-16.39c-.05 0-.1-.008-.141-.022l-10.214-3.271-.008-.004c-.361-.12-.63-.65-.511-1.011.116-.361.661-.708 1.019-.582l4.117 1.32 1.925-6.004-4.104-1.315c-.178-.057-.362-.252-.445-.417-.083-.164-.133-.427-.074-.603.122-.361.665-.699 1.034-.569l10.214 3.27a.94.94 0 0 1 .476.412.923.923 0 0 1 .04.615c-.06.176-.266.446-.434.528a.905.905 0 0 1-.617.03l-4.499-1.441-1.925 6.006 4.521 1.448c.361.115.636.64.524 1-.053.182-.255.395-.422.482a1.15 1.15 0 0 1-.476.128m3.07-19.637c-.002 0-.009.004-.01.007l-.3.613.312-.62h-.002zm0 1.389c-.211 0-.424-.048-.619-.146-.711-.356-.996-1.175-.652-1.87a1.41 1.41 0 0 1 1.903-.634c.684.344.95 1.189.6 1.889a1.36 1.36 0 0 1-.81.694 1.388 1.388 0 0 1-.422.067zm24.575 77.79c-3.9 0-6.251-1.645-8.115-5.675a1.485 1.485 0 0 1 .724-1.967 1.48 1.48 0 0 1 1.968.726c1.367 2.954 2.735 3.953 5.423 3.953.817 0 1.482.665 1.482 1.481 0 .82-.665 1.482-1.482 1.482m42.363-19.845c-3.539 0-7.11-.632-10.704-2.27a1.48 1.48 0 1 1 1.23-2.695c8.775 3.996 17.443 1.281 26.616-1.597 4.356-1.363 8.858-2.776 13.338-3.382 6.383-.861 12.944 1.061 17.224 2.763V16.261c-4.691-1.802-11.191-3.864-16.96-3.078-4.221.57-8.601 1.939-12.84 3.263-9.326 2.913-18.968 5.93-28.745 1.474a1.48 1.48 0 0 1-.732-1.963 1.473 1.473 0 0 1 1.963-.732c8.741 3.98 17.432 1.265 26.632-1.607 4.354-1.362 8.858-2.77 13.323-3.373 6.844-.92 14.34 1.626 19.388 3.628.563.223.935.769.935 1.376v44.707a1.483 1.483 0 0 1-2.094 1.35c-3.686-1.67-10.88-4.336-17.695-3.415-4.23.57-8.612 1.944-12.85 3.272-5.893 1.847-11.915 3.734-18.029 3.734'/%3E%3Cpath d='M46.02 48.633l1.483.004c-.123 40.352 32.616 73.279 72.981 73.403h.228c40.265.001 73.08-32.68 73.202-72.957.06-19.549-7.5-37.947-21.283-51.81-13.785-13.865-32.146-21.531-51.699-21.592h-.231c-19.47 0-37.786 7.549-51.6 21.277-13.869 13.78-21.54 32.132-21.598 51.679l-1.483-.004zm74.692 76.368h-.233c-42.001-.126-76.067-34.386-75.94-76.371.06-20.338 8.042-39.435 22.472-53.774 14.374-14.282 33.433-22.137 53.69-22.137h.24c20.344.061 39.449 8.04 53.793 22.464 14.342 14.426 22.208 33.572 22.145 53.91C196.753 90.997 162.604 125 120.712 125z'/%3E%3Cpath d='M91.021 99.487a1.483 1.483 0 0 1-1.482-1.482V11.53a1.483 1.483 0 0 1 2.964 0v86.475c0 .819-.665 1.482-1.482 1.482'/%3E%3Cpath d='M91.021 84.742H54.42a1.483 1.483 0 0 1 0-2.963h36.602c.817 0 1.482.665 1.482 1.481 0 .82-.665 1.482-1.482 1.482'/%3E%3Cpath d='M186.997 84.742H92.34a1.483 1.483 0 0 1 0-2.963h94.657c.817 0 1.483.665 1.483 1.481 0 .82-.666 1.482-1.483 1.482M56.603 88.67c-.511 0-1.01-.264-1.284-.739-.833-1.439-.9-3.044-.178-4.296.67-1.162 1.92-1.856 3.343-1.856a1.482 1.482 0 0 1 0 2.963c-.361 0-.636.133-.775.374-.187.323-.122.819.175 1.332a1.48 1.48 0 0 1-1.28 2.222'/%3E%3Cpath d='M182.534 84.742a1.483 1.483 0 0 1 0-2.963c2.69 0 4.057-.999 5.423-3.953a1.479 1.479 0 0 1 1.966-.726 1.483 1.483 0 0 1 .726 1.967c-1.86 4.03-4.213 5.675-8.115 5.675'/%3E%3Cpath d='M184.814 88.67a1.48 1.48 0 0 1-1.28-2.223c.296-.512.36-1.008.173-1.33-.139-.242-.413-.375-.774-.375a1.481 1.481 0 0 1 0-2.963c1.423 0 2.674.694 3.342 1.856.723 1.252.656 2.857-.177 4.296a1.481 1.481 0 0 1-1.284.74m-93.773.323a1.483 1.483 0 0 1-1.482-1.481c0-2.2-.57-2.771-2.772-2.771a1.483 1.483 0 0 1 0-2.963c3.86 0 5.736 1.876 5.736 5.734 0 .818-.665 1.481-1.482 1.481'/%3E%3Cpath d='M91.003 88.994a1.483 1.483 0 0 1-1.482-1.481c0-3.858 1.875-5.734 5.734-5.734.817 0 1.482.664 1.482 1.481 0 .819-.665 1.482-1.482 1.482-2.2 0-2.77.57-2.77 2.77 0 .82-.665 1.482-1.482 1.482m5.486-24.536c-.124 0-.25-.015-.374-.047-3.317-.861-6.555-2.27-6.555-9.086a1.481 1.481 0 0 1 2.962 0c0 5.091 1.82 5.564 4.338 6.217a1.48 1.48 0 0 1 1.061 1.806 1.48 1.48 0 0 1-1.432 1.11m-5.468-40.533a1.483 1.483 0 0 1-1.482-1.482c0-2.708 1.075-4.114 1.977-4.814.941-.735 2.659-1.463 5.5-.746a1.478 1.478 0 0 1 1.075 1.798 1.478 1.478 0 0 1-1.797 1.074c-1.317-.331-2.362-.253-2.957.21-.69.537-.834 1.644-.834 2.478 0 .819-.665 1.482-1.482 1.482m59.41-1.666a1.483 1.483 0 0 1-1.481-1.482c0-3.017-2.535-5.425-5.042-6.241a1.484 1.484 0 0 1 .925-2.817c4.168 1.363 7.081 5.089 7.081 9.058 0 .819-.665 1.482-1.482 1.482m-3.633 37.375c-.817 0-1.783-.152-2.911-.54a1.485 1.485 0 0 1-.92-1.885 1.48 1.48 0 0 1 1.885-.918c1.414.489 2.539.509 3.172.06.764-.546.925-1.824.925-2.798a1.483 1.483 0 0 1 2.964 0c0 3.028-1.178 4.505-2.168 5.208-.631.452-1.587.873-2.947.873'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(to bottom, #fff, #f4f4f4);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 33% auto, 100% 100%
}

.ShareCard-header--physical {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url(//assets.provenance.org/web-assets/modules/img-interactive-shopper@1.5x-ee431f268b20875121ecbed8a586001e770ad1c4df176ea6b002e182488a04c5.jpg);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(//assets.provenance.org/web-assets/modules/img-interactive-shopper@1.5x-ee431f268b20875121ecbed8a586001e770ad1c4df176ea6b002e182488a04c5.jpg);
    background-size: cover
}

.ShareCard-header--proofpoints {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url(//assets.provenance.org/web-assets/modules/img-embed-proof-points-fa572fd325db25f0b5139fd77273097fe42f95c7d3f25f6687832472fc0f2eee.jpg);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(//assets.provenance.org/web-assets/modules/img-embed-proof-points-fa572fd325db25f0b5139fd77273097fe42f95c7d3f25f6687832472fc0f2eee.jpg);
    background-size: cover
}

.ShareCard-header--claim {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.5em
}

.ShareCard-header--inner {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.ShareCard-header--passport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ShareCard-organization {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 0
}

.ShareCard-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1em 1em
}

.ShareCard-footer {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 0 1em 1em
}

.ShareCard-section--claim {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.ShareCard-title {
    font-family: "Calibre", serif;
    font-size: 2.125em;
    font-weight: 500
}

.ShareCard-title--physical {
    color: #fff
}

.ShareCard-tagline {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0.0625em;
    margin-top: 7.5em;
    text-transform: uppercase
}

.ShareCard-tagline--physical {
    color: #fff;
    margin-top: 5em
}

.ShareCard-description {
    font-family: "Calibre", sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin-top: 1.5em
}

.ShareCard-details--journey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1em;
    width: 100%
}

.ShareCard-details--claim {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ShareCard-stages {
    width: 33%
}

.ShareCard-date--journey {
    margin-left: 1em;
    width: 66%
}

.ShareCard-label {
    color: #7a7a7a
}

.ShareCard-value {
    color: #2a2a2a;
    line-height: 1.25;
    margin-top: 0.25em
}

.ShareCard-action {
    margin-top: 1em
}

.ShareCard-action--claim {
    width: 100%
}

.Action.ShareCard-action--physical {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1-2h18v18H-1z'/%3E%3Cpath stroke='%233B2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7h13'/%3E%3Cpath stroke='%233B2D51' stroke-linecap='round' stroke-width='2' d='M9 1l6 6-6 6'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 0.875em;
    font-weight: 600;
    padding: 0 1.75em 0 0;
    -webkit-transition: padding-right 0.1s ease-out;
    transition: padding-right 0.1s ease-out
}

.Action.ShareCard-action--physical:hover {
    padding-right: 2.5em
}

.Action.ShareCard-action--empty {
    border-radius: 2em;
    height: 2em;
    line-height: 2em;
    padding: 0 1em
}

.corner-ribbon {
    background: #99b9ae;
    color: #fff;
    left: -3em;
    letter-spacing: 0.0625em;
    line-height: 1.5em;
    margin: 0.75em 0;
    position: absolute;
    text-align: center;
    top: 1.5em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12.5em
}

@media (min-width: 380px) {
    .ShareCard-image {
        background-color: #ccc;
        background-position: center;
        background-size: cover;
        display: block;
        height: 100%;
        width: calc(33% + 0.75em)
    }
    .ShareCard-image--small {
        display: none
    }
    .ShareCard-content {
        width: calc(66% - 0.75em)
    }
    .ShareCard-content--passport {
        width: 100%
    }
    .ShareCard-details--journey {
        margin-top: 0.5em
    }
    .ShareCard-date--journey {
        margin-left: 1em
    }
}

@media (min-width: 768px) {
    .ShareCard-value {
        color: #2a2a2a;
        margin-top: 0.25em
    }
}

@media (min-width: 960px) {
    .ShareCard-header {
        padding: 0 2.5em
    }
    .ShareCard-section {
        padding: 0 2.5em 1.875em
    }
    .ShareCard-footer {
        padding: 0 2.5em 1.875em
    }
    .ShareCard-action {
        margin-top: 1.5em
    }
    .ShareCard-content {
        padding: 1.5em
    }
}

.UserCard {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #2a2a2a;
    display: block;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.UserCard:visited {
    color: #2a2a2a
}

.UserCard:focus,
.UserCard:hover {
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    color: #666
}

.UserCard-inner {
    color: #2a2a2a;
    text-decoration: none
}

.UserCard-avatar {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 0 #ccc;
    box-shadow: 0 0 4px 0 #ccc;
    height: 120px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    width: 120px
}

.UserCard-avatar--background {
    height: 132px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.UserCard-avatarMedia {
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    height: auto;
    width: 100%
}

.UserCard-title {
    font-family: "Calibre", serif;
    font-size: 21px;
    font-weight: 400;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.UserCard-location {
    color: #7a7a7a;
    font-family: "Calibre", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-top: 8px;
    padding-left: 24px;
    padding-right: 24px
}

.UserCard-bio {
    padding-left: 24px;
    padding-right: 24px
}

.UserCard-bio p {
    font-family: "Calibre", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 24px
}

.UserCard-flag {
    fill: currentColor;
    height: 11px;
    width: 11px
}

.UserCard-info {
    color: #7a7a7a;
    font-family: "Calibre", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.UserCard-claims {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 0 24px
}

.z-0 {
    z-index: size
}

.z-10 {
    z-index: size
}

.z-20 {
    z-index: size
}

.z-30 {
    z-index: size
}

.z-40 {
    z-index: size
}

.z-50 {
    z-index: size
}

.u-textCenter {
    text-align: center !important
}

.u-textLeft {
    text-align: left !important
}

.u-textRight {
    text-align: right !important
}

.u-marginTop4 {
    margin-top: 4px !important
}

.u-marginTop8 {
    margin-top: 8px !important
}

.u-marginTop12 {
    margin-top: 12px !important
}

.u-marginTop16 {
    margin-top: 16px !important
}

.u-marginTop20 {
    margin-top: 20px !important
}

.u-marginTop24 {
    margin-top: 24px !important
}

.u-marginTop32 {
    margin-top: 32px !important
}

.u-marginTop40 {
    margin-top: 40px !important
}

.u-marginTop48 {
    margin-top: 48px !important
}

.u-marginTop64 {
    margin-top: 64px !important
}

.u-marginTopAuto {
    margin-top: auto !important
}

.u-marginLeftAuto {
    margin-left: auto
}

.u-marginLeft8 {
    margin-left: 8px
}

.u-marginRight8 {
    margin-right: 8px
}

.u-marginBottom16 {
    margin-bottom: 16px
}

.u-borderTop {
    border-top: 1px solid #e4e4e4
}

.u-borderBottom {
    border-bottom: 1px solid #e4e4e4
}

.u-paddingTop8 {
    padding-top: 8px
}

.u-paddingTop16 {
    padding-top: 16px
}

.u-paddingTop24 {
    padding-top: 24px
}

.u-paddingTop32 {
    padding-top: 32px
}

.u-paddingTop40 {
    padding-top: 40px
}

.u-colorWhite {
    color: #fff !important
}

.u-colorGrey {
    color: #7a7a7a !important
}

.u-colorGreyDark {
    color: #666 !important
}

.u-colorGreyLight {
    color: #a4a4a4 !important
}

.u-backgroundColorLicorice {
    background-color: #2f3a4a !important
}

.u-backgroundColorWildSand {
    background-color: #f4f4f4 !important
}

.u-backgroundColorWhite {
    background-color: #fff !important
}