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


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

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
}

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 {
    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;
    -webkit-font-feature-settings: 'kern' 1;
    font-feature-settings: 'kern' 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    text-rendering: optimizeLegibility
}

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
}

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

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

.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: #3d3d3d;
    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
    }
}

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

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

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

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

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

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

.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(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 #e4e4e4;
    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-mr3 {
    margin-right: 0.75rem
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.overflow-hidden {
    overflow: hidden
}

.transparent {
    opacity: 0
}

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

.Navbar [data-href='/powered_by_provenance'],
.Navbar .PoweredTagline {
    display: none
}

.Page--productsModal.overflow-hidden .Navbar {
    margin-top: 20px
}

.Page--productsModal.overflow-hidden .Navbar [data-href='/powered_by_provenance'],
.Page--productsModal.overflow-hidden .Navbar .PoweredTagline {
    background: #fff;
    display: block;
    height: auto;
    margin-top: -20px;
    padding: 6px 12px 4px;
    position: absolute;
    right: 0;
    top: 0
}

.Page--productsModal.overflow-hidden .HeroHeader-organisation {
    top: 26px
}

@media (min-width: 768px) {
    .Page--productsModal.overflow-hidden::after {
        border: 1px solid rgba(200, 200, 200, 0.5);
        content: '';
        height: 100%;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-height: calc(100% - 110px);
        padding-top: 114px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 110px;
        width: 768px
    }
    .Page--productsModal.overflow-hidden .Navbar--modal {
        margin-left: auto;
        margin-right: auto;
        margin-top: 160px;
        width: 768px
    }
    .Page--productsModal.overflow-hidden .HeroHeader-container {
        position: relative
    }
    .Page--productsModal.overflow-hidden .HeroHeader-organisation {
        left: 0;
        top: 6px
    }
    .Page--productsModal.overflow-hidden .HeroHeader-description {
        margin-top: 80px;
        padding-right: 0
    }
    .Page--productsModal.overflow-hidden .Navbar [data-href='/powered_by_provenance'],
    .Page--productsModal.overflow-hidden .Navbar .PoweredTagline {
        margin-right: 1px;
        margin-top: -49px
    }
}