.metric-feature{background-color:var(--color-white);border-radius:var(--border-radius);color:var(--color-white);padding:calc(var(--unit) * .5);position:relative;width:180px;min-width:180px;cursor:pointer;transition:transform .2s ease}.metric-feature:hover{transform:scale(1.03)}.metric-feature.is-selected{box-shadow:0 0 5px 1px var(--color-primary)}.metric-feature.is-footfall{background-color:var(--color-mikado)}.metric-feature.is-entrances{background-color:var(--color-apple)}.metric-feature.is-transactions{background-color:var(--color-turquoise)}.metric-feature.is-sales{background-color:var(--color-pear)}.metric-feature.is-capture-rate{background-color:var(--color-rose)}.metric-feature.is-conversions{background-color:var(--color-violet)}.metric-feature.is-basket{background-color:var(--color-zomp)}.metric-feature.is-peelOff{background-color:#d1336f}.metric-feature.is-units{background-color:var(--color-orchid)}.metric-feature.is-upt{background-color:var(--color-midnight)}.metric-feature.is-streetCount{background-color:var(--color-apple)}.o-metric__head{display:grid;grid-template-areas:"title icon" "total icon";grid-template-columns:auto min-content;width:100%}.o-metric__head .is-title{font-weight:400;font-size:.75rem;margin-bottom:calc(var(--unit) * .5);color:var(--color-white);grid-area:title;letter-spacing:.05em;text-transform:uppercase}.o-metric__head .is-total{grid-area:total;font-weight:700}.o-metric__head .is-icon{grid-area:icon}html,body,#root{height:100%;margin:0;padding:0}.o-report{background-color:var(--color-white);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%}.o-report__metrics-container{position:relative;width:100%;display:flex;justify-content:center}.o-report__metrics-grid{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;min-height:fit-content;width:100%;max-width:100%;box-sizing:border-box;justify-content:center;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-behavior:smooth}.o-report__metrics-grid--scrollable{justify-content:flex-start}.o-report__metrics-container:before,.o-report__metrics-container:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;z-index:10;pointer-events:none;transition:opacity .3s ease;opacity:0}.o-report__metrics-container:before{left:8px;border-width:12px 12px 12px 0;border-color:transparent rgba(0,0,0,.5) transparent transparent}.o-report__metrics-container:after{right:8px;border-width:12px 0 12px 12px;border-color:transparent transparent transparent rgba(0,0,0,.5)}.o-report__metrics-container--scrollable-left:before{opacity:1}.o-report__metrics-container--scrollable-right:after{opacity:1}@media(min-width:1440px){.o-report__metrics-container:before,.o-report__metrics-container:after{display:none}}@media(max-width:768px){.o-report__metrics-grid{flex-wrap:nowrap}.o-report__metrics-grid>*{flex-shrink:0;min-width:150px}}.o-report__date-range{color:var(--color-grey--dark)}body.is-black .o-report__page{background-color:unset;color:var(--color-black)}.o-report__charts{display:flex;flex-direction:column;flex-grow:1;overflow:auto;min-height:0}.o-report__chart-title-bar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.o-report__chart-title-bar--title{text-transform:uppercase}.o-report__chart-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:var(--unit)}.o-report__chart-title button{background:none;border:none;cursor:pointer}.o-report__chart-title button:disabled{opacity:.7;cursor:not-allowed}.o-report__overview-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--unit) * 2);border-bottom:1px solid var(--color-grey--light)}.o-report__metrics-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--unit) * 2);padding:calc(var(--unit) * 2);width:100%;box-sizing:border-box}@media(max-width:768px){.o-report__metrics-overview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--unit);padding:var(--unit)}.o-report__overview-header{flex-direction:column;gap:var(--unit);padding:var(--unit)}}@media(min-width:1200px){.o-report__metrics-overview-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}@media(min-width:1600px){.o-report__metrics-overview-grid{grid-template-columns:repeat(4,1fr);max-width:1600px}}:root{--color-primary: hsla(214, 100%, 52%, 1);--color-primary--darker: hsla(214, 100%, 40%, 1);--color-primary--ultralight: hsla(214, 100%, 92%, 1);--color-primary--ultralight-2: hsla(214, 100%, 98%, 1);--color-primary--ultralight-hover: hsla(214, 100%, 97%, 1);--color-black: hsla(214, 10%, 10%, 1);--color-black--transparent: hsla(214, 10%, 10%, .2);--color-grey--ultralight: hsla(214, 10%, 95%, 1);--color-grey--light: hsla(214, 10%, 90%, 1);--color-grey--medium: hsla(214, 10%, 80%, 1);--color-grey--medium-darker: rgb(172, 178, 188);--color-grey--dark: hsla(214, 10%, 50%, 1);--color-transparent-grey--dark: hsla(214, 10%, 50%, .2);--color-secondary: hsla(156, 78%, 43%, 1);--color-secondary--light: hsla(156, 60%, 91%, 1);--color-secondary--darker: hsla(156, 78%, 38%, 1);--color-red: hsla(354, 82%, 59%, 1);--color-red--light: hsla(354, 100%, 92%, 1);--color-orange: hsla(19, 100%, 65%, 1);--color-orange--light: hsla(20, 100%, 90%, 1);--color-neutral: hsla(35, 33%, 93%, 1);--color-true-black: hsla(0, 0%, 0%, 1);--color-white: hsla(0, 100%, 100%, 1);--color-yellow: hsla(52, 100%, 58%, 1);--color-yellow--light: hsla(44, 100%, 90%, 1);--color-mikado: rgba(253, 192, 11, 1);--color-mikado--light-1: rgb(254, 212, 88);--color-mikado--light-2: rgb(254, 224, 133);--color-mikado--light-3: rgb(255, 239, 195);--color-violet: rgba(63, 80, 180, 1);--color-turquoise: rgba(66, 204, 221);--color-turquoise--light: rgb(245, 251, 253);--color-zomp: rgba(45, 148, 151);--color-pear: rgba(205, 217, 57);--color-rose: rgba(228, 21, 111);--color-rose--light: rgba(241, 138, 184);--color-apple: rgba(73, 194, 78);--color-apple--light-1: rgb(119, 210, 123);--color-apple--light-2: rgb(166, 225, 167);--color-apple--light-3: rgb(210, 240, 211);--color-midnight: rgba(12, 62, 86);--color-midnight--light-1: rgb(74, 111, 129);--color-orchid: rgba(155, 38, 175);--error-color: var(--color-red);--error-color--light: var(--color-red--light);--error-color--light-hover: hsla(354, 100%, 88%, 1);--success-color: var(--color-secondary);--success-color--light: var(--color-secondary--light);--warning-color: var(--color-orange);--warning-color--light: var(--color-orange--light);--text-color: var(--color-black);--disabled-color: var(--color-grey--medium);--border-color: var(--color-grey--medium);--link-color: var(--color-primary);--link-color--hover: var(--color-primary--darker);--online-color: var(--color-primary);--offline-color: var(--error-color);--poor-connection-color: var(--color-orange);--icon-color: var(--color-grey--dark);--alert-color: var(--color-secondary);--unit: 1rem;--regular-font: "IBM Plex Sans";--regular-font-weight: 400;--heading-font: "IBM Plex Sans";--bold-font-weight: 700;--border-radius: 3px;--border-radius--small: 2px;--border-radius--medium: 4px;--border-radius--large: 6px}body{color:#17191c;font-family:IBM Plex Sans,sans-serif;font-weight:400;height:100%;line-height:1.5}.c-app-frame{height:100%;display:flex;flex-direction:column}.c-route-container{overflow:auto;flex-grow:1;margin:0 var(--unit) var(--unit)}