<!DOCTYPE html>
<html class="device-desktop os-windows chrome chrome-145.0.0.0" data-lang="en" lang="en">
<head>
<meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>
urbanrentru6
</title>
<meta content="" name="description">
<meta content="strict-origin-when-cross-origin" name="referrer">
<meta content="noindex, nofollow" name="robots">
<meta content="#4f6814" name="theme-color">
<meta content="https://www.komoot.com/images/og-images/og-image-default.png" property="og:image">
<meta content="komoot" property="og:site_name">
<meta content="urbanrentru6" property="og:title">
<meta content="" property="og:description">
<meta content="website" property="og:type">
<meta content="https://www.komoot.com/user/6251094645273" property="og:url">
<meta content="en_GB" property="og:locale">
<meta content="de_DE" property="og:locale:alternate">
<meta content="fr_FR" property="og:locale:alternate">
<meta content="it_IT" property="og:locale:alternate">
<meta content="nl_NL" property="og:locale:alternate">
<meta content="es_ES" property="og:locale:alternate">
<meta content="ko_KR" property="og:locale:alternate">
<meta content="ja_JP" property="og:locale:alternate">
<meta content="pl_PL" property="og:locale:alternate">
<meta content="pt_PT" property="og:locale:alternate">
<meta content="pt_BR" property="og:locale:alternate">
<meta content="sv_SE" property="og:locale:alternate">
<meta content="nb_NO" property="og:locale:alternate">
<meta content="fi_FI" property="og:locale:alternate">
<meta content="da_DK" property="og:locale:alternate">
<meta content="hr_HR" property="og:locale:alternate">
<meta content="cs_CZ" property="og:locale:alternate">
<meta content="ro_RO" property="og:locale:alternate">
<meta content="hu_HU" property="og:locale:alternate">
<meta content="el_GR" property="og:locale:alternate">
<meta content="tr_TR" property="og:locale:alternate">
<meta content="216222385104691" property="fb:app_id">
<meta content="app-id=447374873, app-argument=http://www.komoot.com" name="apple-itunes-app">
<link href="https://d2exd72xrrp1s7.cloudfront.net" rel="preconnect">
<link href="https://d2exd72xrrp1s7.cloudfront.net" rel="dns-prefetch">
<link href="https://photos.komoot.de" rel="preconnect">
<link href="https://photos.komoot.de" rel="dns-prefetch">
<link href="https://tiles-api.maps.komoot.net" rel="preconnect">
<link href="https://tiles-api.maps.komoot.net" rel="dns-prefetch">
<link as="font" crossorigin="anonymous" href="/assets/9ad72097ae861741.woff2" rel="preload" type="font/woff2">
<link as="font" crossorigin="anonymous" href="/assets/9732d7a0185912c7.woff2" rel="preload" type="font/woff2">
<link as="font" crossorigin="anonymous" href="/assets/b1dca2a5d44fc7a4.woff2" rel="preload" type="font/woff2">
<link as="font" crossorigin="anonymous" href="/assets/22539d17f3707926.woff2" rel="preload" type="font/woff2">
<link as="font" crossorigin="anonymous" href="/assets/12084922609e6532.woff2" rel="preload" type="font/woff2">
<link as="style" href="/assets/main.437c6d9820ca001e.css" rel="preload">
<link href="/assets/3906db45f16b0fb9.svg" rel="icon" type="image/svg+xml">
<link href="/assets/9b4d45e81ebda372.png" rel="icon" sizes="96x96" type="image/png">
<link color="#4f6814" href="/assets/3f3c982bcf2f5c2e.svg" rel="mask-icon">
<link href="/manifest.json" rel="manifest">
<meta content="komoot" name="application-name">
<meta content="/assets/9b4d45e81ebda372.png" name="msapplication-square70x70logo">
<meta content="/assets/1b5445c7159f03dd.png" name="msapplication-square150x150logo">
<meta content="/assets/1b5445c7159f03dd.png" name="msapplication-square310x310logo">
<meta content="/assets/00365b9e9c7ff5ab.png" name="msapplication-wide310x150logo">
<meta content="#76B71A" name="msapplication-TileColor">
<meta content="/assets/9b4d45e81ebda372.png" name="msapplication-TileImage">
<script defer="" src="/assets/main.41110c2b4167bda9.js" type="text/javascript">
</script>
<style>
@font-face {
font-display
:
swap
;
font-family
:
Satoshi
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("/assets/b1dca2a5d44fc7a4.woff2")
format("woff2")
,
url("/assets/bb2acceef8cbb95c.woff")
format("woff")
}
@font-face {
font-display
:
swap
;
font-family
:
Satoshi
;
font-style
:
normal
;
font-weight
:
500
;
src
:
url("/assets/22539d17f3707926.woff2")
format("woff2")
,
url("/assets/f3941e6867f6ff9d.woff")
format("woff")
}
@font-face {
font-display
:
swap
;
font-family
:
Satoshi
;
font-style
:
normal
;
font-weight
:
700
;
src
:
url("/assets/12084922609e6532.woff2")
format("woff2")
,
url("/assets/b28a04c41ba0cf39.woff")
format("woff")
}
@font-face {
font-display
:
swap
;
font-family
:
Nohemi
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("/assets/79399531ee565cfb.woff2")
format("woff2")
,
url("/assets/a1a1afc27aaaf613.woff")
format("woff")
;
unicode-range
:
U+0-36F
,
U+1E00-1EFF
,
U+2000-20CF
,
U+FB00-FB06
}
@font-face {
font-display
:
swap
;
font-family
:
Nohemi
;
font-style
:
normal
;
font-weight
:
500
;
src
:
url("/assets/9ad72097ae861741.woff2")
format("woff2")
,
url("/assets/773cc69de0411945.woff")
format("woff")
;
unicode-range
:
U+0-36F
,
U+1E00-1EFF
,
U+2000-20CF
,
U+FB00-FB06
}
@font-face {
font-display
:
swap
;
font-family
:
Nohemi
;
font-style
:
normal
;
font-weight
:
700
;
src
:
url("/assets/0d564ea77c9ac245.woff2")
format("woff2")
,
url("/assets/efe7cc265af26828.woff")
format("woff")
;
unicode-range
:
U+0-36F
,
U+1E00-1EFF
,
U+2000-20CF
,
U+FB00-FB06
}
@font-face {
font-display
:
swap
;
font-family
:
Boyrun
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("/assets/9732d7a0185912c7.woff2")
format("woff2")
,
url("/assets/3afe07cee8271777.woff")
format("woff")
}
@font-face {
font-display
:
swap
;
font-family
:
Bw
Stretch
;
font-style
:
normal
;
font-weight
:
300
;
src
:
url("/assets/d624c853cc27788b.woff2")
format("woff2")
,
url("/assets/4001b35c1f367955.woff")
format("woff")
}
@font-face {
font-display
:
swap
;
font-family
:
Bw
Stretch
;
font-style
:
normal
;
font-weight
:
700
;
src
:
url("/assets/9349d0356fe5bacc.woff2")
format("woff2")
,
url("/assets/cce97f5c3f811da1.woff")
format("woff")
}
.legacy-styles h1,.legacy-styles h2,.legacy-styles h3,.legacy-styles h4,.legacy-styles h5,.legacy-styles h6,.legacy-styles ol,.legacy-styles p,.legacy-styles ul {
margin-bottom : 1.5rem
}
.legacy-styles li>ul {
margin-bottom : 0
}
.legacy-styles ol,.legacy-styles ul {
margin-left : 1.5rem
}
.legacy-styles .o-list-ui,.legacy-styles .o-nav {
margin-left : 0
}
.o-grid {
list-style : none;
margin : 0 0 0 -1.5rem!important;
padding : 0
}
.o-grid__item {
display : inline-block;
padding-left : 1.5rem;
vertical-align : top;
width : 100%
}
.o-grid--1px {
margin-left : -1px!important;
margin-top : -1px!important
}
.o-grid--1px>.o-grid__item {
padding-bottom : 1px;
padding-left : 1px
}
.o-grid--small {
margin-left : -.75rem!important
}
.o-grid--small>.o-grid__item {
padding-left : .75rem
}
.o-grid--large {
margin-left : -3rem!important
}
.o-grid--large>.o-grid__item {
padding-left : 3rem
}
.o-grid--huge {
margin-left : -6rem!important
}
.o-grid--huge>.o-grid__item {
padding-left : 6rem
}
.o-grid--rev {
direction : rtl;
text-align : left
}
.o-grid--rev>.o-grid__item {
direction : ltr;
text-align : left
}
.o-grid--center {
text-align : center
}
.o-grid--center>.o-grid__item {
text-align : left
}
.o-grid--right {
text-align : right
}
.o-grid--right>.o-grid__item {
text-align : left
}
.o-grid--middle>.o-grid__item {
vertical-align : middle
}
.o-grid--stretch {
display : flex;
flex-wrap : wrap
}
.o-grid--stretch>.o-grid__item {
display : flex
}
.o-nav {
list-style : none;
margin : 0 0 1.5rem;
padding : 0
}
.o-nav>li,.o-nav>li>a {
display : inline-block
}
.o-nav:after {
clear : both;
content : "";
display : table
}
.o-nav--stacked>li {
display : list-item
}
.o-nav--stacked>li>a {
display : block
}
.o-nav--block {
letter-spacing : -.31em;
white-space : nowrap;
word-spacing : -.43em
}
.o-nav--block>li {
letter-spacing : normal;
word-spacing : normal
}
.o-nav--block>li>a {
line-height : 1.5em;
padding : .75rem
}
.o-nav--breadcrumbs>li>a,.o-nav--breadcrumbs>li>span {
line-height : 1.5em;
padding-left : .75rem;
padding-right : .75rem
}
.o-nav--breadcrumbs>li:first-child>a,.o-nav--breadcrumbs>li:first-child>span {
padding-left : 0
}
.o-nav--breadcrumbs>li:before {
color : inherit;
content : "⟩" " "
}
.o-nav--breadcrumbs>li:first-child:before {
display : none
}
.o-nav--parallel>li {
padding-left : .375rem
}
.o-nav--parallel>li:before {
content : "|";
margin-right : .375rem
}
.o-nav--parallel>li:first-child {
padding : 0
}
.o-nav--parallel>li:first-child:before {
display : none
}
.o-table {
text-align : left;
width : 100%
}
.o-table th {
font-weight : 400
}
.o-table--fixed {
table-layout : fixed
}
.o-table--compact td,.o-table--compact th {
padding : .375rem
}
.o-table--cosy td,.o-table--cosy th {
padding : .75rem
}
.o-table--comfy td,.o-table--comfy th {
padding : 1.5rem
}
.o-table--cells td,.o-table--cells th {
border : 1px solid var(--theme-ui-colors-black10)
}
.o-table--rows,.o-table--rows td,.o-table--rows th {
border : 0 solid var(--theme-ui-colors-black10)
}
.o-table--rows {
border-top-width : 1px
}
.o-table--rows td,.o-table--rows th {
border-bottom-width : 1px
}
.o-table--columns,.o-table--columns td,.o-table--columns th {
border : 0 solid var(--theme-ui-colors-black10)
}
.o-table--columns {
border-left-width : 1px
}
.o-table--columns td,.o-table--columns th {
border-right-width : 1px
}
.o-media {
align-items : flex-start;
display : flex
}
.o-media__img {
flex-shrink : 0;
margin-right : 1.5rem
}
.o-media__img .avatar,.o-media__img>img {
vertical-align : bottom
}
.o-media__body {
flex-grow : 1;
min-width : 0
}
.o-media__body,.o-media__body>:last-child {
margin-bottom : 0
}
.o-media--center {
align-items : center
}
.o-media--bottom {
align-items : flex-end
}
.o-media--rev>.o-media__img {
margin-left : 1.5rem;
margin-right : 0;
order : 1
}
.o-media--tiny>.o-media__img {
margin-right : .375rem
}
.o-media--tiny.o-media--rev>.o-media__img {
margin-left : .375rem;
margin-right : 0
}
.o-media--small>.o-media__img {
margin-right : .75rem
}
.o-media--small.o-media--rev>.o-media__img {
margin-left : .75rem;
margin-right : 0
}
.o-media--flush>.o-media__img {
margin-right : 0
}
.o-media--flush.o-media--rev>.o-media__img {
margin-left : 0;
margin-right : 0
}
.o-list-ui {
list-style : none;
margin : 0;
padding : 0
}
.o-list-ui>li,.o-list-ui>span>li,.o-list-ui__item {
padding : .75rem
}
.o-list-ui--separator,.o-list-ui>li,.o-list-ui>span>li,.o-list-ui__item {
border-color : var(--theme-ui-colors-black10);
border-style : solid;
border-width : 0
}
.o-list-ui--separator>.o-list-ui__item,.o-list-ui--separator>li,.o-list-ui--separator>span>li {
border-top-width : 1px
}
.o-list-ui--separator>.o-list-ui__item:first-child,.o-list-ui--separator>li:first-child,.o-list-ui--separator>span>li:first-child {
border-top-width : 0
}
.o-list-ui--border {
border-bottom-width : 1px;
border-top-width : 1px
}
.o-list-ui--small>.o-list-ui__item,.o-list-ui--small>li,.o-list-ui--small>span>li {
padding : .375rem
}
.o-list-ui--large>.o-list-ui__item,.o-list-ui--large>li,.o-list-ui--large>span>li {
padding : 1.5rem
}
.o-list-ui--flush-vertical>.o-list-ui__item,.o-list-ui--flush-vertical>li,.o-list-ui--flush-vertical>span>li {
padding-left : 0;
padding-right : 0
}
.o-section {
padding : 3rem .75rem 1.5rem
}
@media (min-width:540px) {
.o-section {
padding : 4rem 1.5rem 3rem
}
}
@media (min-width:1024px) {
.o-section {
padding : 4rem 2.25rem 3rem
}
}
@media (min-width:1280px) {
.o-section {
padding : 6rem 2.25rem 4rem
}
}
.c-link {
color : var(--theme-ui-colors-secondary);
transition : color .1s ease-in-out
}
.c-link:active,.c-link:hover {
--tw-text-opacity : 1;
color : #0065b8;
color : rgba(0,101,184,var(--tw-text-opacity,1));
cursor : pointer;
outline : 0;
-webkit-text-decoration: underline;
text-decoration : underline
}
.c-link.is-disabled {
color : hsla(0,0%,100%,.22);
cursor : default
}
.c-link.is-disabled:active,.c-link.is-disabled:focus,.c-link.is-disabled:hover {
color : hsla(0,0%,100%,.22)
}
.c-link--green {
color : var(--theme-ui-colors-primary)
}
.c-link--green:active,.c-link--green:hover {
--tw-text-opacity : 1;
color : #407500;
color : rgba(64,117,0,var(--tw-text-opacity,1))
}
.c-link--inverted-green {
color : var(--theme-ui-colors-primaryOnDark)
}
.c-link--inverted-green:active,.c-link--inverted-green:hover {
color : var(--theme-ui-colors-white)
}
.c-link--reset-button,button.c-link {
-webkit-appearance : none;
background-color : transparent;
background-image : none!important;
border : none;
display : inline;
font-weight : inherit;
padding : 0!important;
text-align : inherit
}
.c-link--text-secondary {
color : var(--theme-ui-colors-whisper)
}
.c-link--text-secondary:active,.c-link--text-secondary:hover {
color : var(--theme-ui-colors-secondary);
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--white {
color : #fff
}
.c-link--white:active,.c-link--white:hover {
color : #fff
}
.c-link--transparent {
color : hsla(0,0%,100%,.66)
}
.c-link--transparent:active,.c-link--transparent:hover {
color : #fff
}
.c-link--inverted-default {
color : var(--theme-ui-colors-white80)
}
.c-link--inverted-default:active,.c-link--inverted-default:hover {
color : var(--theme-ui-colors-white)
}
.c-link--inverted-secondary {
color : var(--theme-ui-colors-white30)
}
.c-link--inverted-secondary:active,.c-link--inverted-secondary:hover {
color : var(--theme-ui-colors-white)
}
.c-link--inherit {
color : inherit
}
.c-link--inherit:active,.c-link--inherit:hover {
color : inherit
}
.c-link--boxed {
display : block;
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--boxed:active,.c-link--boxed:hover {
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--inverted {
-webkit-text-decoration: underline;
text-decoration : underline
}
.c-link--inverted:active,.c-link--inverted:hover {
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--no-decoration {
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--no-decoration:active,.c-link--no-decoration:hover {
-webkit-text-decoration: none;
text-decoration : none
}
.c-link--danger {
color : var(--theme-ui-colors-danger)
}
.c-link--danger:active,.c-link--danger:hover {
color : var(--theme-ui-colors-danger)
}
.c-link--rating:focus {
outline : 0
}
.c-btn {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
border : 1px solid transparent;
border-radius : 8px;
cursor : pointer;
display : inline-block;
font-weight : 700;
line-height : inherit;
margin : 0;
padding : .375rem 1rem;
text-align : center;
transition : background .1s ease-in-out,color .1s ease-in-out;
-webkit-user-select : none;
-moz-user-select : none;
user-select : none;
vertical-align : middle;
white-space : nowrap
}
.c-btn:focus {
outline : none
}
.c-btn,.c-btn:active,.c-btn:focus,.c-btn:hover {
-webkit-text-decoration: none;
text-decoration : none
}
.c-btn::-moz-focus-inner {
border : 0;
padding : 0
}
.c-btn--full {
width : 100%
}
.c-btn--tiny {
font-size : .75rem;
padding : .1875rem .5rem
}
.c-btn--large {
font-size : 1.125rem;
padding : .5rem 1.5rem
}
@media (min-width:1024px) {
.lg\:c-btn--large {
font-size : 1.125rem;
padding : .5rem 1.5rem
}
}
.c-btn--primary {
background-color : var(--theme-ui-colors-primary);
border-color : var(--theme-ui-colors-primary);
color : var(--theme-ui-colors-white)
}
.c-btn--primary:active,.c-btn--primary:focus-visible,.c-btn--primary:hover {
--tw-border-opacity : 1;
border-color : #407500;
border-color : rgba(64,117,0,var(--tw-border-opacity,1));
--tw-bg-opacity : 1;
background-color : #407500;
background-color : rgba(64,117,0,var(--tw-bg-opacity,1))
}
.c-btn--primary-inv {
background-color : var(--theme-ui-colors-primaryOnDark);
border-color : var(--theme-ui-colors-primaryOnDark);
color : var(--theme-ui-colors-text)
}
.c-btn--primary-inv:active,.c-btn--primary-inv:focus-visible,.c-btn--primary-inv:hover {
background-color : var(--theme-ui-colors-primaryOnDark);
border-color : var(--theme-ui-colors-primaryOnDark)
}
.c-btn--secondary {
background-color : var(--theme-ui-colors-white);
border-color : var(--theme-ui-colors-black20);
color : var(--theme-ui-colors-text)
}
.c-btn--secondary:active,.c-btn--secondary:focus-visible,.c-btn--secondary:hover {
border-color : var(--theme-ui-colors-black20);
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1))
}
.c-btn--userbar {
background-color : var(--theme-ui-colors-white10);
border-color : transparent;
color : var(--theme-ui-colors-white)
}
.c-btn--userbar:active,.c-btn--userbar:focus-visible,.c-btn--userbar:hover {
background-color : var(--theme-ui-colors-white20);
border-color : transparent;
color : var(--theme-ui-colors-white)
}
.c-btn--facebook {
background-color : var(--theme-ui-colors-facebook);
border-color : var(--theme-ui-colors-facebook);
color : var(--theme-ui-colors-white)
}
.c-btn--facebook:active,.c-btn--facebook:focus-visible,.c-btn--facebook:hover {
background-color : var(--theme-ui-colors-facebook);
border-color : var(--theme-ui-colors-facebook)
}
.c-btn--orange {
--tw-border-opacity : 1;
border-color : #ff845f;
border-color : rgba(255,132,95,var(--tw-border-opacity,1));
--tw-bg-opacity : 1;
background-color : #ff845f;
background-color : rgba(255,132,95,var(--tw-bg-opacity,1));
color : var(--theme-ui-colors-white)
}
.c-btn--orange:active,.c-btn--orange:focus-visible,.c-btn--orange:hover {
--tw-border-opacity : 1;
border-color : #dd6d4b;
border-color : rgba(221,109,75,var(--tw-border-opacity,1));
--tw-bg-opacity : 1;
background-color : #dd6d4b;
background-color : rgba(221,109,75,var(--tw-bg-opacity,1))
}
.c-btn--disabled,.c-btn[disabled] {
background-color : rgba(0,0,0,.05);
border-color : transparent;
box-shadow : none;
color : rgba(0,0,0,.11)
}
.c-btn--disabled:active,.c-btn--disabled:focus-visible,.c-btn--disabled:hover,.c-btn[disabled]:active,.c-btn[disabled]:focus-visible,.c-btn[disabled]:hover {
background-color : rgba(0,0,0,.05);
border-color : transparent;
box-shadow : none;
color : rgba(0,0,0,.11)
}
.c-btn--loading.c-btn--disabled {
background-color : rgba(0,0,0,.1)
}
.c-btn--loading.c-btn--disabled:active,.c-btn--loading.c-btn--disabled:focus-visible,.c-btn--loading.c-btn--disabled:hover {
background-color : rgba(0,0,0,.1)
}
.c-btn--flat {
background-color : transparent;
border-color : transparent;
color : var(--theme-ui-colors-secondary)
}
.c-btn--flat:active,.c-btn--flat:focus-visible,.c-btn--flat:hover {
background-color : rgba(16,134,232,.05);
border-color : transparent;
color : var(--theme-ui-colors-secondary)
}
.c-btn--floating {
--tw-shadow : 0 1px 2px rgba(0,0,0,.2);
--tw-shadow-colored : 0 1px 2px var(--tw-shadow-color);
background-color : var(--theme-ui-colors-white);
box-shadow : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2);
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
color : var(--theme-ui-colors-text)
}
.c-btn--floating:active,.c-btn--floating:focus-visible,.c-btn--floating:hover {
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1))
}
.c-btn--transparent {
background-color : hsla(0,0%,100%,.66);
border-color : transparent;
color : rgba(0,0,0,.88)
}
.c-btn--transparent:active,.c-btn--transparent:focus-visible,.c-btn--transparent:hover {
background-color : hsla(0,0%,100%,.88);
border-color : transparent;
color : #000
}
.c-btn--transparent-black {
background-color : var(--theme-ui-colors-black70);
border-color : transparent;
color : var(--theme-ui-colors-white90)
}
.c-btn--transparent-black:active,.c-btn--transparent-black:focus-visible,.c-btn--transparent-black:hover {
background-color : var(--theme-ui-colors-black90);
border-color : transparent;
color : var(--theme-ui-colors-white)
}
.c-btn--icon.c-btn--secondary .c-btn__icon {
color : var(--theme-ui-colors-whisper)
}
.c-btn--outline-inverted {
background-color : transparent;
border-color : var(--theme-ui-colors-white30);
border-style : solid;
border-width : 1px;
color : var(--theme-ui-colors-white80);
padding-bottom : 4px;
padding-top : 4px;
transition : border .1s ease-in-out
}
.c-btn--outline-inverted:active,.c-btn--outline-inverted:focus-visible,.c-btn--outline-inverted:hover {
background-color : var(--theme-ui-colors-white05);
border-color : var(--theme-ui-colors-white40);
color : var(--theme-ui-colors-white)
}
.c-btn--outline-inverted .c-btn__icon {
line-height : 34px
}
.c-btn.is-selected {
background-color : rgba(0,0,0,.05);
border-color : transparent;
color : var(--theme-ui-colors-primary)
}
.c-btn.is-selected:active,.c-btn.is-selected:focus-visible,.c-btn.is-selected:hover {
background-color : rgba(0,0,0,.05);
border-color : transparent;
color : var(--theme-ui-colors-primary)
}
.c-page-index--discover .c-page-index__indicator--discover {
color : var(--theme-ui-colors-primaryOnDark)!important
}
.c-page-index--discover .c-page-index__indicator--discover:hover {
color : var(--theme-ui-colors-primaryOnDark)!important;
cursor : default
}
.c-page-index--plan .c-page-index__indicator--plan {
color : var(--theme-ui-colors-primaryOnDark)!important
}
.c-page-index--plan .c-page-index__indicator--plan:hover {
color : var(--theme-ui-colors-primaryOnDark)!important;
cursor : default
}
.c-page-index--user .c-page-index__indicator--user {
color : var(--theme-ui-colors-primaryOnDark)!important
}
.c-page-index--user .c-page-index__indicator--user:hover {
color : var(--theme-ui-colors-primaryOnDark)!important;
cursor : default
}
.c-page-index--pioneer .c-page-index__indicator--pioneer {
color : var(--theme-ui-colors-primaryOnDark)!important
}
.c-page-index--pioneer .c-page-index__indicator--pioneer:hover {
color : var(--theme-ui-colors-primaryOnDark)!important;
cursor : default
}
.c-logo {
background-color : transparent;
background-image : url("/assets/5553995751a32381.svg");
background-position : 0;
background-repeat : no-repeat;
background-size : 108px 32px;
display : inline-block;
height : 32px;
position : relative;
text-indent : -9999px;
vertical-align : middle;
width : 108px;
z-index : 100
}
.c-logo--responsive {
background-image : url("/assets/47c04e098f035a18.svg");
background-size : 32px 32px;
width : 32px
}
@media (min-width:540px) {
.c-logo--responsive {
background-image : url("/assets/5553995751a32381.svg");
background-size : 108px 32px;
width : 108px
}
}
.c-topnav:after {
clear : both;
content : "";
display : table
}
.c-topnav__fixed {
position : relative
}
@media (max-width:720px) {
.c-topnav__fixed:before {
bottom : 0;
content : "";
display : block;
position : absolute;
top : 0;
width : .75rem;
z-index : 200
}
}
.c-topnav__fixed--right {
float : right
}
.c-topnav__fixed--right:before {
background-image : linear-gradient(to right,rgba(var(--theme-ui-colors-navbar),0) 0,rgba(var(--theme-ui-colors-navbar),1) 66%);
left : -12px
}
.c-topnav__fixed--left {
float : left;
padding : 8px 0
}
.c-topnav__fixed--left:before {
background-image : linear-gradient(to left,rgba(var(--theme-ui-colors-navbar),0) 0,rgba(var(--theme-ui-colors-navbar),1) 66%);
right : -12px
}
.c-topnav__flexible {
padding-left : .375rem;
padding-right : .375rem
}
@media (min-width:720px) {
.c-topnav__flexible {
padding-left : 0;
padding-right : 0
}
}
.c-form-select-menu label {
display : block;
position : relative
}
.c-form-select-menu label:hover {
cursor : pointer
}
.c-form-toggle__input {
opacity : 0;
position : absolute;
right : .75rem;
top : 50%;
transform : translateY(-50%);
z-index : -1
}
.c-form-select-menu__item {
display : block;
position : relative
}
.c-form-select-menu__icon {
font-size : 1.2em
}
.c-form-select-menu__indicator {
opacity : 0;
position : absolute;
right : .75rem;
top : 50%;
transform : translateY(-50%)
}
.c-form-select-menu input:checked~.c-form-select-menu__item {
color : var(--theme-ui-colors-primary)
}
.c-form-select-menu input:checked~.c-form-select-menu__item .c-form-select-menu__indicator {
opacity : 1
}
.c-form-select-menu--toggle .c-form-select-menu__item .c-form-select-menu__indicator {
color : var(--theme-ui-colors-whisper)
}
.c-form-select-menu--toggle .c-form-select-menu__item .c-form-select-menu__indicator .is-active {
color : var(--theme-ui-colors-primary)
}
.c-spinner-inline {
display : inline-block;
height : 24px;
width : 24px
}
.c-thumbnail {
display : block;
padding-top : 75%;
position : relative
}
.c-thumbnail:hover {
cursor : pointer
}
.c-thumbnail__img {
display : inline-block;
height : auto;
vertical-align : bottom;
width : 100%;
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1));
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover;
bottom : 0;
left : 0;
position : absolute;
right : 0;
top : 0
}
img.c-thumbnail__img {
bottom : auto;
height : 0
}
.c-thumbnail__title {
background-image : linear-gradient(180deg,transparent 0,rgba(0,0,0,.66) 80%);
bottom : 0;
color : #fff;
font-size : .75rem;
left : 0;
line-height : 1.3;
overflow : hidden;
padding : 16px 8px 8px;
position : absolute;
right : 0;
text-overflow : ellipsis;
white-space : nowrap;
z-index : 100
}
.c-preview-map {
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1));
box-shadow : 0 1px 2px rgba(0,0,0,.22),0 0 1px rgba(0,0,0,.33);
padding-top : 75%;
position : relative;
width : 100%
}
.c-preview-map__container {
bottom : 0;
left : 0;
position : absolute;
top : 0;
width : 100%
}
.c-preview-map--print {
border : 1px solid var(--theme-ui-colors-navbar);
box-shadow : none
}
.c-preview-map--small {
padding-top : 35%
}
.c-preview-map--inline {
height : 300px;
padding-top : 0
}
@media (min-width:720px) {
.c-preview-map--inline {
height : auto;
padding-top : 60%
}
}
.c-preview-map--regions {
height : 480px;
padding-top : 0
}
@media (min-width:540px) {
.c-preview-map--regions {
height : 540px
}
}
@media (min-width:1024px) {
.c-preview-map--regions {
height : auto;
padding-top : 45%
}
}
.c-paragraph {
margin : 0 0 1.5rem
}
.c-paragraph .c-paragraph__block {
margin : 0
}
.c-paragraph .c-paragraph__line+.c-paragraph__line {
margin-top : 1.5rem
}
.c-participants {
white-space : nowrap
}
.c-participants__item {
opacity : .66;
position : relative;
transform : scale(1);
transition : all .1s ease-in-out;
vertical-align : middle
}
.c-participants__item:hover {
opacity : 1;
transform : scale(1.1);
z-index : 200
}
.c-participants__item--creator {
opacity : 1;
z-index : 100
}
.c-participants__item--left {
margin-right : -.75rem
}
.c-participants__item--right {
margin-left : -.75rem
}
.c-or-separator {
position : relative;
text-align : center
}
.c-or-separator__text {
background-color : #fff;
display : inline-block;
padding : 0 .75rem;
position : relative;
z-index : 100
}
.c-or-separator__line {
border : 0;
border-color : var(--theme-ui-colors-black10);
border-style : solid;
border-top-width : 1px;
left : 0;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%)
}
.c-or-separator--left {
text-align : left
}
.c-or-separator--left .c-or-separator__text {
margin-left : .75rem
}
.c-or-separator--right {
text-align : right
}
.c-or-separator--right .c-or-separator__text {
margin-right : .75rem
}
.c-or-separator--inverted .c-or-separator__text {
background-color : var(--theme-ui-colors-primary)
}
.c-or-separator--inverted .c-or-separator__line {
border-color : var(--theme-ui-colors-white30)
}
.c-timeline {
position : relative
}
.c-timeline:after {
background-color : var(--theme-ui-colors-black10);
bottom : 0;
content : "";
display : block;
left : 50%;
margin-right : -1px;
position : absolute;
top : 0;
width : 2px
}
.c-timeline-preview {
position : relative
}
.c-timeline-preview__meta {
bottom : 0;
left : 0;
position : absolute
}
.c-timeline-preview__toggle {
z-index : 200;
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1));
background-position : 50%;
background-repeat : no-repeat;
background-size : 72px 72px;
bottom : 12px;
box-shadow : 0 0 0 1.5px #fff,0 10px 20px 0 rgba(0,0,0,.05);
height : 72px;
position : absolute;
right : 12px;
width : 72px
}
.c-timeline-preview__toggle:hover {
cursor : pointer
}
.c-cover-gallery {
display : flex;
flex-direction : column;
height : 240px;
margin : 0 -1px -1px 0
}
@media (min-width:380px) {
.c-cover-gallery {
flex-direction : row
}
}
@media (min-width:720px) {
.c-cover-gallery {
height : 280px
}
}
@media (min-width:1024px) {
.c-cover-gallery {
height : 300px
}
}
.c-cover-gallery__column {
display : flex;
flex : 1;
flex-direction : row
}
@media (min-width:380px) {
.c-cover-gallery__column {
flex-direction : column
}
}
@media (min-width:720px) {
.c-cover-gallery__column--primary {
flex : 8
}
.c-cover-gallery__column--secondary {
flex : 5
}
}
.c-cover-gallery__image {
border-bottom : 1px solid #fff;
border-right : 1px solid #fff;
flex : 1;
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1));
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover
}
.c-cover-gallery__image.c-cover-gallery__image--feed-style {
border-bottom-width : 4px;
border-right-width : 4px
}
.c-cover-gallery__image:hover {
cursor : pointer
}
@media (min-width:1280px) {
.c-cover-gallery--full .c-cover-gallery__column {
flex : 1;
flex-direction : row
}
}
.c-cover-gallery--tiny {
height : 180px
}
.c-cover-gallery--small {
height : 220px
}
.c-timeline-map {
background-color : var(--theme-ui-colors-canvas);
background-position : 50%;
background-repeat : no-repeat;
background-size : 780px 300px;
display : block;
height : 240px;
margin : 0 -1px -1px 0;
position : relative;
width : 100%
}
@media (min-width:720px) {
.c-timeline-map {
height : 280px
}
}
@media (min-width:1024px) {
.c-timeline-map {
height : 300px
}
}
.c-timeline-map__attribution {
background-color : hsla(0,0%,100%,.44);
bottom : 0;
color : rgba(0,0,0,.66);
font-size : .625rem;
left : 0;
line-height : 1;
padding : 2px;
position : absolute
}
.c-timeline-map__hl-marker {
left : 0;
position : absolute;
right : 0;
text-align : center;
top : 50%;
transform : translateY(-50%)
}
.c-timeline-expand {
position : relative
}
.c-timeline-expand__overlay {
background-color : rgba(var(--theme-ui-colors-navbar),.44);
bottom : 0;
left : 0;
opacity : 0;
position : absolute;
right : 0;
top : 0;
transition : opacity .1s ease-in-out
}
.c-timeline-expand:hover>.c-timeline-expand__overlay {
opacity : 1
}
.c-location-search {
position : relative
}
.c-location-search__input {
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
background-color : #fff;
border-color : transparent;
border-radius : 8px;
color : inherit;
display : block;
font-family : inherit;
font-size : 1.125rem;
line-height : inherit;
padding : .5rem 2.25rem;
position : relative;
text-overflow : ellipsis;
width : 100%
}
.c-location-search__input::-ms-clear {
display : none
}
.c-location-search__input::-moz-placeholder {
color : var(--theme-ui-colors-whisper)
}
.c-location-search__input::placeholder {
color : var(--theme-ui-colors-whisper)
}
.c-location-search__icon {
left : .375rem
}
.c-location-search__icon,.c-location-search__tools {
position : absolute;
top : 50%;
transform : translateY(-50%);
z-index : 100
}
.c-location-search__tools {
right : .375rem
}
.c-location-search__results {
left : 0;
position : absolute;
right : 0;
top : 100%;
z-index : 300!important
}
.c-location-search--grey .c-location-search__input {
--tw-bg-opacity : 1;
background-color : #f0f0f0;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1))
}
.c-lang-popover {
background-color : #525252;
box-shadow : 0 2px 10px rgba(0,0,0,.22);
display : block;
left : 0;
position : fixed;
right : 0;
text-align : left;
top : var(--header-height);
white-space : normal;
z-index : 500
}
@media (min-width:540px) {
.c-lang-popover {
left : auto;
margin-top : 15px;
max-height : calc(100dvh - 96px);
min-width : 320px;
position : absolute;
right : 0;
top : 100%
}
}
.c-lang-popover:before {
border : 6px solid transparent;
border-bottom-color : #525252;
border-collapse : separate;
bottom : 100%;
content : "";
display : block;
position : absolute;
right : 22px;
transform : none
}
@media (min-width:540px) {
.c-lang-popover:before {
right : 10px
}
}
.tw-pointer-events-none {
pointer-events : none!important
}
.tw-pointer-events-auto {
pointer-events : auto!important
}
.tw-visible {
visibility : visible!important
}
.tw-invisible {
visibility : hidden!important
}
.tw-fixed {
position : fixed!important
}
.tw-absolute {
position : absolute!important
}
.tw-relative {
position : relative!important
}
.tw-sticky {
position : sticky!important
}
.tw-inset-0 {
bottom : 0!important;
top : 0!important
}
.tw-inset-0,.tw-inset-x-0 {
left : 0!important;
right : 0!important
}
.tw-inset-y-0 {
bottom : 0!important;
top : 0!important
}
.tw--left-48 {
left : -12rem!important
}
.tw--right-3 {
right : -.75rem!important
}
.tw--right-48 {
right : -12rem!important
}
.tw--top-3 {
top : -.75rem!important
}
.tw-bottom-0 {
bottom : 0!important
}
.tw-left-0 {
left : 0!important
}
.tw-left-1 {
left : .375rem!important
}
.tw-right-0 {
right : 0!important
}
.tw-right-2 {
right : .5rem!important
}
.tw-right-3 {
right : .75rem!important
}
.tw-right-6 {
right : 1.5rem!important
}
.tw-top-0 {
top : 0!important
}
.tw-top-1 {
top : .375rem!important
}
.tw-top-12 {
top : 3rem!important
}
.tw-top-2 {
top : .5rem!important
}
.tw-top-3 {
top : .75rem!important
}
.tw-top-5 {
top : 1.25rem!important
}
.tw-z-1 {
z-index : 100!important
}
.tw-z-2 {
z-index : 200!important
}
.tw-z-3 {
z-index : 300!important
}
.tw-z-6 {
z-index : 600!important
}
.tw-z-7 {
z-index : 700!important
}
.tw-z-8 {
z-index : 800!important
}
.tw-z-9 {
z-index : 900!important
}
.tw-z-negative {
z-index : -1!important
}
.tw--m-1 {
margin : -.375rem!important
}
.tw--m-2 {
margin : -.5rem!important
}
.tw--m-3 {
margin : -.75rem!important
}
.tw--m-6 {
margin : -1.5rem!important
}
.tw-m-0 {
margin : 0!important
}
.tw--mx-05 {
margin-left : -.1875rem!important;
margin-right : -.1875rem!important
}
.tw--mx-1 {
margin-left : -.375rem!important;
margin-right : -.375rem!important
}
.tw--mx-2 {
margin-left : -.5rem!important;
margin-right : -.5rem!important
}
.tw--mx-3 {
margin-left : -.75rem!important;
margin-right : -.75rem!important
}
.tw--mx-4 {
margin-left : -1rem!important;
margin-right : -1rem!important
}
.tw--mx-6 {
margin-left : -1.5rem!important;
margin-right : -1.5rem!important
}
.tw--mx-px {
margin-left : -1px!important;
margin-right : -1px!important
}
.tw-mx-auto {
margin-left : auto!important;
margin-right : auto!important
}
.tw-mx-px {
margin-left : 1px!important;
margin-right : 1px!important
}
.tw--mb-1 {
margin-bottom : -.375rem!important
}
.tw--mb-6 {
margin-bottom : -1.5rem!important
}
.tw--mb-px {
margin-bottom : -1px!important
}
.tw--ml-05 {
margin-left : -.1875rem!important
}
.tw--ml-16 {
margin-left : -4rem!important
}
.tw--ml-2 {
margin-left : -.5rem!important
}
.tw--ml-3 {
margin-left : -.75rem!important
}
.tw--ml-6 {
margin-left : -1.5rem!important
}
.tw--ml-px {
margin-left : -1px!important
}
.tw--mr-1 {
margin-right : -.375rem!important
}
.tw--mr-3 {
margin-right : -.75rem!important
}
.tw--mr-6 {
margin-right : -1.5rem!important
}
.tw--mr-px {
margin-right : -1px!important
}
.tw--mt-2 {
margin-top : -.5rem!important
}
.tw--mt-3 {
margin-top : -.75rem!important
}
.tw--mt-4 {
margin-top : -1rem!important
}
.tw--mt-6 {
margin-top : -1.5rem!important
}
.tw-mb-0 {
margin-bottom : 0!important
}
.tw-mb-1 {
margin-bottom : .375rem!important
}
.tw-mb-12 {
margin-bottom : 3rem!important
}
.tw-mb-2 {
margin-bottom : .5rem!important
}
.tw-mb-24 {
margin-bottom : 6rem!important
}
.tw-mb-3 {
margin-bottom : .75rem!important
}
.tw-mb-4 {
margin-bottom : 1rem!important
}
.tw-mb-48 {
margin-bottom : 12rem!important
}
.tw-mb-6 {
margin-bottom : 1.5rem!important
}
.tw-mb-8 {
margin-bottom : 2rem!important
}
.tw-ml-0 {
margin-left : 0!important
}
.tw-ml-1 {
margin-left : .375rem!important
}
.tw-ml-2 {
margin-left : .5rem!important
}
.tw-ml-3 {
margin-left : .75rem!important
}
.tw-ml-6 {
margin-left : 1.5rem!important
}
.tw-ml-9 {
margin-left : 2.25rem!important
}
.tw-mr-1 {
margin-right : .375rem!important
}
.tw-mr-12 {
margin-right : 3rem!important
}
.tw-mr-2 {
margin-right : .5rem!important
}
.tw-mr-24 {
margin-right : 6rem!important
}
.tw-mr-3 {
margin-right : .75rem!important
}
.tw-mr-4 {
margin-right : 1rem!important
}
.tw-mr-6 {
margin-right : 1.5rem!important
}
.tw--mt-24 {
margin-top : -6rem!important
}
.tw-mt-1 {
margin-top : .375rem!important
}
.tw-mt-12 {
margin-top : 3rem!important
}
.tw-mt-24 {
margin-top : 6rem!important
}
.tw-mt-3 {
margin-top : .75rem!important
}
.tw-mt-4 {
margin-top : 1rem!important
}
.tw-mt-5 {
margin-top : 1.25rem!important
}
.tw-mt-6 {
margin-top : 1.5rem!important
}
.tw-mt-8 {
margin-top : 2rem!important
}
.tw-block {
display : block!important
}
.tw-inline-block {
display : inline-block!important
}
.tw-inline {
display : inline!important
}
.tw-flex {
display : flex!important
}
.tw-inline-flex {
display : inline-flex!important
}
.tw-grid {
display : grid!important
}
.tw-hidden {
display : none!important
}
.tw-h-1 {
height : .375rem!important
}
.tw-h-10 {
height : 2.5rem!important
}
.tw-h-12 {
height : 3rem!important
}
.tw-h-16 {
height : 4rem!important
}
.tw-h-24 {
height : 6rem!important
}
.tw-h-3 {
height : .75rem!important
}
.tw-h-48 {
height : 12rem!important
}
.tw-h-6 {
height : 1.5rem!important
}
.tw-h-64 {
height : 16rem!important
}
.tw-h-8 {
height : 2rem!important
}
.tw-h-9 {
height : 2.25rem!important
}
.tw-h-auto {
height : auto!important
}
.tw-h-full {
height : 100%!important
}
.tw-min-h-full {
min-height : 100%!important
}
.tw-min-h-screen {
min-height : 100vh!important
}
.tw-w-1 {
width : .375rem!important
}
.tw-w-1\/3 {
width : 33.333333%!important
}
.tw-w-1\/5 {
width : 20%!important
}
.tw-w-10 {
width : 2.5rem!important
}
.tw-w-12 {
width : 3rem!important
}
.tw-w-16 {
width : 4rem!important
}
.tw-w-20 {
width : 5rem!important
}
.tw-w-24 {
width : 6rem!important
}
.tw-w-3 {
width : .75rem!important
}
.tw-w-32 {
width : 8rem!important
}
.tw-w-6 {
width : 1.5rem!important
}
.tw-w-64 {
width : 16rem!important
}
.tw-w-80 {
width : 20rem!important
}
.tw-w-9 {
width : 2.25rem!important
}
.tw-w-96 {
width : 24rem!important
}
.tw-w-full {
width : 100%!important
}
.tw-min-w-0 {
min-width : 0!important
}
.tw-max-w-2xl {
max-width : 70rem!important
}
.tw-max-w-3xl {
max-width : 80rem!important
}
.tw-max-w-4xl {
max-width : 90rem!important
}
.tw-max-w-5xl {
max-width : 100rem!important
}
.tw-max-w-full {
max-width : 100%!important
}
.tw-max-w-lg {
max-width : 50rem!important
}
.tw-max-w-md {
max-width : 40rem!important
}
.tw-max-w-sm {
max-width : 30rem!important
}
.tw-max-w-xl {
max-width : 60rem!important
}
.tw-max-w-xs {
max-width : 20rem!important
}
.tw-flex-1 {
flex : 1 1 0%!important
}
.tw-flex-auto {
flex : 1 1 auto!important
}
.tw-flex-initial {
flex : 0 1 auto!important
}
.tw-flex-none {
flex : none!important
}
.tw-flex-shrink-0 {
flex-shrink : 0!important
}
.tw-flex-grow {
flex-grow : 1!important
}
.tw-cursor-default {
cursor : default!important
}
.tw-cursor-help {
cursor : help!important
}
.tw-cursor-pointer {
cursor : pointer!important
}
.tw-list-decimal {
list-style-type : decimal!important
}
.tw-list-disc {
list-style-type : disc!important
}
.tw-grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))!important
}
.tw-flex-row {
flex-direction : row!important
}
.tw-flex-row-reverse {
flex-direction : row-reverse!important
}
.tw-flex-col {
flex-direction : column!important
}
.tw-flex-wrap {
flex-wrap : wrap!important
}
.tw-flex-nowrap {
flex-wrap : nowrap!important
}
.tw-items-start {
align-items : flex-start!important
}
.tw-items-center {
align-items : center!important
}
.tw-items-stretch {
align-items : stretch!important
}
.tw-justify-start {
justify-content : flex-start!important
}
.tw-justify-end {
justify-content : flex-end!important
}
.tw-justify-center {
justify-content : center!important
}
.tw-justify-between {
justify-content : space-between!important
}
.tw-justify-around {
justify-content : space-around!important
}
.tw-gap-2 {
gap : .5rem!important
}
.tw-gap-4 {
gap : 1rem!important
}
.tw-overflow-hidden {
overflow : hidden!important
}
.tw-overflow-y-auto {
overflow-y : auto!important
}
.tw-truncate {
overflow : hidden!important;
text-overflow : ellipsis!important
}
.tw-truncate,.tw-whitespace-nowrap {
white-space : nowrap!important
}
.tw-break-words {
word-wrap : break-word!important
}
.tw-break-all {
word-break : break-all!important
}
.tw-rounded {
border-radius : 4px!important
}
.tw-rounded-3xl {
border-radius : 1.5rem!important
}
.tw-rounded-full {
border-radius : 9999px!important
}
.tw-rounded-lg {
border-radius : 16px!important
}
.tw-rounded-md {
border-radius : 8px!important
}
.tw-rounded-sm {
border-radius : .125rem!important
}
.tw-rounded-tl {
border-top-left-radius: 4px!important
}
.tw-rounded-tr {
border-top-right-radius: 4px!important
}
.tw-border {
border-width : 1px!important
}
.tw-border-2 {
border-width : 2px!important
}
.tw-border-4 {
border-width : 4px!important
}
.tw-border-b {
border-bottom-width : 1px!important
}
.tw-border-b-0 {
border-bottom-width : 0!important
}
.tw-border-l {
border-left-width : 1px!important
}
.tw-border-l-4 {
border-left-width : 4px!important
}
.tw-border-r {
border-right-width : 1px!important
}
.tw-border-t {
border-top-width : 1px!important
}
.tw-border-solid {
border-style : solid!important
}
.tw-border-dashed {
border-style : dashed!important
}
.tw-border-dotted {
border-style : dotted!important
}
.tw-border-none {
border-style : none!important
}
.tw-border-beige-light {
--tw-border-opacity : 1!important;
border-color : #f5f4e9!important;
border-color : rgba(245,244,233,var(--tw-border-opacity,1))!important
}
.tw-border-black-10 {
border-color : var(--theme-ui-colors-black10)!important
}
.tw-border-black-20 {
border-color : var(--theme-ui-colors-black20)!important
}
.tw-border-black-30 {
border-color : var(--theme-ui-colors-black30)!important
}
.tw-border-green {
border-color : var(--theme-ui-colors-primary)!important
}
.tw-border-green-dark {
--tw-border-opacity : 1!important;
border-color : #407500!important;
border-color : rgba(64,117,0,var(--tw-border-opacity,1))!important
}
.tw-border-grey {
--tw-border-opacity : 1!important;
border-color : #c4c4c4!important;
border-color : rgba(196,196,196,var(--tw-border-opacity,1))!important
}
.tw-border-grey-light {
--tw-border-opacity : 1!important;
border-color : #f0f0f0!important;
border-color : rgba(240,240,240,var(--tw-border-opacity,1))!important
}
.tw-border-white {
border-color : var(--theme-ui-colors-white)!important
}
.tw-border-white-10 {
border-color : var(--theme-ui-colors-white10)!important
}
.tw-border-white-20 {
border-color : var(--theme-ui-colors-white20)!important
}
.tw-border-white-30 {
border-color : var(--theme-ui-colors-white30)!important
}
.tw-bg-\[\#404823\] {
--tw-bg-opacity : 1!important;
background-color : #404823!important;
background-color : rgba(64,72,35,var(--tw-bg-opacity,1))!important
}
.tw-bg-almost-black {
background-color : var(--theme-ui-colors-navbar)!important
}
.tw-bg-beige-dark {
--tw-bg-opacity : 1!important;
background-color : #9e9d96!important;
background-color : rgba(158,157,150,var(--tw-bg-opacity,1))!important
}
.tw-bg-black-10 {
background-color : var(--theme-ui-colors-black10)!important
}
.tw-bg-black-5 {
background-color : var(--theme-ui-colors-black05)!important
}
.tw-bg-black-60 {
background-color : var(--theme-ui-colors-black60)!important
}
.tw-bg-blue {
background-color : var(--theme-ui-colors-secondary)!important
}
.tw-bg-blue-light {
--tw-bg-opacity : 1!important;
background-color : #f1f8fd!important;
background-color : rgba(241,248,253,var(--tw-bg-opacity,1))!important
}
.tw-bg-canvas {
background-color : var(--theme-ui-colors-canvas)!important
}
.tw-bg-card {
background-color : var(--theme-ui-colors-card)!important
}
.tw-bg-difficulty-moderate {
background-color : var(--theme-ui-colors-moderate)!important
}
.tw-bg-forest,.tw-bg-forest-light {
background-color : var(--theme-ui-colors-tertiary)!important
}
.tw-bg-gold {
background-color : var(--theme-ui-colors-pioneer)!important
}
.tw-bg-green {
background-color : var(--theme-ui-colors-primary)!important
}
.tw-bg-green-dark {
--tw-bg-opacity : 1!important;
background-color : #407500!important;
background-color : rgba(64,117,0,var(--tw-bg-opacity,1))!important
}
.tw-bg-green-inverted,.tw-bg-green-inverted-light {
background-color : var(--theme-ui-colors-primaryOnDark)!important
}
.tw-bg-grey {
--tw-bg-opacity : 1!important;
background-color : #c4c4c4!important;
background-color : rgba(196,196,196,var(--tw-bg-opacity,1))!important
}
.tw-bg-grey-dark {
--tw-bg-opacity : 1!important;
background-color : grey!important;
background-color : rgba(128,128,128,var(--tw-bg-opacity,1))!important
}
.tw-bg-grey-light {
--tw-bg-opacity : 1!important;
background-color : #f0f0f0!important;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1))!important
}
.tw-bg-magenta {
background-color : var(--theme-ui-colors-highlight)!important
}
.tw-bg-orange {
--tw-bg-opacity : 1!important;
background-color : #ff845f!important;
background-color : rgba(255,132,95,var(--tw-bg-opacity,1))!important
}
.tw-bg-silver {
background-color : var(--theme-ui-colors-expert)!important
}
.tw-bg-transparent {
background-color : transparent!important
}
.tw-bg-white-10 {
background-color : var(--theme-ui-colors-white10)!important
}
.tw-bg-white-90 {
background-color : var(--theme-ui-colors-white90)!important
}
.tw-object-cover {
-o-object-fit : cover!important;
object-fit : cover!important
}
.tw-object-center {
-o-object-position : center!important;
object-position : center!important
}
.tw-p-1 {
padding : .375rem!important
}
.tw-p-12 {
padding : 3rem!important
}
.tw-p-2 {
padding : .5rem!important
}
.tw-p-24 {
padding : 6rem!important
}
.tw-p-3 {
padding : .75rem!important
}
.tw-p-4 {
padding : 1rem!important
}
.tw-p-6 {
padding : 1.5rem!important
}
.tw-p-8 {
padding : 2rem!important
}
.tw-px-1 {
padding-left : .375rem!important;
padding-right : .375rem!important
}
.tw-px-2 {
padding-left : .5rem!important;
padding-right : .5rem!important
}
.tw-px-3 {
padding-left : .75rem!important;
padding-right : .75rem!important
}
.tw-px-4 {
padding-left : 1rem!important;
padding-right : 1rem!important
}
.tw-px-6 {
padding-left : 1.5rem!important;
padding-right : 1.5rem!important
}
.tw-py-05 {
padding-bottom : .1875rem!important;
padding-top : .1875rem!important
}
.tw-py-1 {
padding-bottom : .375rem!important;
padding-top : .375rem!important
}
.tw-py-12 {
padding-bottom : 3rem!important;
padding-top : 3rem!important
}
.tw-py-2 {
padding-bottom : .5rem!important;
padding-top : .5rem!important
}
.tw-py-24 {
padding-bottom : 6rem!important;
padding-top : 6rem!important
}
.tw-py-3 {
padding-bottom : .75rem!important;
padding-top : .75rem!important
}
.tw-py-6 {
padding-bottom : 1.5rem!important;
padding-top : 1.5rem!important
}
.tw-py-8 {
padding-bottom : 2rem!important;
padding-top : 2rem!important
}
.tw-pb-0 {
padding-bottom : 0!important
}
.tw-pb-1 {
padding-bottom : .375rem!important
}
.tw-pb-12 {
padding-bottom : 3rem!important
}
.tw-pb-3 {
padding-bottom : .75rem!important
}
.tw-pb-32 {
padding-bottom : 8rem!important
}
.tw-pb-4 {
padding-bottom : 1rem!important
}
.tw-pb-6 {
padding-bottom : 1.5rem!important
}
.tw-pb-px {
padding-bottom : 1px!important
}
.tw-pl-0 {
padding-left : 0!important
}
.tw-pl-1 {
padding-left : .375rem!important
}
.tw-pl-24 {
padding-left : 6rem!important
}
.tw-pl-3 {
padding-left : .75rem!important
}
.tw-pl-6 {
padding-left : 1.5rem!important
}
.tw-pr-0 {
padding-right : 0!important
}
.tw-pr-1 {
padding-right : .375rem!important
}
.tw-pr-12 {
padding-right : 3rem!important
}
.tw-pr-24 {
padding-right : 6rem!important
}
.tw-pr-3 {
padding-right : .75rem!important
}
.tw-pr-6 {
padding-right : 1.5rem!important
}
.tw-pr-px {
padding-right : 1px!important
}
.tw-pt-0 {
padding-top : 0!important
}
.tw-pt-1 {
padding-top : .375rem!important
}
.tw-pt-12 {
padding-top : 3rem!important
}
.tw-pt-2 {
padding-top : .5rem!important
}
.tw-pt-3 {
padding-top : .75rem!important
}
.tw-pt-4 {
padding-top : 1rem!important
}
.tw-pt-6 {
padding-top : 1.5rem!important
}
.tw-pt-8 {
padding-top : 2rem!important
}
.tw-text-left {
text-align : left!important
}
.tw-text-center {
text-align : center!important
}
.tw-text-right {
text-align : right!important
}
.tw-align-top {
vertical-align : top!important
}
.tw-align-middle {
vertical-align : middle!important
}
.tw-align-bottom {
vertical-align : bottom!important
}
.tw-text-2xl {
font-size : 1.5rem!important
}
.tw-text-3xl {
font-size : 1.75rem!important
}
.tw-text-4xl {
font-size : 2.25rem!important
}
.tw-text-5xl {
font-size : 3rem!important
}
.tw-text-base {
font-size : 1rem!important
}
.tw-text-lg {
font-size : 1.125rem!important
}
.tw-text-sm {
font-size : .875rem!important
}
.tw-text-xl {
font-size : 1.25rem!important
}
.tw-text-xs {
font-size : .75rem!important
}
.tw-font-bold {
font-weight : 700!important
}
.tw-font-normal {
font-weight : 400!important
}
.tw-uppercase {
text-transform : uppercase!important
}
.tw-italic {
font-style : italic!important
}
.tw-leading-tight {
line-height : 1.25!important
}
.tw-text-beige-dark {
--tw-text-opacity : 1!important;
color : #9e9d96!important;
color : rgba(158,157,150,var(--tw-text-opacity,1))!important
}
.tw-text-black-5 {
color : var(--theme-ui-colors-black05)!important
}
.tw-text-black-60 {
color : var(--theme-ui-colors-black60)!important
}
.tw-text-blue {
color : var(--theme-ui-colors-secondary)!important
}
.tw-text-danger {
color : var(--theme-ui-colors-danger)!important
}
.tw-text-default {
color : var(--theme-ui-colors-text)!important
}
.tw-text-disabled {
color : var(--theme-ui-colors-disabled)!important
}
.tw-text-forest {
color : var(--theme-ui-colors-tertiary)!important
}
.tw-text-green {
color : var(--theme-ui-colors-primary)!important
}
.tw-text-green-inverted {
color : var(--theme-ui-colors-primaryOnDark)!important
}
.tw-text-inherit {
color : inherit!important
}
.tw-text-magenta {
color : var(--theme-ui-colors-highlight)!important
}
.tw-text-orange {
--tw-text-opacity : 1!important;
color : #ff845f!important;
color : rgba(255,132,95,var(--tw-text-opacity,1))!important
}
.tw-text-primary {
color : var(--theme-ui-colors-primary)!important
}
.tw-text-purple {
--tw-text-opacity : 1!important;
color : #aa89db!important;
color : rgba(170,137,219,var(--tw-text-opacity,1))!important
}
.tw-text-text {
color : var(--theme-ui-colors-text)!important
}
.tw-text-whisper {
color : var(--theme-ui-colors-whisper)!important
}
.tw-text-white {
color : var(--theme-ui-colors-white)!important
}
.tw-text-white-70 {
color : var(--theme-ui-colors-white70)!important
}
.tw-text-white-80 {
color : var(--theme-ui-colors-white80)!important
}
.tw-text-white-90 {
color : var(--theme-ui-colors-white90)!important
}
.tw-text-yellow {
--tw-text-opacity : 1!important;
color : #fec62e!important;
color : rgba(254,198,46,var(--tw-text-opacity,1))!important
}
.tw-underline {
text-decoration-line: underline!important
}
.tw-line-through {
text-decoration-line: line-through!important
}
.tw-opacity-0 {
opacity : 0!important
}
.tw-opacity-100 {
opacity : 1!important
}
.tw-opacity-25 {
opacity : .25!important
}
.tw-opacity-50 {
opacity : .5!important
}
.tw-opacity-75 {
opacity : .75!important
}
.tw-shadow {
--tw-shadow : 0 1px 2px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0 1px 2px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tw-shadow-lg {
--tw-shadow : 0px 8px 24px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tw-shadow-md {
--tw-shadow : 0px 4px 8px rgba(0,0,0,.1)!important;
--tw-shadow-colored : 0px 4px 8px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.1)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tw-shadow-none {
--tw-shadow : 0 0 transparent!important;
--tw-shadow-colored : 0 0 transparent!important;
box-shadow : 0 0 transparent,0 0 transparent,0 0 transparent!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tw-shadow-xl {
--tw-shadow : 0px 8px 24px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tw-outline-none {
outline : 2px solid transparent!important;
outline-offset : 2px!important
}
.tw-transition-transform {
transition-duration : .15s!important;
transition-property : transform!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.tw-duration-100 {
transition-duration : .1s!important
}
.tw-ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.\[geolocation\:error\] {
geolocation : error!important
}
.\[partialState\:1\] {
partial-state : 1!important
}
.\[partialState\:2\] {
partial-state : 2!important
}
.\[partialState\:3\] {
partial-state : 3!important
}
.top-h-header {
top : var(--header-height)!important
}
.top-h-subview {
top : 170px
}
.bottom-h-header {
bottom : var(--tabbar-height)!important
}
.lc-mb-0 p:last-child {
margin-bottom : 0!important
}
.h-screen-h-header {
height : calc(100dvh - var(--header-height) - var(--tabbar-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))
}
.min-h-screen-h-header {
min-height : calc(100dvh - var(--header-height) - var(--tabbar-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))
}
@supports (position:sticky) {
@media (min-width:720px) {
.sticky\?md\:h-screen-h-header {
height : calc(100dvh - var(--header-height))
}
}
}
@keyframes anim-appear {
0%
{opacity:0;transform:scale(.9)}
to {
opacity : 1;
transform : scale(1)
}
}
@keyframes anim-fade-in {
0%
{opacity:0}
to {
opacity : 1
}
}
@keyframes anim-fade-in-up {
0%
{opacity:0;transform:translate3d(0,100%,0)}
to {
opacity : 1;
transform : none
}
}
@keyframes anim-disappear {
0%
{opacity:1;transform:scale(1)}
to {
opacity : 0;
transform : scale(.9)
}
}
.anim-appear {
animation : anim-appear .15s .15s backwards
}
.anim-disappear {
animation : anim-disappear .15s .15s backwards;
opacity : 0
}
.anim-fade-in {
animation : anim-fade-in .15s .15s backwards
}
.anim-fade-in-up {
animation : anim-fade-in-up .15s .15s backwards
}
.hover\:tw-scale-105:hover {
--tw-scale-x : 1.05!important;
--tw-scale-y : 1.05!important;
transform : translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05)!important;
transform : translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}
.hover\:tw-border-black-20:hover {
border-color : var(--theme-ui-colors-black20)!important
}
.hover\:tw-border-black-30:hover {
border-color : var(--theme-ui-colors-black30)!important
}
.hover\:tw-border-grey:hover {
--tw-border-opacity : 1!important;
border-color : #c4c4c4!important;
border-color : rgba(196,196,196,var(--tw-border-opacity,1))!important
}
.hover\:tw-border-white-30:hover {
border-color : var(--theme-ui-colors-white30)!important
}
.hover\:tw-border-white-40:hover {
border-color : var(--theme-ui-colors-white40)!important
}
.hover\:tw-bg-black-20:hover {
background-color : var(--theme-ui-colors-black20)!important
}
.hover\:tw-bg-black-5:hover {
background-color : var(--theme-ui-colors-black05)!important
}
.hover\:tw-bg-card:hover {
background-color : var(--theme-ui-colors-card)!important
}
.hover\:tw-bg-grey-light:hover {
--tw-bg-opacity : 1!important;
background-color : #f0f0f0!important;
background-color : rgba(240,240,240,var(--tw-bg-opacity,1))!important
}
.hover\:tw-bg-white-5:hover {
background-color : var(--theme-ui-colors-white05)!important
}
.hover\:tw-text-text:hover {
color : var(--theme-ui-colors-text)!important
}
.hover\:tw-text-white:hover {
color : var(--theme-ui-colors-white)!important
}
.hover\:tw-underline:hover {
text-decoration-line: underline!important
}
.hover\:tw-shadow-lg:hover {
--tw-shadow : 0px 8px 24px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.hover\:tw-shadow-md:hover {
--tw-shadow : 0px 4px 8px rgba(0,0,0,.1)!important;
--tw-shadow-colored : 0px 4px 8px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.1)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.focus\:tw-bg-black-5:focus {
background-color : var(--theme-ui-colors-black05)!important
}
.focus\:tw-outline-none:focus {
outline : 2px solid transparent!important;
outline-offset : 2px!important
}
.active\:tw-border-grey-dark:active {
--tw-border-opacity : 1!important;
border-color : grey!important;
border-color : rgba(128,128,128,var(--tw-border-opacity,1))!important
}
@media (min-width:380px) {
.xs\:tw-order-last {
order : 9999!important
}
.xs\:tw-ml-3 {
margin-left : .75rem!important
}
.xs\:tw-block {
display : block!important
}
.xs\:tw-flex {
display : flex!important
}
.xs\:tw-h-64 {
height : 16rem!important
}
.xs\:tw-w-1\/2 {
width : 50%!important
}
.xs\:tw-p-6 {
padding : 1.5rem!important
}
.xs\:tw-pb-0 {
padding-bottom : 0!important
}
.xs\:tw-text-2xl {
font-size : 1.5rem!important
}
.xs\:tw-text-xl {
font-size : 1.25rem!important
}
}
@media (min-width:540px) {
.sm\:tw-absolute {
position : absolute!important
}
.sm\:tw-mb-0 {
margin-bottom : 0!important
}
.sm\:tw-mb-12 {
margin-bottom : 3rem!important
}
.sm\:tw-ml-8 {
margin-left : 2rem!important
}
.sm\:tw-mr-0 {
margin-right : 0!important
}
.sm\:tw-mr-1 {
margin-right : .375rem!important
}
.sm\:tw-mr-2 {
margin-right : .5rem!important
}
.sm\:tw-mr-6 {
margin-right : 1.5rem!important
}
.sm\:tw-mt-2 {
margin-top : .5rem!important
}
.sm\:tw-block {
display : block!important
}
.sm\:tw-inline {
display : inline!important
}
.sm\:tw-flex {
display : flex!important
}
.sm\:tw-h-16 {
height : 4rem!important
}
.sm\:tw-w-1\/2 {
width : 50%!important
}
.sm\:tw-w-1\/3 {
width : 33.333333%!important
}
.sm\:tw-w-2\/3 {
width : 66.666667%!important
}
.sm\:tw-w-32 {
width : 8rem!important
}
.sm\:tw-w-96 {
width : 24rem!important
}
.sm\:tw-w-auto {
width : auto!important
}
.sm\:tw-flex-row {
flex-direction : row!important
}
.sm\:tw-justify-end {
justify-content : flex-end!important
}
.sm\:tw-p-12 {
padding : 3rem!important
}
.sm\:tw-p-6 {
padding : 1.5rem!important
}
.sm\:tw-px-24 {
padding-left : 6rem!important;
padding-right : 6rem!important
}
.sm\:tw-px-6 {
padding-left : 1.5rem!important;
padding-right : 1.5rem!important
}
.sm\:tw-py-16 {
padding-bottom : 4rem!important;
padding-top : 4rem!important
}
.sm\:tw-pb-3 {
padding-bottom : .75rem!important
}
.sm\:tw-pb-6 {
padding-bottom : 1.5rem!important
}
.sm\:tw-pl-6 {
padding-left : 1.5rem!important
}
.sm\:tw-pr-6 {
padding-right : 1.5rem!important
}
.sm\:tw-pt-0 {
padding-top : 0!important
}
.sm\:tw-pt-3 {
padding-top : .75rem!important
}
.sm\:tw-pt-6 {
padding-top : 1.5rem!important
}
.sm\:tw-text-left {
text-align : left!important
}
.sm\:tw-text-right {
text-align : right!important
}
.sm\:tw-text-2xl {
font-size : 1.5rem!important
}
.sm\:tw-text-3xl {
font-size : 1.75rem!important
}
.sm\:tw-text-base {
font-size : 1rem!important
}
.sm\:tw-text-lg {
font-size : 1.125rem!important
}
.sm\:tw-text-xl {
font-size : 1.25rem!important
}
}
@media (min-width:720px) {
.md\:tw-relative {
position : relative!important
}
.md\:tw-mx-0 {
margin-left : 0!important;
margin-right : 0!important
}
.md\:tw-my-6 {
margin-bottom : 1.5rem!important;
margin-top : 1.5rem!important
}
.md\:tw-mb-0 {
margin-bottom : 0!important
}
.md\:tw-mb-1 {
margin-bottom : .375rem!important
}
.md\:tw-mb-24 {
margin-bottom : 6rem!important
}
.md\:tw-ml-6 {
margin-left : 1.5rem!important
}
.md\:tw-mr-0 {
margin-right : 0!important
}
.md\:tw-mr-12 {
margin-right : 3rem!important
}
.md\:tw-mr-6 {
margin-right : 1.5rem!important
}
.md\:tw-mt-0 {
margin-top : 0!important
}
.md\:tw-mt-1 {
margin-top : .375rem!important
}
.md\:tw-block {
display : block!important
}
.md\:tw-flex {
display : flex!important
}
.md\:tw-hidden {
display : none!important
}
.md\:tw-h-24 {
height : 6rem!important
}
.md\:tw-w-1\/2 {
width : 50%!important
}
.md\:tw-w-1\/3 {
width : 33.333333%!important
}
.md\:tw-w-2\/3 {
width : 66.666667%!important
}
.md\:tw-w-2\/5 {
width : 40%!important
}
.md\:tw-w-24 {
width : 6rem!important
}
.md\:tw-w-3\/5 {
width : 60%!important
}
.md\:tw-w-48 {
width : 12rem!important
}
.md\:tw-w-full {
width : 100%!important
}
.md\:tw-max-w-full {
max-width : 100%!important
}
.md\:tw-max-w-lg {
max-width : 50rem!important
}
.md\:tw-max-w-md {
max-width : 40rem!important
}
.md\:tw-flex-none {
flex : none!important
}
.md\:tw-grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))!important
}
.md\:tw-flex-row {
flex-direction : row!important
}
.md\:tw-flex-row-reverse {
flex-direction : row-reverse!important
}
.md\:tw-flex-nowrap {
flex-wrap : nowrap!important
}
.md\:tw-items-center {
align-items : center!important
}
.md\:tw-justify-end {
justify-content : flex-end!important
}
.md\:tw-bg-canvas {
background-color : var(--theme-ui-colors-canvas)!important
}
.md\:tw-bg-card {
background-color : var(--theme-ui-colors-card)!important
}
.md\:tw-p-12 {
padding : 3rem!important
}
.md\:tw-p-4 {
padding : 1rem!important
}
.md\:tw-p-6 {
padding : 1.5rem!important
}
.md\:tw-px-6 {
padding-left : 1.5rem!important;
padding-right : 1.5rem!important
}
.md\:tw-pb-0 {
padding-bottom : 0!important
}
.md\:tw-pb-6 {
padding-bottom : 1.5rem!important
}
.md\:tw-pt-0 {
padding-top : 0!important
}
.md\:tw-text-left {
text-align : left!important
}
.md\:tw-text-2xl {
font-size : 1.5rem!important
}
.md\:tw-text-3xl {
font-size : 1.75rem!important
}
.md\:tw-text-4xl {
font-size : 2.25rem!important
}
.md\:tw-text-5xl {
font-size : 3rem!important
}
.md\:tw-text-base {
font-size : 1rem!important
}
.md\:tw-text-lg {
font-size : 1.125rem!important
}
.md\:tw-text-xl {
font-size : 1.25rem!important
}
.md\:tw-shadow {
--tw-shadow : 0 1px 2px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0 1px 2px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.md\:tw-shadow-xl {
--tw-shadow : 0px 8px 24px rgba(0,0,0,.2)!important;
--tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
box-shadow : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
box-shadow : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
}
@media (min-width:1024px) {
.lg\:tw-sticky {
position : sticky!important
}
.lg\:tw--left-12 {
left : -3rem!important
}
.lg\:tw--right-12 {
right : -3rem!important
}
.lg\:tw--m-12 {
margin : -3rem!important
}
.lg\:tw-my-12 {
margin-bottom : 3rem!important;
margin-top : 3rem!important
}
.lg\:tw-my-8 {
margin-bottom : 2rem!important;
margin-top : 2rem!important
}
.lg\:tw-mb-0 {
margin-bottom : 0!important
}
.lg\:tw-mb-12 {
margin-bottom : 3rem!important
}
.lg\:tw-mb-48 {
margin-bottom : 12rem!important
}
.lg\:tw-mr-1 {
margin-right : .375rem!important
}
.lg\:tw-mr-6 {
margin-right : 1.5rem!important
}
.lg\:tw-flex {
display : flex!important
}
.lg\:tw-w-1\/2 {
width : 50%!important
}
.lg\:tw-w-1\/3 {
width : 33.333333%!important
}
.lg\:tw-w-1\/4 {
width : 25%!important
}
.lg\:tw-w-1\/5 {
width : 20%!important
}
.lg\:tw-w-2\/3 {
width : 66.666667%!important
}
.lg\:tw-w-2\/5 {
width : 40%!important
}
.lg\:tw-w-3\/5 {
width : 60%!important
}
.lg\:tw-w-auto {
width : auto!important
}
.lg\:tw-max-w-2xl {
max-width : 70rem!important
}
.lg\:tw-flex-initial {
flex : 0 1 auto!important
}
.lg\:tw-grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))!important
}
.lg\:tw-items-center {
align-items : center!important
}
.lg\:tw-justify-start {
justify-content : flex-start!important
}
.lg\:tw-justify-end {
justify-content : flex-end!important
}
.lg\:tw-p-12 {
padding : 3rem!important
}
.lg\:tw-p-16 {
padding : 4rem!important
}
.lg\:tw-p-24 {
padding : 6rem!important
}
.lg\:tw-px-12 {
padding-left : 3rem!important;
padding-right : 3rem!important
}
.lg\:tw-px-6 {
padding-left : 1.5rem!important;
padding-right : 1.5rem!important
}
.lg\:tw-px-8 {
padding-left : 2rem!important;
padding-right : 2rem!important
}
.lg\:tw-py-16 {
padding-bottom : 4rem!important;
padding-top : 4rem!important
}
.lg\:tw-py-24 {
padding-bottom : 6rem!important;
padding-top : 6rem!important
}
.lg\:tw-py-3 {
padding-bottom : .75rem!important;
padding-top : .75rem!important
}
.lg\:tw-pb-0 {
padding-bottom : 0!important
}
.lg\:tw-pl-0 {
padding-left : 0!important
}
.lg\:tw-pr-0 {
padding-right : 0!important
}
.lg\:tw-pt-0 {
padding-top : 0!important
}
.lg\:tw-text-left {
text-align : left!important
}
.lg\:tw-text-center {
text-align : center!important
}
.lg\:tw-text-right {
text-align : right!important
}
.lg\:tw-text-2xl {
font-size : 1.5rem!important
}
.lg\:tw-text-3xl {
font-size : 1.75rem!important
}
.lg\:tw-text-4xl {
font-size : 2.25rem!important
}
.lg\:tw-text-5xl {
font-size : 3rem!important
}
.lg\:tw-text-lg {
font-size : 1.125rem!important
}
.lg\:tw-text-xl {
font-size : 1.25rem!important
}
}
@media (min-width:1280px) {
.xl\:tw-left-12 {
left : 3rem!important
}
.xl\:tw-right-12 {
right : 3rem!important
}
.xl\:tw-w-48 {
width : 12rem!important
}
.xl\:tw-px-6 {
padding-left : 1.5rem!important;
padding-right : 1.5rem!important
}
.xl\:tw-py-3 {
padding-bottom : .75rem!important;
padding-top : .75rem!important
}
.xl\:tw-text-base {
font-size : 1rem!important
}
.xl\:tw-text-xl {
font-size : 1.25rem!important
}
}
@media print {
.print\:tw-block {
display : block!important
}
.print\:tw-hidden {
display : none!important
}
.print\:tw-w-full {
width : 100%!important
}
}
@media (min-width:1024px) {
.u-bg-desk-column {
background-image : linear-gradient(90deg,#f5f4e9 60%,#fff 0,#fff)!important
}
}
.u-gradient-top-beige {
background-image : linear-gradient(180deg,#f5f4e9 0,#fff 60%)
}
.u-gradient-beige-transparent {
background-image : linear-gradient(180deg,rgba(#F5F4E9,0) 0,rgba(#F5F4E9,1) 40%)
}
.u-gradient-white-transparent {
background-image : linear-gradient(180deg,rgba(white,0) 0,rgba(white,1) 40%)
}
.u-gradient-almost-black-transparent {
background-image : linear-gradient(180deg,rgba(#383838,0) 0,rgba(#383838,1) 40%)
}
.u-gradient-black-transparent {
background-image : linear-gradient(180deg,transparent 40%,#000 90%)
}
.u-image-meta-gradient {
background-image : linear-gradient(180deg,transparent 0,rgba(0,0,0,.66))
}
.u-gradient-userbar-left {
background-image : linear-gradient(90deg,rgba(#383838,0) 0,rgba(#383838,1) 40%)
}
.u-gradient-scroll-white-bottom {
background-image : linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 60%)
}
.u-gradient-scroll-white-top {
background-image : linear-gradient(180deg,#fff 60%,hsla(0,0%,100%,0))
}
.u-gradient-scroll-beige-top {
background-image : linear-gradient(180deg,rgba(#F5F4E9,1) 60%,rgba(#F5F4E9,0))
}
.u-text-shadow {
text-shadow : 0 1px 0 rgba(0,0,0,.22)
}
.os-android .u-hide-android,.os-ios .u-hide-ios {
display : none!important
}
.u-show-android,.u-show-ios {
display : none
}
.os-android .u-show-android,.os-ios .u-show-ios {
display : block!important
}
</style>
</head>
<body>
<div class="page" id="pageMountNode">
<link as="image" imagesizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" imagesrcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w" rel="preload">
<link as="image" href="/assets/88fdd5c0a424d357.svg" rel="preload">
<link as="image" href="/assets/50dc01cb3fd3998b.svg" rel="preload">
<style data-emotion="css-global 34zu6">
html {
color : var(--theme-ui-colors-text);
background-color : var(--theme-ui-colors-background);
--theme-ui-colors-primitives-grey-white: #ffffff;
--theme-ui-colors-primitives-grey-900: #1c1a18;
--theme-ui-colors-primitives-grey-800: #33312f;
--theme-ui-colors-primitives-grey-700: #4a4846;
--theme-ui-colors-primitives-grey-600: #615e5c;
--theme-ui-colors-primitives-grey-500: #787573;
--theme-ui-colors-primitives-grey-400: #8f8c8a;
--theme-ui-colors-primitives-grey-300: #a3a09f;
--theme-ui-colors-primitives-grey-200: #b2afab;
--theme-ui-colors-primitives-grey-100: #c2beb8;
--theme-ui-colors-primitives-grey-75: #d1cdc4;
--theme-ui-colors-primitives-grey-50: #edebe5;
--theme-ui-colors-primitives-grey-25: #f5f4f2;
--theme-ui-colors-primitives-brown-900: #1e1611;
--theme-ui-colors-primitives-brown-800: #291d15;
--theme-ui-colors-primitives-brown-600: #564638;
--theme-ui-colors-primitives-brown-500: #736554;
--theme-ui-colors-primitives-brown-400: #988b76;
--theme-ui-colors-primitives-brown-300: #bdb198;
--theme-ui-colors-primitives-brown-200: #d0c1a6;
--theme-ui-colors-primitives-brown-100: #e3d2b4;
--theme-ui-colors-primitives-brown-75: #e0dbce;
--theme-ui-colors-primitives-brown-50: #ede9de;
--theme-ui-colors-primitives-brown-25: #f5f3ec;
--theme-ui-colors-primitives-green-900: #1a1e0d;
--theme-ui-colors-primitives-green-800: #212512;
--theme-ui-colors-primitives-green-700: #2b3117;
--theme-ui-colors-primitives-green-600: #404823;
--theme-ui-colors-primitives-green-500: #4a5427;
--theme-ui-colors-primitives-green-400: #4f6814;
--theme-ui-colors-primitives-green-300: #889753;
--theme-ui-colors-primitives-green-200: #97a36b;
--theme-ui-colors-primitives-green-100: #b0ba89;
--theme-ui-colors-primitives-green-75: #d8dab3;
--theme-ui-colors-primitives-green-50: #e7e8d1;
--theme-ui-colors-primitives-green-25: #f3f3e7;
--theme-ui-colors-primitives-brown-700: #39271b;
--theme-ui-colors-primitives-accent-acid-green-200: #dedd95;
--theme-ui-colors-primitives-accent-acid-green-300: #cfce75;
--theme-ui-colors-primitives-accent-acid-green-400: #c1c056;
--theme-ui-colors-primitives-accent-acid-green-600: #9e9d23;
--theme-ui-colors-primitives-accent-acid-green-700: #8e8d3e;
--theme-ui-colors-primitives-accent-orange-400: #ee6b17;
--theme-ui-colors-primitives-accent-purple-400: #8879e1;
--theme-ui-colors-primitives-accent-purple-500: #7568cc;
--theme-ui-colors-primitives-accent-purple-600: #7568d1;
--theme-ui-colors-primitives-accent-purple-400-10: #8879e11a;
--theme-ui-colors-primitives-accent-orange-100: #fce1d1;
--theme-ui-colors-primitives-accent-orange-200: #f7ba93;
--theme-ui-colors-primitives-accent-orange-300: #f39255;
--theme-ui-colors-primitives-accent-acid-green-100: #ecebb4;
--theme-ui-colors-primitives-accent-purple-100: #e7e3ff;
--theme-ui-colors-primitives-accent-purple-200: #c7c0f5;
--theme-ui-colors-primitives-accent-purple-300: #a89ceb;
--theme-ui-colors-primitives-brown-5: #fbfaf9;
--theme-ui-colors-primitives-brown-15: #faf9f4;
--theme-ui-colors-primitives-accent-orange-700: #ca5910;
--theme-ui-colors-primitives-accent-orange-800: #9C450C;
--theme-ui-colors-primitives-accent-purple-700: #5d52a2;
--theme-ui-colors-primitives-utilities-blue-700: #004398;
--theme-ui-colors-primitives-utilities-blue-100: #CCDFFF;
--theme-ui-colors-primitives-utilities-blue-400: #0056c4;
--theme-ui-colors-primitives-utilities-blue-300: #4673e7;
--theme-ui-colors-primitives-utilities-blue-200: #95b3ff;
--theme-ui-colors-primitives-utilities-magenta-700: #910F3E;
--theme-ui-colors-primitives-utilities-magenta-400: #c91a59;
--theme-ui-colors-primitives-utilities-magenta-100: #fedde9;
--theme-ui-colors-primitives-utilities-red-700: #b53521;
--theme-ui-colors-primitives-utilities-red-400: #e4462d;
--theme-ui-colors-primitives-utilities-red-300: #e97b69;
--theme-ui-colors-primitives-utilities-red-200: #eeafa5;
--theme-ui-colors-primitives-utilities-red-100: #f3e4e1;
--theme-ui-colors-primitives-utilities-yellow-100: #feefcf;
--theme-ui-colors-primitives-utilities-yellow-200: #fdde9b;
--theme-ui-colors-primitives-grey-grey-900-80: #1c1a18cc;
--theme-ui-colors-primitives-grey-white-30: #ffffff4c;
--theme-ui-colors-primitives-grey-white-60: #ffffff99;
--theme-ui-colors-primitives-grey-white-70: #ffffffb2;
--theme-ui-colors-primitives-grey-white-80: #ffffffcc;
--theme-ui-colors-primitives-grey-white-90: #ffffffe5;
--theme-ui-colors-primitives-grey-grey-900-90: #1c1a18e5;
--theme-ui-colors-primitives-grey-grey-900-70: #1c1a18b2;
--theme-ui-colors-primitives-grey-grey-900-60: #1c1a1899;
--theme-ui-colors-primitives-grey-grey-900-50: #1c1a187f;
--theme-ui-colors-primitives-grey-white-0: #ffffff00;
--theme-ui-colors-primitives-grey-grey-900-0: #1c1a1800;
--theme-ui-colors-primitives-grey-grey-900-30: #1c1a184c;
--theme-ui-colors-primitives-grey-white-50: #ffffff7f;
--theme-ui-colors-primary: #4f6814;
--theme-ui-colors-primaryStatic: #4f6814;
--theme-ui-colors-primaryOnDark: #889753;
--theme-ui-colors-secondary: #4f6814;
--theme-ui-colors-secondaryOnHover: #4f6814;
--theme-ui-colors-secondaryOnDark: #889753;
--theme-ui-colors-danger: #ee6b17;
--theme-ui-colors-floating: white;
--theme-ui-colors-tooltip: #4a4846;
--theme-ui-colors-callout: #edebe5;
--theme-ui-colors-muted: #edebe5;
--theme-ui-colors-tertiary: #ee6b17;
--theme-ui-colors-card: #ffffff;
--theme-ui-colors-elevationCard: #4a4846;
--theme-ui-colors-canvas: #faf9f4;
--theme-ui-colors-offer: #ee6b17;
--theme-ui-colors-text: #1c1a18;
--theme-ui-colors-textInvert: #faf9f4;
--theme-ui-colors-textStatic: #1c1a18;
--theme-ui-colors-textInverse: #faf9f4;
--theme-ui-colors-textInverseStatic: #edebe5;
--theme-ui-colors-whisper: #a3a09f;
--theme-ui-colors-border: #edebe5;
--theme-ui-colors-separator: #edebe5;
--theme-ui-colors-disabled: #edebe5;
--theme-ui-colors-success: #4f6814;
--theme-ui-colors-error: #8f8c8a;
--theme-ui-colors-info: #8f8c8a;
--theme-ui-colors-warning: #ee6b17;
--theme-ui-colors-successBg: #e7e8d1;
--theme-ui-colors-errorBg: #f3e4e1;
--theme-ui-colors-warningBg: #fce1d1;
--theme-ui-colors-infoBg: #ede9de;
--theme-ui-colors-positive: #4f6814;
--theme-ui-colors-neutral: #4a4846;
--theme-ui-colors-negative: #e4462d;
--theme-ui-colors-rating: #ee6b17;
--theme-ui-colors-like: #ee6b17;
--theme-ui-colors-notification: #ee6b17;
--theme-ui-colors-pioneer: #c1c056;
--theme-ui-colors-expert: #8879e1;
--theme-ui-colors-routingPanel: #4f6814;
--theme-ui-colors-tourlinePlan: #4f6814;
--theme-ui-colors-tourlinePlanSelected: #2b3117;
--theme-ui-colors-tourlineCompleted: #889753;
--theme-ui-colors-tourlineHighlight: #ee6b17;
--theme-ui-colors-tourlineHighlightSelected: #7B4362;
--theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
--theme-ui-colors-tourlineRecord: #4f6814;
--theme-ui-colors-locationDefault: #0056C4;
--theme-ui-colors-locationRecord: #ee6b17;
--theme-ui-colors-locationInactive: #a3a09f;
--theme-ui-colors-segmentHighlight: #ee6b17;
--theme-ui-colors-segmentHighlightSelected: #ca5910;
--theme-ui-colors-easy: #2b3117;
--theme-ui-colors-moderate: #2b3117;
--theme-ui-colors-difficult: #2b3117;
--theme-ui-colors-tour: #1c1a18;
--theme-ui-colors-highlight: #ee6b17;
--theme-ui-colors-dangerHigh: #e4462d;
--theme-ui-colors-dangerModerate: #ee6b17;
--theme-ui-colors-bicycleDismount: #2b3117;
--theme-ui-colors-ferry: #2b3117;
--theme-ui-colors-heavyTraffic: #2b3117;
--theme-ui-colors-movableBridge: #2b3117;
--theme-ui-colors-offgrid: #2b3117;
--theme-ui-colors-private: #2b3117;
--theme-ui-colors-noAccess: #2b3117;
--theme-ui-colors-restricted: #2b3117;
--theme-ui-colors-stairs: #2b3117;
--theme-ui-colors-steepUphill: #2b3117;
--theme-ui-colors-unsuitable: #ee6b17;
--theme-ui-colors-natureReserve: #2b3117;
--theme-ui-colors-black05: rgba(0, 0, 0, .05);
--theme-ui-colors-black10: rgba(0, 0, 0, .1);
--theme-ui-colors-black20: rgba(0, 0, 0, .2);
--theme-ui-colors-black30: rgba(0, 0, 0, .3);
--theme-ui-colors-black40: rgba(0, 0, 0, .4);
--theme-ui-colors-black50: rgba(0, 0, 0, .5);
--theme-ui-colors-black60: rgba(0, 0, 0, .6);
--theme-ui-colors-black70: rgba(0, 0, 0, .7);
--theme-ui-colors-black80: rgba(0, 0, 0, .8);
--theme-ui-colors-black90: rgba(0, 0, 0, .9);
--theme-ui-colors-black: rgba(0, 0, 0, 1);
--theme-ui-colors-white05: rgba(255, 255, 255, .05);
--theme-ui-colors-white10: rgba(255, 255, 255, .1);
--theme-ui-colors-white20: rgba(255, 255, 255, .2);
--theme-ui-colors-white30: rgba(255, 255, 255, .3);
--theme-ui-colors-white40: rgba(255, 255, 255, .4);
--theme-ui-colors-white50: rgba(255, 255, 255, .5);
--theme-ui-colors-white60: rgba(255, 255, 255, .6);
--theme-ui-colors-white70: rgba(255, 255, 255, .7);
--theme-ui-colors-white80: rgba(255, 255, 255, .8);
--theme-ui-colors-white90: rgba(255, 255, 255, .9);
--theme-ui-colors-white: rgba(255, 255, 255, 1);
--theme-ui-colors-facebook: #1877f2;
--theme-ui-colors-apple: #000000;
--theme-ui-colors-accent: #ee6b17;
--theme-ui-colors-accentText: #4a5427;
--theme-ui-colors-accentTextOnDark: #889753;
--theme-ui-colors-navbar: #1c1a18;
--theme-ui-colors-background: #faf9f4;
--theme-ui-colors-inactive: #edebe5;
--theme-ui-colors-focused: #ee6b17;
--theme-ui-colors-textOnDark: #ffffff;
--theme-ui-colors-tertiaryText: #ee6b17;
--theme-ui-colors-tertiaryTextOnDark: #ee6b17;
--theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
--theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-brown-700);
--theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-brown-800);
--theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-utilities-red-100);
--theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-utilities-red-100);
--theme-ui-colors-headerBackground: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-headerLogoIcon: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-headerLogoLabel: var(--theme-ui-colors-primitives-brown-900);
--theme-ui-colors-headerMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-headerMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-generalIcons: var(--theme-ui-colors-primitives-green-900);
--theme-ui-colors-generalSeparator: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-generalHeading: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-generalBody: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-generalBackground: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-generalSubheading: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-generalIconsAccent: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-generalBackgroundHighlighted: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuDropdownHoverBackground: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-generalHeadingInverted: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-generalBodyInverted: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-generalSubheadingInverted: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-generalCard: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-800);
--theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-textAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-iconHeatmapsDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
--theme-ui-colors-iconHeatmapsHover: var(--theme-ui-colors-primitives-utilities-magenta-700);
--theme-ui-colors-iconPeakBaggedDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
--theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-brown-100);
--theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
--theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
--theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-100);
--theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-200);
--theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
--theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-75);
--theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionBaseFillSubtleDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillSubtleOutlineDefault: transparent;
--theme-ui-colors-actionBaseFillSubtleOutlineHover: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-actionBaseFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOutlineDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOutlineHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-surfaceFillWhiteOpacityDefault: #ffffff4c;
--theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-75);
--theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-100);
--theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-100);
--theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-green-900);
--theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-headerLightBackgroundShadow0: #1c1a184c;
--theme-ui-colors-headerLightLogoIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightLogoLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuDropdownHoverBackground: #ffffff4c;
--theme-ui-colors-headerLightMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerLightMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerLightMenuButtonDefaultActiveBackground: #ffffff4c;
--theme-ui-colors-headerLightMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerLightMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-headerLightMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-headerLightBackgroundShadow100: var(--theme-ui-colors-primitives-grey-grey-900-0);
--theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
--theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
--theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
--theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillAccentAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillAccentAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-mapPinsOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-mapPinsHighlightDefault: var(--theme-ui-colors-primitives-accent-orange-800);
--theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillSubtleDefault: var(--theme-ui-colors-primitives-brown-5);
--theme-ui-colors-surfaceFillAccentYellowDefault: var(--theme-ui-colors-primitives-utilities-yellow-100);
--theme-ui-colors-surfaceFillAccentYellowHover: var(--theme-ui-colors-primitives-utilities-yellow-200);
--theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionBaseFillFacebookDefault: #3975EA;
--theme-ui-colors-actionBaseFillFacebookHover: #2d5bb8;
--theme-ui-colors-actionBaseFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillFacebookDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillFacebookHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillAppleDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionBaseFillAppleHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-actionBaseFillAppleDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillAppleDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillAppleHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillAppleDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillGooglePlayDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionBaseFillGooglePlayHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-actionBaseFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillGooglePlayDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillGooglePlayHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionBaseFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-100);
--theme-ui-colors-actionBaseFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-actionContentFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-continueInAppBannerBackground: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-600);
--theme-ui-colors-textPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-textPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-textBrownSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-borderPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-surfaceFillGreyLightDefault: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-surfaceFillPurpleHoverOpacity: var(--theme-ui-colors-primitives-accent-purple-400-10);
--theme-ui-colors-badgePremiumDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-badgeActiveDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
--theme-ui-colors-badgePlatformDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-badgeExpiringDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-badgeExpiredDefault: var(--theme-ui-colors-primitives-utilities-red-400);
--theme-ui-colors-borderNeutralIdle: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-borderPurpleIdle: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-textPurpleAccent: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-surfaceFillPurpleLight: var(--theme-ui-colors-primitives-accent-purple-200);
}
html.theme-ui-light,.theme-ui-light html {
--theme-ui-colors-primitives-grey-white: #ffffff;
--theme-ui-colors-primitives-grey-900: #1c1a18;
--theme-ui-colors-primitives-grey-800: #33312f;
--theme-ui-colors-primitives-grey-700: #4a4846;
--theme-ui-colors-primitives-grey-600: #615e5c;
--theme-ui-colors-primitives-grey-500: #787573;
--theme-ui-colors-primitives-grey-400: #8f8c8a;
--theme-ui-colors-primitives-grey-300: #a3a09f;
--theme-ui-colors-primitives-grey-200: #b2afab;
--theme-ui-colors-primitives-grey-100: #c2beb8;
--theme-ui-colors-primitives-grey-75: #d1cdc4;
--theme-ui-colors-primitives-grey-50: #edebe5;
--theme-ui-colors-primitives-grey-25: #f5f4f2;
--theme-ui-colors-primitives-brown-900: #1e1611;
--theme-ui-colors-primitives-brown-800: #291d15;
--theme-ui-colors-primitives-brown-600: #564638;
--theme-ui-colors-primitives-brown-500: #736554;
--theme-ui-colors-primitives-brown-400: #988b76;
--theme-ui-colors-primitives-brown-300: #bdb198;
--theme-ui-colors-primitives-brown-200: #d0c1a6;
--theme-ui-colors-primitives-brown-100: #e3d2b4;
--theme-ui-colors-primitives-brown-75: #e0dbce;
--theme-ui-colors-primitives-brown-50: #ede9de;
--theme-ui-colors-primitives-brown-25: #f5f3ec;
--theme-ui-colors-primitives-green-900: #1a1e0d;
--theme-ui-colors-primitives-green-800: #212512;
--theme-ui-colors-primitives-green-700: #2b3117;
--theme-ui-colors-primitives-green-600: #404823;
--theme-ui-colors-primitives-green-500: #4a5427;
--theme-ui-colors-primitives-green-400: #4f6814;
--theme-ui-colors-primitives-green-300: #889753;
--theme-ui-colors-primitives-green-200: #97a36b;
--theme-ui-colors-primitives-green-100: #b0ba89;
--theme-ui-colors-primitives-green-75: #d8dab3;
--theme-ui-colors-primitives-green-50: #e7e8d1;
--theme-ui-colors-primitives-green-25: #f3f3e7;
--theme-ui-colors-primitives-brown-700: #39271b;
--theme-ui-colors-primitives-accent-acid-green-200: #dedd95;
--theme-ui-colors-primitives-accent-acid-green-300: #cfce75;
--theme-ui-colors-primitives-accent-acid-green-400: #c1c056;
--theme-ui-colors-primitives-accent-acid-green-600: #9e9d23;
--theme-ui-colors-primitives-accent-acid-green-700: #8e8d3e;
--theme-ui-colors-primitives-accent-orange-400: #ee6b17;
--theme-ui-colors-primitives-accent-purple-400: #8879e1;
--theme-ui-colors-primitives-accent-purple-500: #7568cc;
--theme-ui-colors-primitives-accent-purple-600: #7568d1;
--theme-ui-colors-primitives-accent-purple-400-10: #8879e11a;
--theme-ui-colors-primitives-accent-orange-100: #fce1d1;
--theme-ui-colors-primitives-accent-orange-200: #f7ba93;
--theme-ui-colors-primitives-accent-orange-300: #f39255;
--theme-ui-colors-primitives-accent-acid-green-100: #ecebb4;
--theme-ui-colors-primitives-accent-purple-100: #e7e3ff;
--theme-ui-colors-primitives-accent-purple-200: #c7c0f5;
--theme-ui-colors-primitives-accent-purple-300: #a89ceb;
--theme-ui-colors-primitives-brown-5: #fbfaf9;
--theme-ui-colors-primitives-brown-15: #faf9f4;
--theme-ui-colors-primitives-accent-orange-700: #ca5910;
--theme-ui-colors-primitives-accent-orange-800: #9C450C;
--theme-ui-colors-primitives-accent-purple-700: #5d52a2;
--theme-ui-colors-primitives-utilities-blue-700: #004398;
--theme-ui-colors-primitives-utilities-blue-100: #CCDFFF;
--theme-ui-colors-primitives-utilities-blue-400: #0056c4;
--theme-ui-colors-primitives-utilities-blue-300: #4673e7;
--theme-ui-colors-primitives-utilities-blue-200: #95b3ff;
--theme-ui-colors-primitives-utilities-magenta-700: #910F3E;
--theme-ui-colors-primitives-utilities-magenta-400: #c91a59;
--theme-ui-colors-primitives-utilities-magenta-100: #fedde9;
--theme-ui-colors-primitives-utilities-red-700: #b53521;
--theme-ui-colors-primitives-utilities-red-400: #e4462d;
--theme-ui-colors-primitives-utilities-red-300: #e97b69;
--theme-ui-colors-primitives-utilities-red-200: #eeafa5;
--theme-ui-colors-primitives-utilities-red-100: #f3e4e1;
--theme-ui-colors-primitives-utilities-yellow-100: #feefcf;
--theme-ui-colors-primitives-utilities-yellow-200: #fdde9b;
--theme-ui-colors-primitives-grey-grey-900-80: #1c1a18cc;
--theme-ui-colors-primitives-grey-white-30: #ffffff4c;
--theme-ui-colors-primitives-grey-white-60: #ffffff99;
--theme-ui-colors-primitives-grey-white-70: #ffffffb2;
--theme-ui-colors-primitives-grey-white-80: #ffffffcc;
--theme-ui-colors-primitives-grey-white-90: #ffffffe5;
--theme-ui-colors-primitives-grey-grey-900-90: #1c1a18e5;
--theme-ui-colors-primitives-grey-grey-900-70: #1c1a18b2;
--theme-ui-colors-primitives-grey-grey-900-60: #1c1a1899;
--theme-ui-colors-primitives-grey-grey-900-50: #1c1a187f;
--theme-ui-colors-primitives-grey-white-0: #ffffff00;
--theme-ui-colors-primitives-grey-grey-900-0: #1c1a1800;
--theme-ui-colors-primitives-grey-grey-900-30: #1c1a184c;
--theme-ui-colors-primitives-grey-white-50: #ffffff7f;
--theme-ui-colors-primary: #4f6814;
--theme-ui-colors-primaryStatic: #4f6814;
--theme-ui-colors-primaryOnDark: #889753;
--theme-ui-colors-secondary: #4f6814;
--theme-ui-colors-secondaryOnHover: #4f6814;
--theme-ui-colors-secondaryOnDark: #889753;
--theme-ui-colors-danger: #ee6b17;
--theme-ui-colors-floating: white;
--theme-ui-colors-tooltip: #4a4846;
--theme-ui-colors-callout: #edebe5;
--theme-ui-colors-muted: #edebe5;
--theme-ui-colors-tertiary: #ee6b17;
--theme-ui-colors-card: #ffffff;
--theme-ui-colors-elevationCard: #4a4846;
--theme-ui-colors-canvas: #faf9f4;
--theme-ui-colors-offer: #ee6b17;
--theme-ui-colors-text: #1c1a18;
--theme-ui-colors-textInvert: #faf9f4;
--theme-ui-colors-textStatic: #1c1a18;
--theme-ui-colors-textInverse: #faf9f4;
--theme-ui-colors-textInverseStatic: #edebe5;
--theme-ui-colors-whisper: #a3a09f;
--theme-ui-colors-border: #edebe5;
--theme-ui-colors-separator: #edebe5;
--theme-ui-colors-disabled: #edebe5;
--theme-ui-colors-success: #4f6814;
--theme-ui-colors-error: #8f8c8a;
--theme-ui-colors-info: #8f8c8a;
--theme-ui-colors-warning: #ee6b17;
--theme-ui-colors-successBg: #e7e8d1;
--theme-ui-colors-errorBg: #f3e4e1;
--theme-ui-colors-warningBg: #fce1d1;
--theme-ui-colors-infoBg: #ede9de;
--theme-ui-colors-positive: #4f6814;
--theme-ui-colors-neutral: #4a4846;
--theme-ui-colors-negative: #e4462d;
--theme-ui-colors-rating: #ee6b17;
--theme-ui-colors-like: #ee6b17;
--theme-ui-colors-notification: #ee6b17;
--theme-ui-colors-pioneer: #c1c056;
--theme-ui-colors-expert: #8879e1;
--theme-ui-colors-routingPanel: #4f6814;
--theme-ui-colors-tourlinePlan: #4f6814;
--theme-ui-colors-tourlinePlanSelected: #2b3117;
--theme-ui-colors-tourlineCompleted: #889753;
--theme-ui-colors-tourlineHighlight: #ee6b17;
--theme-ui-colors-tourlineHighlightSelected: #7B4362;
--theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
--theme-ui-colors-tourlineRecord: #4f6814;
--theme-ui-colors-locationDefault: #0056C4;
--theme-ui-colors-locationRecord: #ee6b17;
--theme-ui-colors-locationInactive: #a3a09f;
--theme-ui-colors-segmentHighlight: #ee6b17;
--theme-ui-colors-segmentHighlightSelected: #ca5910;
--theme-ui-colors-easy: #2b3117;
--theme-ui-colors-moderate: #2b3117;
--theme-ui-colors-difficult: #2b3117;
--theme-ui-colors-tour: #1c1a18;
--theme-ui-colors-highlight: #ee6b17;
--theme-ui-colors-dangerHigh: #e4462d;
--theme-ui-colors-dangerModerate: #ee6b17;
--theme-ui-colors-bicycleDismount: #2b3117;
--theme-ui-colors-ferry: #2b3117;
--theme-ui-colors-heavyTraffic: #2b3117;
--theme-ui-colors-movableBridge: #2b3117;
--theme-ui-colors-offgrid: #2b3117;
--theme-ui-colors-private: #2b3117;
--theme-ui-colors-noAccess: #2b3117;
--theme-ui-colors-restricted: #2b3117;
--theme-ui-colors-stairs: #2b3117;
--theme-ui-colors-steepUphill: #2b3117;
--theme-ui-colors-unsuitable: #ee6b17;
--theme-ui-colors-natureReserve: #2b3117;
--theme-ui-colors-black05: rgba(0, 0, 0, .05);
--theme-ui-colors-black10: rgba(0, 0, 0, .1);
--theme-ui-colors-black20: rgba(0, 0, 0, .2);
--theme-ui-colors-black30: rgba(0, 0, 0, .3);
--theme-ui-colors-black40: rgba(0, 0, 0, .4);
--theme-ui-colors-black50: rgba(0, 0, 0, .5);
--theme-ui-colors-black60: rgba(0, 0, 0, .6);
--theme-ui-colors-black70: rgba(0, 0, 0, .7);
--theme-ui-colors-black80: rgba(0, 0, 0, .8);
--theme-ui-colors-black90: rgba(0, 0, 0, .9);
--theme-ui-colors-black: rgba(0, 0, 0, 1);
--theme-ui-colors-white05: rgba(255, 255, 255, .05);
--theme-ui-colors-white10: rgba(255, 255, 255, .1);
--theme-ui-colors-white20: rgba(255, 255, 255, .2);
--theme-ui-colors-white30: rgba(255, 255, 255, .3);
--theme-ui-colors-white40: rgba(255, 255, 255, .4);
--theme-ui-colors-white50: rgba(255, 255, 255, .5);
--theme-ui-colors-white60: rgba(255, 255, 255, .6);
--theme-ui-colors-white70: rgba(255, 255, 255, .7);
--theme-ui-colors-white80: rgba(255, 255, 255, .8);
--theme-ui-colors-white90: rgba(255, 255, 255, .9);
--theme-ui-colors-white: rgba(255, 255, 255, 1);
--theme-ui-colors-facebook: #1877f2;
--theme-ui-colors-apple: #000000;
--theme-ui-colors-accent: #ee6b17;
--theme-ui-colors-accentText: #4a5427;
--theme-ui-colors-accentTextOnDark: #889753;
--theme-ui-colors-navbar: #1c1a18;
--theme-ui-colors-background: #faf9f4;
--theme-ui-colors-inactive: #edebe5;
--theme-ui-colors-focused: #ee6b17;
--theme-ui-colors-textOnDark: #ffffff;
--theme-ui-colors-tertiaryText: #ee6b17;
--theme-ui-colors-tertiaryTextOnDark: #ee6b17;
--theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
--theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-brown-700);
--theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-brown-800);
--theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-utilities-red-100);
--theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-utilities-red-100);
--theme-ui-colors-headerBackground: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-headerLogoIcon: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-headerLogoLabel: var(--theme-ui-colors-primitives-brown-900);
--theme-ui-colors-headerMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerMenuButtonDefaultActiveBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-headerMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-generalIcons: var(--theme-ui-colors-primitives-green-900);
--theme-ui-colors-generalSeparator: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-generalHeading: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-generalBody: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-generalBackground: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-generalSubheading: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-generalIconsAccent: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-generalBackgroundHighlighted: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerMenuDropdownHoverBackground: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-generalHeadingInverted: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-generalBodyInverted: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-generalSubheadingInverted: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-generalCard: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-800);
--theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-textAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-iconHeatmapsDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
--theme-ui-colors-iconHeatmapsHover: var(--theme-ui-colors-primitives-utilities-magenta-700);
--theme-ui-colors-iconPeakBaggedDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
--theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
--theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-brown-100);
--theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
--theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
--theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-100);
--theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-200);
--theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
--theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-75);
--theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionBaseFillSubtleDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-actionBaseFillSubtleOutlineDefault: transparent;
--theme-ui-colors-actionBaseFillSubtleOutlineHover: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-actionBaseFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOutlineDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOutlineHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-surfaceFillWhiteOpacityDefault: #ffffff4c;
--theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-75);
--theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-100);
--theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
--theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-100);
--theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-green-900);
--theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-headerLightBackgroundShadow0: #1c1a184c;
--theme-ui-colors-headerLightLogoIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightLogoLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuDropdownHoverBackground: #ffffff4c;
--theme-ui-colors-headerLightMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-headerLightMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerLightMenuButtonDefaultActiveBackground: #ffffff4c;
--theme-ui-colors-headerLightMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
--theme-ui-colors-headerLightMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-headerLightMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-headerLightMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-headerLightBackgroundShadow100: var(--theme-ui-colors-primitives-grey-grey-900-0);
--theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
--theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
--theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
--theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillAccentAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillAccentAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-400);
--theme-ui-colors-mapPinsOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-mapPinsHighlightDefault: var(--theme-ui-colors-primitives-accent-orange-800);
--theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillSubtleDefault: var(--theme-ui-colors-primitives-brown-5);
--theme-ui-colors-surfaceFillAccentYellowDefault: var(--theme-ui-colors-primitives-utilities-yellow-100);
--theme-ui-colors-surfaceFillAccentYellowHover: var(--theme-ui-colors-primitives-utilities-yellow-200);
--theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-25);
--theme-ui-colors-actionBaseFillFacebookDefault: #3975EA;
--theme-ui-colors-actionBaseFillFacebookHover: #2d5bb8;
--theme-ui-colors-actionBaseFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillFacebookDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillFacebookHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillAppleDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionBaseFillAppleHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-actionBaseFillAppleDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillAppleDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillAppleHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillAppleDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillGooglePlayDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionBaseFillGooglePlayHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-actionBaseFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillGooglePlayDefault: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillGooglePlayHover: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-actionContentFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionBaseFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionBaseFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-100);
--theme-ui-colors-actionBaseFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionContentFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-actionContentFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-continueInAppBannerBackground: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-600);
--theme-ui-colors-textPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-textPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-textBrownSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-borderPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-surfaceFillGreyLightDefault: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-surfaceFillPurpleHoverOpacity: var(--theme-ui-colors-primitives-accent-purple-400-10);
--theme-ui-colors-badgePremiumDefault: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-badgeActiveDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
--theme-ui-colors-badgePlatformDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-badgeExpiringDefault: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-badgeExpiredDefault: var(--theme-ui-colors-primitives-utilities-red-400);
--theme-ui-colors-borderNeutralIdle: var(--theme-ui-colors-primitives-brown-75);
--theme-ui-colors-borderPurpleIdle: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-textPurpleAccent: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-surfaceFillPurpleLight: var(--theme-ui-colors-primitives-accent-purple-200);
}
html.theme-ui-dark,.theme-ui-dark html {
--theme-ui-colors-primary: #889753;
--theme-ui-colors-primaryStatic: #4f6814;
--theme-ui-colors-primaryOnDark: #889753;
--theme-ui-colors-secondary: #889753;
--theme-ui-colors-secondaryOnHover: #4f6814;
--theme-ui-colors-secondaryOnDark: #889753;
--theme-ui-colors-danger: #ee6b17;
--theme-ui-colors-floating: #1c1a18;
--theme-ui-colors-tooltip: #1c1a18;
--theme-ui-colors-callout: #4a4846;
--theme-ui-colors-muted: #4a4846;
--theme-ui-colors-tertiary: #ee6b17;
--theme-ui-colors-card: #4a4846;
--theme-ui-colors-elevationCard: #4a4846;
--theme-ui-colors-canvas: #1c1a18;
--theme-ui-colors-offer: #ee6b17;
--theme-ui-colors-text: #faf9f4;
--theme-ui-colors-textInvert: #1c1a18;
--theme-ui-colors-textStatic: #faf9f4;
--theme-ui-colors-textInverse: #1c1a18;
--theme-ui-colors-textInverseStatic: #1c1a18;
--theme-ui-colors-whisper: #b2afab;
--theme-ui-colors-border: #8f8c8a;
--theme-ui-colors-separator: #8f8c8a;
--theme-ui-colors-disabled: #8f8c8a;
--theme-ui-colors-success: #4f6814;
--theme-ui-colors-error: #8f8c8a;
--theme-ui-colors-info: #b2afab;
--theme-ui-colors-warning: #ee6b17;
--theme-ui-colors-successBg: #4f6814;
--theme-ui-colors-errorBg: #e4462d;
--theme-ui-colors-warningBg: #ee6b17;
--theme-ui-colors-infoBg: #4a4846;
--theme-ui-colors-positive: #4f6814;
--theme-ui-colors-neutral: #a3a09f;
--theme-ui-colors-negative: #e4462d;
--theme-ui-colors-rating: #ee6b17;
--theme-ui-colors-like: #ee6b17;
--theme-ui-colors-notification: #ee6b17;
--theme-ui-colors-pioneer: #c1c056;
--theme-ui-colors-expert: #8879e1;
--theme-ui-colors-routingPanel: #4f6814;
--theme-ui-colors-tourlinePlan: #4f6814;
--theme-ui-colors-tourlinePlanSelected: #2b3117;
--theme-ui-colors-tourlineCompleted: #889753;
--theme-ui-colors-tourlineHighlight: #ee6b17;
--theme-ui-colors-tourlineHighlightSelected: #7B4362;
--theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
--theme-ui-colors-tourlineRecord: #4f6814;
--theme-ui-colors-locationDefault: #0056C4;
--theme-ui-colors-locationRecord: #ee6b17;
--theme-ui-colors-locationInactive: #a3a09f;
--theme-ui-colors-segmentHighlight: #ee6b17;
--theme-ui-colors-segmentHighlightSelected: #ca5910;
--theme-ui-colors-easy: #2b3117;
--theme-ui-colors-moderate: #2b3117;
--theme-ui-colors-difficult: #2b3117;
--theme-ui-colors-tour: #1c1a18;
--theme-ui-colors-highlight: #ee6b17;
--theme-ui-colors-dangerHigh: #e4462d;
--theme-ui-colors-dangerModerate: #ee6b17;
--theme-ui-colors-bicycleDismount: #2b3117;
--theme-ui-colors-ferry: #2b3117;
--theme-ui-colors-heavyTraffic: #2b3117;
--theme-ui-colors-movableBridge: #2b3117;
--theme-ui-colors-offgrid: #2b3117;
--theme-ui-colors-private: #2b3117;
--theme-ui-colors-noAccess: #2b3117;
--theme-ui-colors-restricted: #2b3117;
--theme-ui-colors-stairs: #2b3117;
--theme-ui-colors-steepUphill: #2b3117;
--theme-ui-colors-unsuitable: #ee6b17;
--theme-ui-colors-natureReserve: #2b3117;
--theme-ui-colors-black05: rgba(255, 255, 255, .05);
--theme-ui-colors-black10: rgba(255, 255, 255, .1);
--theme-ui-colors-black20: rgba(255, 255, 255, .2);
--theme-ui-colors-black30: rgba(255, 255, 255, .3);
--theme-ui-colors-black40: rgba(255, 255, 255, .4);
--theme-ui-colors-black50: rgba(255, 255, 255, .5);
--theme-ui-colors-black60: rgba(255, 255, 255, .6);
--theme-ui-colors-black70: rgba(255, 255, 255, .7);
--theme-ui-colors-black80: rgba(255, 255, 255, .8);
--theme-ui-colors-black90: rgba(255, 255, 255, .9);
--theme-ui-colors-black: rgba(255, 255, 255, 1);
--theme-ui-colors-white05: rgba(0, 0, 0, .05);
--theme-ui-colors-white10: rgba(0, 0, 0, .1);
--theme-ui-colors-white20: rgba(0, 0, 0, .2);
--theme-ui-colors-white30: rgba(0, 0, 0, .3);
--theme-ui-colors-white40: rgba(0, 0, 0, .4);
--theme-ui-colors-white50: rgba(0, 0, 0, .5);
--theme-ui-colors-white60: rgba(0, 0, 0, .6);
--theme-ui-colors-white70: rgba(0, 0, 0, .7);
--theme-ui-colors-white80: rgba(0, 0, 0, .8);
--theme-ui-colors-white90: rgba(0, 0, 0, .9);
--theme-ui-colors-white: rgba(0, 0, 0, 1);
--theme-ui-colors-accentText: #4a5427;
--theme-ui-colors-background: #1c1a18;
--theme-ui-colors-inactive: #4a4846;
--theme-ui-colors-tertiaryText: #ee6b17;
--theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
--theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
--theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-grey-200);
--theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
--theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
--theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-iconHeatmapsDefault: #EE467B;
--theme-ui-colors-iconHeatmapsHover: #F385AC;
--theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-grey-200);
--theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
--theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-accent-acid-green-100);
--theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
--theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
--theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
--theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
--theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-actionBaseFillSubtleDefault: #0E0D0C;
--theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionBaseFillSubtleDisabled: #0E0D0C;
--theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
--theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-100);
--theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-50);
--theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
--theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-green-800);
--theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
--theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-200);
--theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-200);
--theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
--theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-300);
--theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-200);
--theme-ui-colors-surfaceFillWhiteOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
--theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-800);
--theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-brown-15);
--theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
--theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-500);
--theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
--theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
--theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-600);
--theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-500);
--theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-700);
--theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
--theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-400);
--theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
--theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
--theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-300);
--theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
--theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
--theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-75);
--theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-white-30);
--theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
--theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
--theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-100);
--theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
--theme-ui-colors-surfaceFillSubtleDefault: #0E0D0C;
--theme-ui-colors-surfaceFillAccentYellowDefault: #AF7804;
--theme-ui-colors-surfaceFillAccentYellowHover: #FBBC37;
--theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-600);
--theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-700);
--theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
--theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-700);
--theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
--theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
--theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
--theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
}
</style>
<style data-emotion="css-global 3npyoz">
* {
box-sizing : border-box;
}
html {
font-family : Satoshi,system-ui,sans-serif;
font-weight : 500;
font-size : 16px;
line-height : 1.5;
color : var(--theme-ui-colors-text);
background-color : var(--theme-ui-colors-surfaceFillPrimaryDefault);
}
body {
margin : 0;
}
</style>
<style data-emotion="css-global mctb3a">
* {
box-sizing : border-box;
}
button {
font-family : inherit;
font-size : 100%;
line-height : inherit;
color : inherit;
margin : 0;
padding : 0;
text-transform : none;
cursor : pointer;
background : transparent;
}
a {
color : inherit;
-webkit-text-decoration: inherit;
text-decoration : inherit;
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
margin : 0;
}
fieldset,legend {
margin : 0;
padding : 0;
}
*,::before,::after {
border-width : 0;
border-style : solid;
border-color : #edebe5;
}
h1,h2,h3,h4,h5,h6 {
font-size : inherit;
font-weight : inherit;
}
ol,ul {
list-style : none;
margin : 0;
padding : 0;
}
img,svg,video,canvas,audio,iframe,embed,object {
display : block;
vertical-align : middle;
}
img,video {
max-width : 100%;
height : auto;
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style : none;
padding : 0;
}
:focus {
outline : 0;
}
:focus-visible {
outline : 0;
border-color : #63b3ed;
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
}
::selection {
color : white;
background : #4f6814;
}
html,body {
scroll-padding-top : 6rem;
}
html {
word-break : normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: greyscale;
}
</style>
<style data-emotion="css-global t2v980">
html {
scrollbar-gutter : unset;
}
body {
overflow : unset;
}
</style>
<style data-emotion="css 1b68a8r">
.css-1b68a8r {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : transparent;
box-shadow : none;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
height : 100%;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
left : 0;
max-height : 100dvh;
max-width : 100dvw;
position : fixed;
top : 0;
width : 100%;
z-index : 900;
margin : 0;
padding : 0;
border : none;
}
.css-1b68a8r:focus {
outline : none;
box-shadow : none;
}
.css-1b68a8r:focus-visible {
opacity : 1;
}
.css-1b68a8r::backdrop {
background-color : var(--theme-ui-colors-black60);
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
}
@media screen and (max-width: 540px) {
.css-1b68a8r {
-webkit-transition : -webkit-transform 200ms ease-in-out;
transition : transform 200ms ease-in-out;
-webkit-transform : translateY(100%);
-moz-transform : translateY(100%);
-ms-transform : translateY(100%);
transform : translateY(100%);
}
}
@media screen and (max-width: 720px) and (min-width: 540px) {
.css-1b68a8r {
-webkit-transition : -webkit-transform 200ms ease-in-out;
transition : transform 200ms ease-in-out;
-webkit-transform : translateY(100%);
-moz-transform : translateY(100%);
-ms-transform : translateY(100%);
transform : translateY(100%);
}
}
@media screen and (max-width: 1024px) and (min-width: 720px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1920px) and (min-width: 1680px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (min-width: 1920px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
</style>
<dialog aria-hidden="true" class="css-1b68a8r">
<style data-emotion="css 1c11s9f">
.css-1c11s9f {
background-color : var(--theme-ui-colors-card);
box-shadow : 0 8px 24px rgba(0,0,0,0.2);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
-webkit-box-pack : stretch;
-ms-flex-pack : stretch;
-webkit-justify-content: stretch;
justify-content : stretch;
max-width : 100%;
width : 42rem;
-webkit-align-content: start;
-ms-flex-line-pack : start;
align-content : start;
}
@media screen and (max-width: 540px) {
.css-1c11s9f {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 720px) and (min-width: 540px) {
.css-1c11s9f {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 720px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1920px) and (min-width: 1680px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (min-width: 1920px) {
.css-1c11s9f {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
</style>
<div class="css-1c11s9f">
<style data-emotion="css 1hc9tqv">
.css-1hc9tqv {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
padding : 1.5rem;
}
@media screen and (min-width: 540px) {
.css-1hc9tqv {
padding : 2rem;
}
}
@media screen and (min-width: 720px) {
.css-1hc9tqv {
padding : 2rem;
}
}
</style>
<header class="css-1hc9tqv">
<div class="css-1u8qly9">
<style data-emotion="css 1cx3xt2">
.css-1cx3xt2 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-1cx3xt2">
<style data-emotion="css 1n5uono">
.css-1n5uono {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-appearance : none;
-moz-appearance : none;
-ms-appearance : none;
appearance : none;
background-color : transparent;
border-color : transparent;
border-radius : 8px;
border-style : solid;
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
cursor : pointer;
display : -webkit-inline-box;
display : -webkit-inline-flex;
display : -ms-inline-flexbox;
display : inline-flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
pointer-events : auto;
text-align : center;
width : unset;
border-width : 0.0625rem;
-webkit-text-decoration: none;
text-decoration : none;
-webkit-transition : all 200ms;
transition : all 200ms;
font-size : 16px;
font-weight : 700;
line-height : 1.5rem;
border : 0;
padding : 0;
}
.css-1n5uono:hover,.css-1n5uono:focus {
color : var(--theme-ui-colors-actionContentFillGhostBlackHover);
}
</style>
<button aria-disabled="false" aria-label="Close" class="css-1n5uono" type="button">
<style data-emotion="css 14rtdfd">
.css-14rtdfd {
min-width : 1.5rem;
}
</style>
<span class="css-14rtdfd">
<style data-emotion="css rjl6tn">
.css-rjl6tn {
color : currentColor;
height : 1.5rem;
width : 1.5rem;
}
</style>
<svg aria-hidden="true" class="css-rjl6tn" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</span>
</button>
<style data-emotion="css 18wykif">
.css-18wykif {
color : var(--theme-ui-colors-textPrimaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.95rem;
font-size : 24px;
font-family : Nohemi,system-ui,sans-serif;
letter-spacing : 0.045rem;
}
</style>
<p class="css-18wykif">
Secret Menu
</p>
</div>
</div>
</header>
<style data-emotion="css pnug2y">
.css-pnug2y {
height : 0;
overflow : visible;
position : relative;
z-index : 300;
}
</style>
<div aria-hidden="true" class="css-pnug2y">
<style data-emotion="css 11mbil9">
.css-11mbil9 {
bottom : auto;
height : 0.5rem;
left : 0;
pointer-events : none;
position : absolute;
right : 0;
top : 0;
opacity : 1;
-webkit-transition : 0.2s;
transition : 0.2s;
background : linear-gradient(0deg, transparent, var(--theme-ui-colors-black20));
}
</style>
<div class="css-11mbil9">
</div>
</div>
<style data-emotion="css 2jqb4f">
.css-2jqb4f {
-webkit-align-items : stretch;
-webkit-box-align : stretch;
-ms-flex-align : stretch;
align-items : stretch;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex : 1;
-ms-flex : 1;
flex : 1;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
padding-left : 1.5rem;
padding-right : 1.5rem;
overflow-x : hidden;
overflow-y : auto;
}
@media screen and (min-width: 540px) {
.css-2jqb4f {
gap : 0.75rem;
padding-left : 2rem;
padding-right : 2rem;
}
}
@media screen and (min-width: 720px) {
.css-2jqb4f {
padding-left : 2rem;
padding-right : 2rem;
}
}
</style>
<div class="css-2jqb4f">
<style data-emotion="css 1fns3cv">
.css-1fns3cv {
width : 100%;
padding-bottom : 1rem;
}
</style>
<div class="css-1fns3cv">
<style data-emotion="css 16du3kq">
.css-16du3kq {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-16du3kq">
<style data-emotion="css xoqnua">
.css-xoqnua {
color : var(--theme-ui-colors-textSecondaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<p class="css-xoqnua">
Enter the password to access the secret menu.
</p>
<style data-emotion="css 9vd5ud">
.css-9vd5ud {
width : 100%;
}
</style>
<div class="css-9vd5ud">
<div class="css-9vd5ud">
<style data-emotion="css nk1i1k">
.css-nk1i1k {
position : relative;
width : 100%;
}
</style>
<div class="css-nk1i1k">
<style data-emotion="css 2wypxt">
.css-2wypxt {
-webkit-appearance : none;
-moz-appearance : none;
-ms-appearance : none;
appearance : none;
background-color : transparent;
border-color : var(--theme-ui-colors-primitives-brown-50);
border-radius : 100px;
border-style : solid;
color : var(--theme-ui-colors-textPrimaryDefault);
display : block;
min-height : 2.5rem;
width : 100%;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
border-width : 1px;
padding-left : 1rem;
padding-right : 0.5rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-2wypxt::-webkit-input-placeholder {
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
color : var(--theme-ui-colors-textSecondaryDefault);
opacity : 0.8;
}
.css-2wypxt::-moz-placeholder {
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
color : var(--theme-ui-colors-textSecondaryDefault);
opacity : 0.8;
}
.css-2wypxt:-ms-input-placeholder {
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
color : var(--theme-ui-colors-textSecondaryDefault);
opacity : 0.8;
}
.css-2wypxt::placeholder {
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
color : var(--theme-ui-colors-textSecondaryDefault);
opacity : 0.8;
}
</style>
<input class="css-2wypxt" placeholder="Password" type="password" value="">
</div>
</div>
</div>
<style data-emotion="css c5pf1y">
.css-c5pf1y {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : end;
-ms-flex-pack : end;
-webkit-justify-content: flex-end;
justify-content : flex-end;
}
</style>
<div class="css-c5pf1y">
<style data-emotion="css l6gvcn">
.css-l6gvcn {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
border-radius : 16px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillPrimaryDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 1.18125rem;
padding-left : 1rem;
padding-right : 1rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-l6gvcn:hover,.css-l6gvcn:focus,.css-l6gvcn.active {
background-color : var(--theme-ui-colors-actionBaseFillPrimaryHover);
color : var(--theme-ui-colors-actionContentFillPrimaryHover);
}
.css-l6gvcn:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-l6gvcn:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-l6gvcn.disabled {
cursor : default;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
color : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
}
</style>
<a aria-label="Go" class="css-l6gvcn" role="button">
<style data-emotion="css toyscm">
.css-toyscm {
color : inherit;
margin-bottom : 0!important;
overflow : hidden;
font-weight : 700;
font-style : normal;
line-height : 1.18125rem;
font-size : 14px;
font-family : Satoshi,system-ui,sans-serif;
white-space : nowrap;
text-overflow : ellipsis;
}
</style>
<span class="css-toyscm">
Go
</span>
</a>
</div>
</div>
</div>
</div>
<div aria-hidden="true" class="css-pnug2y">
<style data-emotion="css 4iga5b">
.css-4iga5b {
bottom : 0;
height : 0.5rem;
left : 0;
pointer-events : none;
position : absolute;
right : 0;
top : auto;
opacity : 1;
-webkit-transition : 0.2s;
transition : 0.2s;
background : linear-gradient(180deg, transparent, var(--theme-ui-colors-black20));
}
</style>
<div class="css-4iga5b">
</div>
</div>
</div>
</dialog>
<style data-emotion="css 1a8vzo">
.css-1a8vzo {
--header-height : 66px;
--tabbar-height : 0px;
--page-padding-top : calc(env(safe-area-inset-top, 0px) + var(--header-height));
--page-padding-bottom: 0px;
padding-top : env(safe-area-inset-top, 0px);
padding-right : env(safe-area-inset-right, 0px);
padding-bottom : var(--page-padding-bottom);
padding-left : env(safe-area-inset-left, 0px);
}
</style>
<div class="css-1a8vzo">
<style data-emotion="css 3pt7ky">
.css-3pt7ky {
background-color : var(--theme-ui-colors-primary);
box-shadow : 0 0 2px rgba(#9CDE4E, 0.44);
height : 2px;
left : 0;
pointer-events : none;
position : fixed;
right : 0;
top : 0;
z-index : 700;
use-select : none;
-webkit-transition : all 0.1s ease-in-out;
transition : all 0.1s ease-in-out;
-webkit-transform : translateX(-100%);
-moz-transform : translateX(-100%);
-ms-transform : translateX(-100%);
transform : translateX(-100%);
opacity : 0;
}
</style>
<div class="css-3pt7ky" data-test-id="page-loading-indicator">
</div>
<style data-emotion="css 1sb8j8b">
.css-1sb8j8b {
height : 66px;
padding-bottom : 0.75rem;
}
.css-1sb8j8b [data-test-id="global-header"] {
top : 0;
}
</style>
<div class="css-1sb8j8b">
<style data-emotion="css-global ryqg53">
html.ReactModal__Html--open {
overflow : hidden;
}
html.ReactModal__Html--open:not(.fullsize) {
scrollbar-gutter : stable;
}
html.ReactModal__Html--open.ReactModal__Html--panel #pageMountNode:before {
content : "";
position : fixed;
width : 100%;
height : 100%;
}
</style>
<style data-emotion="css 2jolpy">
.css-2jolpy {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-headerBackground);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
height : calc(66px + env(safe-area-inset-top, 0px));
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
left : 0;
padding-bottom : env(safe-area-inset-top, 0px);
padding-left : calc(16px + env(safe-area-inset-left, 0px));
padding-right : calc(16px + env(safe-area-inset-right, 0px));
padding-top : env(safe-area-inset-top, 0px);
position : fixed;
right : 0;
top : 0;
width : 100%;
z-index : 600;
-webkit-transition : all .2s ease-in-out;
transition : all .2s ease-in-out;
}
</style>
<header class="css-2jolpy" data-test-id="global-header">
<style data-emotion="css 108rwz1">
.css-108rwz1 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
margin-right : 0.125rem;
-webkit-flex-shrink : 10;
-ms-flex-negative : 10;
flex-shrink : 10;
}
@media screen and (min-width: 540px) {
.css-108rwz1 {
gap : 0.75rem;
}
}
</style>
<div class="css-108rwz1">
<a aria-label="Home" class="css-1u8qly9" href="/">
<style data-emotion="css ao77gd">
.css-ao77gd {
color : var(--theme-ui-colors-headerLogoIcon);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
height : 42px;
width : 42px;
}
@media screen and (min-width: 1440px) {
.css-ao77gd {
display : none;
}
}
</style>
<svg aria-hidden="true" class="css-ao77gd" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
<path d="M8.40252 33.288C7.92483 33.7657 7.92217 34.5438 8.43188 34.9872C9.86413 36.233 11.4906 37.2409 13.2493 37.9694C15.3854 38.8542 17.6748 39.3096 19.9868 39.3096C22.2988 39.3096 24.5882 38.8542 26.7243 37.9694C28.483 37.2409 30.1095 36.233 31.5417 34.9872C32.0514 34.5438 32.0488 33.7657 31.5711 33.288L21.7167 23.4336C20.7613 22.4782 19.2123 22.4782 18.2569 23.4336L8.40252 33.288Z" fill="currentColor">
</path>
<path d="M19.9442 0.634356C23.5265 0.63601 27.0377 1.6305 30.0832 3.50611C33.1286 5.38171 35.5878 8.06406 37.1845 11.252C38.7812 14.4399 39.4523 18.0072 39.1221 21.553C38.835 24.6363 37.8007 27.5971 36.1168 30.1857C35.7142 30.8045 34.8498 30.8647 34.3244 30.3461L26.3947 22.5191C26.0445 22.1734 25.9466 21.6539 26.0683 21.177C26.1878 20.7088 26.2545 20.2194 26.2614 19.7152C26.3091 16.2451 23.5178 13.3931 20.0268 13.3452C16.5359 13.2972 13.6672 16.0715 13.6196 19.5416C13.6117 20.1159 13.6816 20.6733 13.8196 21.2039C13.9447 21.6845 13.8464 22.2096 13.4916 22.5571L5.54627 30.3391C5.01997 30.8546 4.15787 30.7925 3.75642 30.1748C2.07248 27.5838 1.03897 24.6205 0.753588 21.5353C0.425571 17.9892 1.09894 14.4227 2.69756 11.2362C4.29617 8.04972 6.75681 5.3695 9.80337 3.49669C12.85 1.62389 16.3618 0.632706 19.9442 0.634356Z" fill="currentColor">
</path>
</svg>
<style data-emotion="css v34gn1">
.css-v34gn1 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : none;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
@media screen and (min-width: 1440px) {
.css-v34gn1 {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
}
}
</style>
<div class="css-v34gn1">
<style data-emotion="css 1oxmp7q">
.css-1oxmp7q {
color : var(--theme-ui-colors-headerLogoIcon);
height : 1.5rem;
width : 1.5rem;
}
</style>
<svg aria-hidden="true" class="css-1oxmp7q" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
<path d="M8.40252 33.288C7.92483 33.7657 7.92217 34.5438 8.43188 34.9872C9.86413 36.233 11.4906 37.2409 13.2493 37.9694C15.3854 38.8542 17.6748 39.3096 19.9868 39.3096C22.2988 39.3096 24.5882 38.8542 26.7243 37.9694C28.483 37.2409 30.1095 36.233 31.5417 34.9872C32.0514 34.5438 32.0488 33.7657 31.5711 33.288L21.7167 23.4336C20.7613 22.4782 19.2123 22.4782 18.2569 23.4336L8.40252 33.288Z" fill="currentColor">
</path>
<path d="M19.9442 0.634356C23.5265 0.63601 27.0377 1.6305 30.0832 3.50611C33.1286 5.38171 35.5878 8.06406 37.1845 11.252C38.7812 14.4399 39.4523 18.0072 39.1221 21.553C38.835 24.6363 37.8007 27.5971 36.1168 30.1857C35.7142 30.8045 34.8498 30.8647 34.3244 30.3461L26.3947 22.5191C26.0445 22.1734 25.9466 21.6539 26.0683 21.177C26.1878 20.7088 26.2545 20.2194 26.2614 19.7152C26.3091 16.2451 23.5178 13.3931 20.0268 13.3452C16.5359 13.2972 13.6672 16.0715 13.6196 19.5416C13.6117 20.1159 13.6816 20.6733 13.8196 21.2039C13.9447 21.6845 13.8464 22.2096 13.4916 22.5571L5.54627 30.3391C5.01997 30.8546 4.15787 30.7925 3.75642 30.1748C2.07248 27.5838 1.03897 24.6205 0.753588 21.5353C0.425571 17.9892 1.09894 14.4227 2.69756 11.2362C4.29617 8.04972 6.75681 5.3695 9.80337 3.49669C12.85 1.62389 16.3618 0.632706 19.9442 0.634356Z" fill="currentColor">
</path>
</svg>
<style data-emotion="css 3udb3a">
.css-3udb3a {
color : var(--theme-ui-colors-headerLogoLabel);
height : 16px;
width : 84px;
}
</style>
<svg aria-hidden="true" class="css-3udb3a" fill="none" role="presentation" viewBox="0 0 84 16" xmlns="http://www.w3.org/2000/svg">
<path d="M7.44736 3.81754C7.50832 3.7422 7.60005 3.69843 7.69696 3.69843H11.0413C11.3194 3.69843 11.466 4.02799 11.2798 4.23455L6.90253 9.0887C6.79278 9.2104 6.7923 9.39521 6.90139 9.51749L11.7821 14.9879C11.9667 15.1948 11.8198 15.5228 11.5425 15.5228H8.11615C8.04025 15.5228 5.44329 12.4994 4.2706 11.1297C4.0765 10.903 3.70587 11.0417 3.70587 11.3402V15.1962C3.70587 15.3736 3.56212 15.5173 3.38479 15.5173H0.696088C0.518756 15.5173 0.375 15.3736 0.375 15.1962V0.574163C0.375 0.396831 0.518757 0.253075 0.696089 0.253075H3.38479C3.56212 0.253075 3.70587 0.396831 3.70587 0.574163V7.53401C3.70587 7.83663 4.08621 7.97123 4.27657 7.73599L7.44736 3.81754Z" fill="currentColor">
</path>
<path d="M11.9758 9.58061C11.9758 6.14071 14.7615 3.34953 18.196 3.34953C21.6304 3.34953 24.4162 6.14071 24.4162 9.58061C24.4162 13.0205 21.6304 15.8117 18.196 15.8117C14.7615 15.8117 11.9758 13.026 11.9758 9.58061ZM15.2467 9.58606C15.2467 11.3033 16.566 12.6934 18.196 12.6934C19.826 12.6934 21.1452 11.3033 21.1452 9.58606C21.1452 7.86883 19.826 6.4787 18.196 6.4787C16.566 6.4787 15.2467 7.86883 15.2467 9.58606Z" fill="currentColor">
</path>
<path d="M47.0781 9.58061C47.0781 6.14071 49.8638 3.34953 53.2983 3.34953C56.7327 3.34953 59.5185 6.14071 59.5185 9.58061C59.5185 13.0205 56.7327 15.8117 53.2983 15.8117C49.8638 15.8117 47.0781 13.026 47.0781 9.58061ZM50.349 9.58606C50.349 11.3142 51.6683 12.7152 53.2983 12.7152C54.9283 12.7152 56.2475 11.3142 56.2475 9.58606C56.2475 7.85793 54.9283 6.45689 53.2983 6.45689C51.6683 6.45689 50.349 7.85793 50.349 9.58606Z" fill="currentColor">
</path>
<path d="M67.5049 3.34953C64.0705 3.34953 61.2847 6.14071 61.2847 9.58061C61.2847 13.026 64.0705 15.8117 67.5049 15.8117C70.9394 15.8117 73.7251 13.0205 73.7251 9.58061C73.7251 6.14071 70.9394 3.34953 67.5049 3.34953ZM67.5049 12.7152C65.8749 12.7152 64.5556 11.3142 64.5556 9.58606C64.5556 7.85793 65.8749 6.45689 67.5049 6.45689C69.1349 6.45689 70.4542 7.85793 70.4542 9.58606C70.4542 11.3142 69.1295 12.7152 67.5049 12.7152Z" fill="currentColor">
</path>
<path d="M82.9732 13.1602C82.9318 12.9981 82.7727 12.8968 82.6061 12.9115C81.5391 13.0057 80.919 12.5596 80.6485 12.2791C80.3432 11.9629 80.1197 11.4505 80.1197 11.1179V6.8216C80.1197 6.64427 80.2635 6.50051 80.4408 6.50051H82.906C83.0833 6.50051 83.2271 6.35676 83.2271 6.17943V4.03588C83.2271 3.85855 83.0833 3.71479 82.906 3.71479H80.4408C80.2635 3.71479 80.1197 3.57104 80.1197 3.3937V0.819488C80.1197 0.642156 79.976 0.498399 79.7986 0.498399H77.1481C76.9708 0.498399 76.827 0.642156 76.827 0.819488V3.3937C76.827 3.57104 76.6832 3.71479 76.5059 3.71479H74.8966C74.7193 3.71479 74.5755 3.85855 74.5755 4.03588V6.17943C74.5755 6.35676 74.7193 6.50051 74.8966 6.50051H76.5059C76.6832 6.50051 76.827 6.64427 76.827 6.8216V11.1125C76.827 13.702 78.9313 15.8062 81.5208 15.8062C81.5208 15.8062 82.4969 15.8416 83.3082 15.5942C83.4611 15.5475 83.5412 15.3859 83.5017 15.2311L82.9732 13.1602Z" fill="currentColor">
</path>
<path d="M29.8949 9.38983C29.884 10.8781 29.8949 15.501 29.8949 15.501C29.8949 15.504 29.8925 15.5064 29.8895 15.5064H26.9015C26.7242 15.5064 26.5804 15.3627 26.5804 15.1853V4.0468C26.5804 3.86947 26.7242 3.72571 26.9015 3.72571H29.1004C29.2446 3.72571 29.3711 3.82183 29.4097 3.96074L29.5557 4.48531C29.63 4.75248 29.9938 4.81064 30.1786 4.60381C30.6848 4.03698 31.3086 3.67459 32.141 3.52401C33.3512 3.30595 34.3979 3.44223 35.3356 3.93287C35.923 4.24263 36.3902 4.72505 36.7267 5.36988C36.7354 5.38651 36.7605 5.3868 36.7736 5.3733C36.7744 5.37247 36.7751 5.3716 36.7758 5.37067C36.9117 5.18587 37.0478 5.00085 37.1945 4.82692C37.7778 4.14003 38.541 3.70936 39.4624 3.53491C40.3782 3.36591 41.2559 3.39862 42.0791 3.64394C43.0222 3.92197 43.7472 4.51073 44.227 5.38842C44.5868 6.0426 44.7939 6.78946 44.8648 7.6617C44.8975 8.08692 44.9139 8.46853 44.9139 8.83923V15.1908C44.9139 15.3681 44.7701 15.5119 44.5928 15.5119H41.9375C41.7599 15.5119 41.616 15.3694 41.6163 15.1918C41.6185 14.0421 41.625 10.1139 41.6157 8.69204C41.6102 8.1796 41.4903 7.72167 41.2723 7.32916C41.0433 6.92575 40.7216 6.68043 40.2801 6.5714C39.7349 6.43511 39.277 6.45692 38.7973 6.64227C38.1812 6.87669 37.7669 7.35097 37.5271 8.08692C37.4017 8.46853 37.3417 8.8992 37.3417 9.38983V15.1799C37.3417 15.3572 37.1979 15.501 37.0206 15.501H34.4409C34.2636 15.501 34.1199 15.3572 34.1199 15.1799V8.78471C34.1199 8.3813 34.0981 7.90702 33.9127 7.4709C33.6565 6.85488 33.1931 6.53324 32.4899 6.48963C31.9611 6.45692 31.514 6.53324 31.1215 6.71859C30.4946 7.01842 30.2002 7.53632 30.0258 8.27227C29.944 8.62662 29.8949 9.00278 29.8949 9.38983Z" fill="currentColor">
</path>
</svg>
</div>
</a>
</div>
<style data-emotion="css fpiezk">
.css-fpiezk {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : none;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
}
@media screen and (min-width: 1024px) {
.css-fpiezk {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.25rem;
}
}
@media screen and (min-width: 1280px) {
.css-fpiezk {
gap : 0.75rem;
}
}
</style>
<div class="css-fpiezk">
<style data-emotion="css vnm6yc">
.css-vnm6yc {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-vnm6yc">
<style data-emotion="css p7v1z5">
.css-p7v1z5 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : actionBaseFillGhostBlackDefault;
border-radius : 12px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 500;
line-height : 1.18125rem;
padding-left : 0.75rem;
padding-right : 0.75rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
}
.css-p7v1z5:hover,.css-p7v1z5:focus,.css-p7v1z5.active {
background-color : var(--theme-ui-colors-actionBaseFillGhostBlackHover);
color : var(--theme-ui-colors-actionContentFillGhostBlackHover);
}
.css-p7v1z5:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-p7v1z5:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-p7v1z5.disabled {
cursor : default;
background-color : actionBaseFillGhostBlackDisabled;
color : var(--theme-ui-colors-actionContentFillGhostBlackDisabled);
}
</style>
<a aria-label="Routes" class="css-p7v1z5" href="/discover/start_from_current_location/tours" role="button" target="_self">
<style data-emotion="css 1fk8sll">
.css-1fk8sll {
color : inherit;
margin-bottom : 0!important;
overflow : hidden;
font-weight : 500;
font-style : normal;
line-height : 1.18125rem;
font-size : 14px;
font-family : Satoshi,system-ui,sans-serif;
white-space : nowrap;
text-overflow : ellipsis;
}
</style>
<span class="css-1fk8sll">
Routes
</span>
</a>
<a aria-label="Planner" class="css-p7v1z5" href="/plan" role="button" target="_self">
<span class="css-1fk8sll">
Planner
</span>
</a>
<a aria-label="Features" class="css-p7v1z5" href="/features" role="button" target="_self">
<span class="css-1fk8sll">
Features
</span>
</a>
<a aria-label="Updates" class="css-p7v1z5" href="/product-updates" role="button" target="_self">
<span class="css-1fk8sll">
Updates
</span>
</a>
</div>
<style data-emotion="css 172fxpy">
.css-172fxpy {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-actionBaseFillGhostOrangeHover);
border-radius : 16px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillGhostOrangeDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 1.18125rem;
padding-left : 1rem;
padding-right : 1rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-172fxpy:hover,.css-172fxpy:focus,.css-172fxpy.active {
background-color : var(--theme-ui-colors-actionBaseFillGhostOrangeHover);
color : var(--theme-ui-colors-actionContentFillGhostOrangeHover);
}
.css-172fxpy:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-172fxpy:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-172fxpy.disabled {
cursor : default;
background-color : actionBaseFillGhostOrangeDisabled;
color : var(--theme-ui-colors-actionContentFillGhostOrangeDisabled);
}
</style>
<a aria-label="App" class="css-172fxpy" role="button">
<style data-emotion="css vn85dx">
.css-vn85dx {
color : var(--theme-ui-colors-actionContentFillGhostOrangeDefault);
height : 1.25rem;
width : 1.25rem;
}
</style>
<svg aria-hidden="true" class="css-vn85dx" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8334 15.6665V4.33317C15.8334 3.39975 15.8334 2.93304 15.6517 2.57652C15.4919 2.26292 15.2369 2.00795 14.9233 1.84816C14.5668 1.6665 14.1001 1.6665 13.1667 1.6665H6.83335C5.89993 1.6665 5.43322 1.6665 5.0767 1.84816C4.7631 2.00795 4.50813 2.26292 4.34834 2.57652C4.16669 2.93304 4.16669 3.39975 4.16669 4.33317V15.6665C4.16669 16.5999 4.16669 17.0666 4.34834 17.4232C4.50813 17.7368 4.7631 17.9917 5.0767 18.1515C5.43322 18.3332 5.89993 18.3332 6.83335 18.3332H13.1667C14.1001 18.3332 14.5668 18.3332 14.9233 18.1515C15.2369 17.9917 15.4919 17.7368 15.6517 17.4232C15.8334 17.0666 15.8334 16.5999 15.8334 15.6665Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
<path d="M7.32337 9.60622C7.13763 9.53399 7.04476 9.49787 7.01765 9.44584C6.99415 9.40072 6.99411 9.34699 7.01757 9.30185C7.04462 9.24978 7.13744 9.21355 7.32309 9.1411L12.5917 7.08506C12.7593 7.01966 12.8431 6.98696 12.8966 7.00485C12.9431 7.02038 12.9796 7.05687 12.9952 7.10337C13.013 7.15692 12.9803 7.24071 12.9149 7.4083L10.8589 12.6769C10.7864 12.8626 10.7502 12.9554 10.6982 12.9824C10.653 13.0059 10.5993 13.0059 10.5542 12.9823C10.5021 12.9552 10.466 12.8624 10.3938 12.6766L9.57387 10.5683C9.5592 10.5306 9.55187 10.5117 9.54055 10.4959C9.53052 10.4818 9.51821 10.4695 9.50414 10.4594C9.48827 10.4481 9.46942 10.4408 9.43171 10.4261L7.32337 9.60622Z" fill="currentColor">
</path>
</svg>
<style data-emotion="css toyscm">
.css-toyscm {
color : inherit;
margin-bottom : 0!important;
overflow : hidden;
font-weight : 700;
font-style : normal;
line-height : 1.18125rem;
font-size : 14px;
font-family : Satoshi,system-ui,sans-serif;
white-space : nowrap;
text-overflow : ellipsis;
}
</style>
<span class="css-toyscm">
App
</span>
</a>
<style data-emotion="css-global t2v980">
html {
scrollbar-gutter : unset;
}
body {
overflow : unset;
}
</style>
<style data-emotion="css 1l5o1j8">
.css-1l5o1j8 {
background-color : var(--theme-ui-colors-black60);
display : none;
height : 100%;
left : 0;
pointer-events : none;
position : fixed;
top : 0;
width : 100%;
z-index : 800;
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
}
</style>
<div class="css-1l5o1j8">
</div>
<style data-emotion="css 1b68a8r">
.css-1b68a8r {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : transparent;
box-shadow : none;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
height : 100%;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
left : 0;
max-height : 100dvh;
max-width : 100dvw;
position : fixed;
top : 0;
width : 100%;
z-index : 900;
margin : 0;
padding : 0;
border : none;
}
.css-1b68a8r:focus {
outline : none;
box-shadow : none;
}
.css-1b68a8r:focus-visible {
opacity : 1;
}
.css-1b68a8r::backdrop {
background-color : var(--theme-ui-colors-black60);
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
}
@media screen and (max-width: 540px) {
.css-1b68a8r {
-webkit-transition : -webkit-transform 200ms ease-in-out;
transition : transform 200ms ease-in-out;
-webkit-transform : translateY(100%);
-moz-transform : translateY(100%);
-ms-transform : translateY(100%);
transform : translateY(100%);
}
}
@media screen and (max-width: 720px) and (min-width: 540px) {
.css-1b68a8r {
-webkit-transition : -webkit-transform 200ms ease-in-out;
transition : transform 200ms ease-in-out;
-webkit-transform : translateY(100%);
-moz-transform : translateY(100%);
-ms-transform : translateY(100%);
transform : translateY(100%);
}
}
@media screen and (max-width: 1024px) and (min-width: 720px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (max-width: 1920px) and (min-width: 1680px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
@media screen and (min-width: 1920px) {
.css-1b68a8r {
opacity : 0;
-webkit-transition : opacity 200ms ease;
transition : opacity 200ms ease;
padding : 0.75rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
}
</style>
<dialog aria-hidden="true" class="css-1b68a8r">
<style data-emotion="css 1wa2cs7">
.css-1wa2cs7 {
background-color : var(--theme-ui-colors-card);
border-radius : 12px;
box-shadow : 0 8px 24px rgba(0,0,0,0.2);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
-webkit-box-pack : stretch;
-ms-flex-pack : stretch;
-webkit-justify-content: stretch;
justify-content : stretch;
max-width : 100%;
width : 32rem;
-webkit-align-content: start;
-ms-flex-line-pack : start;
align-content : start;
}
@media screen and (max-width: 540px) {
.css-1wa2cs7 {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 720px) and (min-width: 540px) {
.css-1wa2cs7 {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 720px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1920px) and (min-width: 1680px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (min-width: 1920px) {
.css-1wa2cs7 {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
</style>
<div class="css-1wa2cs7">
<style data-emotion="css mqt1l6">
.css-mqt1l6 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
border-radius : 12px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
overflow : hidden;
width : 580px;
}
</style>
<div class="css-mqt1l6">
<style data-emotion="css yc2rzh">
.css-yc2rzh {
-webkit-align-items : end;
-webkit-box-align : end;
-ms-flex-align : end;
align-items : end;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1.5rem;
height : 268px;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
overflow : hidden;
position : relative;
width : 100%;
}
</style>
<div class="css-yc2rzh">
<style data-emotion="css 14vpizs">
.css-14vpizs {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-appearance : none;
-moz-appearance : none;
-ms-appearance : none;
appearance : none;
background-color : transparent;
border-color : transparent;
border-radius : 8px;
border-style : solid;
color : var(--theme-ui-colors-white);
cursor : pointer;
display : -webkit-inline-box;
display : -webkit-inline-flex;
display : -ms-inline-flexbox;
display : inline-flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
margin-bottom : 0.75rem;
margin-left : 0.75rem;
margin-right : 0.75rem;
margin-top : 0.75rem;
pointer-events : auto;
text-align : center;
width : unset;
z-index : 10;
border-width : 0.0625rem;
-webkit-text-decoration: none;
text-decoration : none;
-webkit-transition : all 200ms;
transition : all 200ms;
font-size : 18px;
font-weight : 700;
line-height : 2rem;
border : 0;
padding : 0;
}
.css-14vpizs:hover,.css-14vpizs:focus {
-webkit-text-decoration: underline;
text-decoration : underline;
color : #e5e5e5;
}
</style>
<button aria-disabled="false" class="css-14vpizs" type="button">
<style data-emotion="css 15z1mso">
.css-15z1mso {
min-width : 2rem;
}
</style>
<span class="css-15z1mso">
<style data-emotion="css 1efdy7k">
.css-1efdy7k {
color : currentColor;
height : 2rem;
width : 2rem;
}
</style>
<svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
</path>
</svg>
</span>
</button>
<div style="display:contents">
<style data-emotion="css 1iqrgr8">
.css-1iqrgr8 {
object-position : -999999px;
background-image : url("/images/misc/bg-blurred-lazy.jpg?q=80");
-webkit-background-size: cover;
background-size : cover;
background-repeat : no-repeat;
height : 100%;
position : absolute;
bottom : 0;
margin-left : auto;
margin-right : auto;
left : 0;
right : 0;
z-index : 10;
}
</style>
<img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&q=80 3840w">
</div>
<div style="display:contents">
<style data-emotion="css hpnas8">
.css-hpnas8 {
height : 100%;
width : 100%;
position : absolute;
bottom : 0;
top : 0;
left : 0;
right : 0;
object-fit : cover;
}
</style>
<img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
</div>
</div>
<style data-emotion="css 1msy2is">
.css-1msy2is {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-white);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.75rem;
height : -webkit-fit-content;
height : -moz-fit-content;
height : fit-content;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
padding-bottom : 1.5rem;
padding-left : 1.25rem;
padding-right : 1.25rem;
padding-top : 1.5rem;
width : 100%;
}
</style>
<div class="css-1msy2is">
<style data-emotion="css 126idk0">
.css-126idk0 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
}
</style>
<div class="css-126idk0">
<style data-emotion="css zk6uxi">
.css-zk6uxi {
color : #383838;
margin-bottom : 0!important;
font-weight : 700;
line-height : 1.2;
font-size : 28px;
}
</style>
<p class="css-zk6uxi">
Get the komoot app
</p>
<style data-emotion="css 1djw4h0">
.css-1djw4h0 {
color : var(--theme-ui-colors-whisper);
margin-bottom : 0!important;
font-size : 14px;
}
</style>
<p class="css-1djw4h0">
Join 45 million outdoor enthusiasts: navigate, discover, adventure.
</p>
<style data-emotion="css 1wpi5by">
.css-1wpi5by {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-muted);
border-radius : 6px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 10px;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
margin-bottom : 4px;
margin-top : 8px;
padding-bottom : 10px;
padding-left : 24px;
padding-right : 24px;
padding-top : 10px;
}
</style>
<div class="css-1wpi5by">
<div style="display:contents">
<style data-emotion="css nxi4lo">
.css-nxi4lo {
object-position : -999999px;
background-image : url("/images/misc/bg-blurred-lazy.jpg?q=80");
-webkit-background-size: cover;
background-size : cover;
background-repeat : no-repeat;
height : 17px;
}
</style>
<img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
</div>
<style data-emotion="css oavqiu">
.css-oavqiu {
color : var(--theme-ui-colors-primary);
margin-bottom : 0!important;
font-weight : 700;
font-size : 16px;
}
</style>
<p class="css-oavqiu">
4.8/5
</p>
</div>
<style data-emotion="css 15s951g">
.css-15s951g {
color : var(--theme-ui-colors-whisper);
margin-bottom : 0!important;
font-size : 12px;
}
</style>
<p class="css-15s951g">
Based on more than 300k user ratings
</p>
</div>
<style data-emotion="css htj0u7">
.css-htj0u7 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
border-bottom-width : 1px;
border-color : #E4E4E4;
border-left-width : 1px;
border-radius : 16px;
border-right-width : 1px;
border-top-width : 1px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
padding-bottom : 1rem;
padding-left : 1.25rem;
padding-right : 1.25rem;
padding-top : 1rem;
width : 100%;
}
</style>
<div class="css-htj0u7">
<style data-emotion="css 603dm4">
.css-603dm4 {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
max-width : 300px;
padding-bottom : 0.5rem;
padding-top : 0.5rem;
}
</style>
<div class="css-603dm4">
<style data-emotion="css yckr05">
.css-yckr05 {
color : #383838;
margin-bottom : 4px!important;
font-weight : 700;
line-height : 1.2;
font-size : 16px;
}
</style>
<p class="css-yckr05">
Download komoot now
</p>
<style data-emotion="css 106zcaq">
.css-106zcaq {
color : var(--theme-ui-colors-whisper);
margin-bottom : 16px!important;
font-size : 12px;
}
</style>
<p class="css-106zcaq">
Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
</p>
<style data-emotion="css hdlhsn">
.css-hdlhsn {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-hdlhsn">
<style data-emotion="css jaet13">
.css-jaet13 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
border-radius : 8px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
overflow : hidden;
position : relative;
width : 148px;
}
</style>
<a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
<img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
</a>
<a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
<img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
</a>
</div>
</div>
<style data-emotion="css 369u3e">
.css-369u3e {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
background-color : var(--theme-ui-colors-primary);
border-radius : 8px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
padding-bottom : 6px;
padding-left : 6px;
padding-right : 6px;
padding-top : 6px;
}
</style>
<div class="css-369u3e">
<style data-emotion="css 12ododg">
.css-12ododg {
color : var(--theme-ui-colors-white);
height : 120px;
width : 120px;
}
</style>
<svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
<g transform="scale(88.27586206896552, 88.27586206896552)">
<path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
</path>
</g>
<g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
<g class="css-1u8qly9">
<g>
<g>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</dialog>
<style data-emotion="css l6gvcn">
.css-l6gvcn {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
border-radius : 16px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillPrimaryDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 1.18125rem;
padding-left : 1rem;
padding-right : 1rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-l6gvcn:hover,.css-l6gvcn:focus,.css-l6gvcn.active {
background-color : var(--theme-ui-colors-actionBaseFillPrimaryHover);
color : var(--theme-ui-colors-actionContentFillPrimaryHover);
}
.css-l6gvcn:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-l6gvcn:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-l6gvcn.disabled {
cursor : default;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
color : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
}
</style>
<a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
<span class="css-toyscm">
Login or Signup
</span>
</a>
</div>
<style data-emotion="css 1a09hxh">
.css-1a09hxh {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
@media screen and (min-width: 1024px) {
.css-1a09hxh {
display : none;
}
}
</style>
<div class="css-1a09hxh">
<style data-emotion="css 1fuvblp">
.css-1fuvblp {
display : none;
}
@media screen and (min-width: 720px) {
.css-1fuvblp {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
}
}
</style>
<div class="css-1fuvblp">
<style data-emotion="css 1wdy5y8">
.css-1wdy5y8 {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
margin-right : 0.5rem;
}
</style>
<div class="css-1wdy5y8">
<a aria-label="Get the App" class="css-172fxpy" role="button">
<svg aria-hidden="true" class="css-vn85dx" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8334 15.6665V4.33317C15.8334 3.39975 15.8334 2.93304 15.6517 2.57652C15.4919 2.26292 15.2369 2.00795 14.9233 1.84816C14.5668 1.6665 14.1001 1.6665 13.1667 1.6665H6.83335C5.89993 1.6665 5.43322 1.6665 5.0767 1.84816C4.7631 2.00795 4.50813 2.26292 4.34834 2.57652C4.16669 2.93304 4.16669 3.39975 4.16669 4.33317V15.6665C4.16669 16.5999 4.16669 17.0666 4.34834 17.4232C4.50813 17.7368 4.7631 17.9917 5.0767 18.1515C5.43322 18.3332 5.89993 18.3332 6.83335 18.3332H13.1667C14.1001 18.3332 14.5668 18.3332 14.9233 18.1515C15.2369 17.9917 15.4919 17.7368 15.6517 17.4232C15.8334 17.0666 15.8334 16.5999 15.8334 15.6665Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
<path d="M7.32337 9.60622C7.13763 9.53399 7.04476 9.49787 7.01765 9.44584C6.99415 9.40072 6.99411 9.34699 7.01757 9.30185C7.04462 9.24978 7.13744 9.21355 7.32309 9.1411L12.5917 7.08506C12.7593 7.01966 12.8431 6.98696 12.8966 7.00485C12.9431 7.02038 12.9796 7.05687 12.9952 7.10337C13.013 7.15692 12.9803 7.24071 12.9149 7.4083L10.8589 12.6769C10.7864 12.8626 10.7502 12.9554 10.6982 12.9824C10.653 13.0059 10.5993 13.0059 10.5542 12.9823C10.5021 12.9552 10.466 12.8624 10.3938 12.6766L9.57387 10.5683C9.5592 10.5306 9.55187 10.5117 9.54055 10.4959C9.53052 10.4818 9.51821 10.4695 9.50414 10.4594C9.48827 10.4481 9.46942 10.4408 9.43171 10.4261L7.32337 9.60622Z" fill="currentColor">
</path>
</svg>
<span class="css-toyscm">
Get the App
</span>
</a>
<style data-emotion="css-global t2v980">
html {
scrollbar-gutter : unset;
}
body {
overflow : unset;
}
</style>
<div class="css-1l5o1j8">
</div>
<dialog aria-hidden="true" class="css-1b68a8r">
<div class="css-1wa2cs7">
<div class="css-mqt1l6">
<div class="css-yc2rzh">
<button aria-disabled="false" class="css-14vpizs" type="button">
<span class="css-15z1mso">
<svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
</path>
</svg>
</span>
</button>
<div style="display:contents">
<img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&q=80 3840w">
</div>
<div style="display:contents">
<img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
</div>
</div>
<div class="css-1msy2is">
<div class="css-126idk0">
<p class="css-zk6uxi">
Get the komoot app
</p>
<p class="css-1djw4h0">
Join 45 million outdoor enthusiasts: navigate, discover, adventure.
</p>
<div class="css-1wpi5by">
<div style="display:contents">
<img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
</div>
<p class="css-oavqiu">
4.8/5
</p>
</div>
<p class="css-15s951g">
Based on more than 300k user ratings
</p>
</div>
<div class="css-htj0u7">
<div class="css-603dm4">
<p class="css-yckr05">
Download komoot now
</p>
<p class="css-106zcaq">
Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
</p>
<div class="css-hdlhsn">
<a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
<img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
</a>
<a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
<img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
</a>
</div>
</div>
<div class="css-369u3e">
<svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
<g transform="scale(88.27586206896552, 88.27586206896552)">
<path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
</path>
</g>
<g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
<g class="css-1u8qly9">
<g>
<g>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</dialog>
</div>
<a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
<span class="css-toyscm">
Login or Signup
</span>
</a>
</div>
<style data-emotion="css 2adcam">
.css-2adcam {
display : block;
}
@media screen and (min-width: 720px) {
.css-2adcam {
display : none;
}
}
</style>
<div class="css-2adcam">
<style data-emotion="css 1cx3xt2">
.css-1cx3xt2 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-1cx3xt2">
<style data-emotion="css 1fgigc0">
.css-1fgigc0 {
pointer-events : auto;
-webkit-transform : translateY(0);
-moz-transform : translateY(0);
-ms-transform : translateY(0);
transform : translateY(0);
opacity : 1;
-webkit-transition : -webkit-transform 0.4s cubic-bezier(0.32, 0.72, 0, 1),opacity 0.3s ease-out;
transition : transform 0.4s cubic-bezier(0.32, 0.72, 0, 1),opacity 0.3s ease-out;
}
</style>
<div class="css-1fgigc0">
<a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
<span class="css-toyscm">
Login or Signup
</span>
</a>
</div>
<style data-emotion="css 97kqcw">
.css-97kqcw {
padding-left : 1rem;
padding-right : 1rem;
}
</style>
<button aria-expanded="false" aria-label="More options dropdown menu" class="css-97kqcw" type="button">
<style data-emotion="css 1aty4za">
.css-1aty4za {
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
height : 1.25rem;
width : 1.25rem;
}
</style>
<svg aria-hidden="true" class="css-1aty4za" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 10H17.5M2.5 5H17.5M2.5 15H17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</button>
</div>
</div>
<style data-emotion="css 1uwcof9">
.css-1uwcof9 {
display : none;
}
@media screen and (min-width: 720px) {
.css-1uwcof9 {
display : block;
}
}
</style>
<div class="css-1uwcof9">
<button aria-expanded="false" aria-label="More options dropdown menu" class="css-97kqcw" type="button">
<svg aria-hidden="true" class="css-1aty4za" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 10H17.5M2.5 5H17.5M2.5 15H17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</button>
</div>
</div>
</header>
</div>
<style data-emotion="css 12hlzpf">
.css-12hlzpf {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
min-height : 100vh;
}
</style>
<div class="css-12hlzpf">
<style data-emotion="css 1s505ma">
.css-1s505ma {
-webkit-box-flex : 1;
-webkit-flex-grow : 1;
-ms-flex-positive : 1;
flex-grow : 1;
margin-left : auto;
margin-right : auto;
max-width : 100%;
min-height : 100%;
width : 100%;
-webkit-align-self : center;
-ms-flex-item-align : center;
align-self : center;
}
</style>
<div class="css-1s505ma">
<style data-emotion="css 1jy0d03">
.css-1jy0d03 {
height : 100%;
}
</style>
<div class="css-1jy0d03">
<style data-emotion="css l8qca3">
.css-l8qca3 {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
margin-left : auto;
margin-right : auto;
max-width : 90rem;
min-height : 100%;
}
</style>
<div class="css-l8qca3">
<style data-emotion="css oho3x9">
.css-oho3x9 {
display : block;
-webkit-box-flex : 1;
-webkit-flex-grow : 1;
-ms-flex-positive : 1;
flex-grow : 1;
gap : 3.5rem;
width : 100%;
padding-left : 0.75rem;
padding-right : 0.75rem;
}
@media screen and (min-width: 540px) {
.css-oho3x9 {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
}
@media screen and (min-width: 720px) {
.css-oho3x9 {
padding-left : 3rem;
padding-right : 3rem;
}
}
@media screen and (min-width: 1024px) {
.css-oho3x9 {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
}
}
</style>
<div class="css-oho3x9">
<style data-emotion="css pyyw17">
.css-pyyw17 {
width : 100%;
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
flex-shrink : 0;
}
@media screen and (min-width: 540px) {
.css-pyyw17 {
width : 100%;
}
}
@media screen and (min-width: 720px) {
.css-pyyw17 {
width : 100%;
}
}
@media screen and (min-width: 1024px) {
.css-pyyw17 {
width : 25rem;
}
}
</style>
<div class="css-pyyw17">
<style data-emotion="css fws1bi">
.css-fws1bi {
top : calc(66px);
}
@media screen and (min-width: 1024px) {
.css-fws1bi {
position : -webkit-sticky;
position : sticky;
}
}
</style>
<div class="css-fws1bi">
<style data-emotion="css g5zvo5">
.css-g5zvo5 {
overflow-y : auto;
}
@media screen and (min-width: 1024px) {
.css-g5zvo5 {
height : calc(100dvh - 66px);
}
}
</style>
<div class="css-g5zvo5">
<style data-emotion="css 1rlwaro">
.css-1rlwaro {
min-height : 100%;
padding-right : 0;
padding-bottom : 0;
padding-top : 3.5rem;
}
@media screen and (min-width: 540px) {
.css-1rlwaro {
padding-right : 0;
padding-bottom : 0;
}
}
@media screen and (min-width: 720px) {
.css-1rlwaro {
padding-right : 0;
padding-bottom : 0;
}
}
@media screen and (min-width: 1024px) {
.css-1rlwaro {
padding-right : 0.75rem;
padding-bottom : 1rem;
}
}
</style>
<div class="css-1rlwaro">
<style data-emotion="css aftoc9">
.css-aftoc9 {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 2rem;
height : 100%;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
flex-shrink : 0;
}
</style>
<div class="css-aftoc9" data-test-id="profile-sidebar">
<style data-emotion="css 3bkrwt">
.css-3bkrwt {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
}
</style>
<div class="css-3bkrwt">
<style data-emotion="css 1tqabap">
.css-1tqabap {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
width : 100%;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-1tqabap">
<style data-emotion="css nu6ua0">
.css-nu6ua0 {
display : inline-block;
height : 96px;
position : relative;
width : 96px;
}
</style>
<div class="css-nu6ua0">
<a aria-label="urbanrentru6's profile picture" class="css-1u8qly9" data-navigate="false" data-test-id="user-avatar" href="/user/6251094645273" style="display:inline-block;overflow:hidden;border-radius:100%;line-height:0;pointer-events:auto;background-color:#F7F7F7;width:96px;min-width:96px;height:96px;min-height:96px">
<button>
<div style="display:contents">
<style data-emotion="css 1m2791z">
.css-1m2791z {
object-position : -999999px;
aspect-ratio : 1;
background-image : url("/images/misc/bg-blurred-lazy-avatar.jpg?q=80");
-webkit-background-size: cover;
background-size : cover;
background-repeat : no-repeat;
height : 96px;
width : 96px;
border-radius : 100%;
}
</style>
<img alt="user avatar" class="css-1m2791z" decoding="async" loading="lazy" sizes="96px" src="https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width=192&height=192&crop=true&q=80" srcset="https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width=96&height=96&crop=true&q=80 96w,https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width=192&height=192&crop=true&q=80 192w">
</div>
</button>
</a>
</div>
<style data-emotion="css-global 1b9e4rj">
html.ReactModal__Html--open lightbox-open {
overflow : hidden;
}
html.ReactModal__Html--open lightbox-open:not(.fullsize) {
scrollbar-gutter : stable;
}
</style>
</div>
<style data-emotion="css 1u0zw6m">
.css-1u0zw6m {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-1u0zw6m">
<style data-emotion="css 1tjrkkp">
.css-1tjrkkp {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-1tjrkkp">
<style data-emotion="css menq98">
.css-menq98 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
margin : 0;
}
</style>
<h1 class="css-menq98">
<style data-emotion="css 5yekff">
.css-5yekff {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
-webkit-box-flex : 1;
-webkit-flex-grow : 1;
-ms-flex-positive : 1;
flex-grow : 1;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<span class="css-5yekff">
<style data-emotion="css 1g5lizy">
.css-1g5lizy {
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
font-weight : 500;
font-style : normal;
line-height : 2.275rem;
font-size : 28px;
font-family : Nohemi,system-ui,sans-serif;
letter-spacing : 0.0525rem;
}
.css-1g5lizy:hover,.css-1g5lizy:focus {
color : var(--theme-ui-colors-actionContentFillGhostBlackHover);
-webkit-text-decoration: underline;
text-decoration : underline;
}
</style>
<a class="css-1g5lizy" href="/user/6251094645273">
urbanrentru6
</a>
</span>
</h1>
<style data-emotion="css 1dlptve">
.css-1dlptve {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
}
</style>
<div class="css-1dlptve">
<style data-emotion="css lodysj">
.css-lodysj {
color : var(--theme-ui-colors-textSecondaryDefault);
width : 100%;
font-weight : 500;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<span class="css-lodysj">
<style data-emotion="css 1msfetk">
.css-1msfetk {
color : inherit;
display : -webkit-box;
overflow : hidden;
font-weight : 500;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
-webkit-line-clamp : 2;
-webkit-box-orient : vertical;
}
</style>
<span class="css-1msfetk">
<style data-emotion="css 1m3lios">
.css-1m3lios {
color : inherit;
font-weight : 500;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<span class="css-1m3lios">
Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.
</span>
</span>
</span>
</div>
<style data-emotion="css cy6dmm">
.css-cy6dmm {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-cy6dmm">
<style data-emotion="css 8pr2pw">
.css-8pr2pw {
color : var(--theme-ui-colors-iconAccentDefault);
height : 1.25rem;
width : 1.25rem;
}
</style>
<svg aria-hidden="true" class="css-8pr2pw" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M10 1.66675C12.0844 3.94871 13.269 6.91011 13.3334 10.0001C13.269 13.0901 12.0844 16.0515 10 18.3334M10 1.66675C7.91562 3.94871 6.73106 6.91011 6.66669 10.0001C6.73106 13.0901 7.91562 16.0515 10 18.3334M10 1.66675C5.39765 1.66675 1.66669 5.39771 1.66669 10.0001C1.66669 14.6025 5.39765 18.3334 10 18.3334M10 1.66675C14.6024 1.66675 18.3334 5.39771 18.3334 10.0001C18.3334 14.6025 14.6024 18.3334 10 18.3334M2.08337 7.50008H17.9167M2.08335 12.5001H17.9167" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
<style data-emotion="css 9rn0ky">
.css-9rn0ky {
color : var(--theme-ui-colors-textOrangeDefault);
font-weight : 700;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<a class="css-9rn0ky" href="https://urbanrent.ru/upravlenie-torgovymi-czentrami" rel="nofollow">
urbanrent.ru/upravlenie-torgovymi-czentrami
</a>
</div>
</div>
<style data-emotion="css 2t3ar">
.css-2t3ar {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 1.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-2t3ar">
<style data-emotion="css 1n21dcd">
.css-1n21dcd {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
-webkit-box-flex : 1;
-webkit-flex-grow : 1;
-ms-flex-positive : 1;
flex-grow : 1;
gap : 1.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<div class="css-1n21dcd">
<style data-emotion="css 1fyxl2y">
.css-1fyxl2y {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.25rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
}
</style>
<a class="css-1fyxl2y" href="/user/6251094645273/followers">
<style data-emotion="css 4ixmsb">
.css-4ixmsb {
color : var(--theme-ui-colors-textPrimaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.18125rem;
font-size : 14px;
font-family : Satoshi,system-ui,sans-serif;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<p class="css-4ixmsb">
Followers
</p>
<style data-emotion="css i5h0nz">
.css-i5h0nz {
color : var(--theme-ui-colors-textPrimaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.625rem;
font-size : 20px;
font-family : Nohemi,system-ui,sans-serif;
letter-spacing : 0.0375rem;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<p class="css-i5h0nz">
0
</p>
</a>
<a class="css-1fyxl2y" href="/user/6251094645273/following">
<p class="css-4ixmsb">
Following
</p>
<p class="css-i5h0nz">
0
</p>
</a>
</div>
<style data-emotion="css jjx1ad">
.css-jjx1ad {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 1rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
}
</style>
<div class="css-jjx1ad">
<style data-emotion="css-global t2v980">
html {
scrollbar-gutter : unset;
}
body {
overflow : unset;
}
</style>
<dialog aria-hidden="true" class="css-1b68a8r">
<style data-emotion="css 1gh12cb">
.css-1gh12cb {
background-color : var(--theme-ui-colors-card);
box-shadow : 0 8px 24px rgba(0,0,0,0.2);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
-webkit-box-pack : stretch;
-ms-flex-pack : stretch;
-webkit-justify-content: stretch;
justify-content : stretch;
max-width : 100%;
width : 32rem;
-webkit-align-content: start;
-ms-flex-line-pack : start;
align-content : start;
}
@media screen and (max-width: 540px) {
.css-1gh12cb {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 720px) and (min-width: 540px) {
.css-1gh12cb {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
max-width : 100dvw;
width : 100dvw;
max-height : 80dvh;
position : absolute;
bottom : 0;
margin : auto 0 0 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 720px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (max-width: 1920px) and (min-width: 1680px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
@media screen and (min-width: 1920px) {
.css-1gh12cb {
max-height : 80dvh;
border-radius : 24px;
box-shadow : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
}
}
</style>
<div class="css-1gh12cb">
<style data-emotion="css 1hc9tqv">
.css-1hc9tqv {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
padding : 1.5rem;
}
@media screen and (min-width: 540px) {
.css-1hc9tqv {
padding : 2rem;
}
}
@media screen and (min-width: 720px) {
.css-1hc9tqv {
padding : 2rem;
}
}
</style>
<header class="css-1hc9tqv">
<div class="css-1u8qly9">
<style data-emotion="css 18wykif">
.css-18wykif {
color : var(--theme-ui-colors-textPrimaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.95rem;
font-size : 24px;
font-family : Nohemi,system-ui,sans-serif;
letter-spacing : 0.045rem;
}
</style>
<p class="css-18wykif">
Sign up or log in
</p>
</div>
<style data-emotion="css 15f1nsy">
.css-15f1nsy {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 1.25rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-self : start;
-ms-flex-item-align : start;
align-self : start;
}
</style>
<div class="css-15f1nsy">
<style data-emotion="css 1loqnbr">
.css-1loqnbr {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
}
</style>
<button class="css-1loqnbr">
<style data-emotion="css 11o33ay">
.css-11o33ay {
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
height : 1.5rem;
width : 1.5rem;
}
</style>
<svg aria-hidden="true" class="css-11o33ay" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</button>
</div>
</header>
<style data-emotion="css pnug2y">
.css-pnug2y {
height : 0;
overflow : visible;
position : relative;
z-index : 300;
}
</style>
<div aria-hidden="true" class="css-pnug2y">
<style data-emotion="css 11mbil9">
.css-11mbil9 {
bottom : auto;
height : 0.5rem;
left : 0;
pointer-events : none;
position : absolute;
right : 0;
top : 0;
opacity : 1;
-webkit-transition : 0.2s;
transition : 0.2s;
background : linear-gradient(0deg, transparent, var(--theme-ui-colors-black20));
}
</style>
<div class="css-11mbil9">
</div>
</div>
<style data-emotion="css 2jqb4f">
.css-2jqb4f {
-webkit-align-items : stretch;
-webkit-box-align : stretch;
-ms-flex-align : stretch;
align-items : stretch;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex : 1;
-ms-flex : 1;
flex : 1;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
padding-left : 1.5rem;
padding-right : 1.5rem;
overflow-x : hidden;
overflow-y : auto;
}
@media screen and (min-width: 540px) {
.css-2jqb4f {
gap : 0.75rem;
padding-left : 2rem;
padding-right : 2rem;
}
}
@media screen and (min-width: 720px) {
.css-2jqb4f {
padding-left : 2rem;
padding-right : 2rem;
}
}
</style>
<div class="css-2jqb4f">
<style data-emotion="css 1ajlb5u">
.css-1ajlb5u {
-webkit-align-items : start;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
}
</style>
<div class="css-1ajlb5u">
<style data-emotion="css 1bojope">
.css-1bojope {
color : inherit;
font-weight : 700;
font-style : normal;
line-height : 1.51875rem;
font-size : 18px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<p class="css-1bojope">
Everything You Need To Get Outside
</p>
<div class="css-1dlptve">
<style data-emotion="css 1nmd25b">
.css-1nmd25b {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
color : inherit;
display : -webkit-inline-box;
display : -webkit-inline-flex;
display : -ms-inline-flexbox;
display : inline-flex;
gap : 0.5rem;
font-weight : 700;
font-style : normal;
line-height : 1.35rem;
font-size : 16px;
font-family : Satoshi,system-ui,sans-serif;
}
</style>
<p class="css-1nmd25b">
<style data-emotion="css 64gej6">
.css-64gej6 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-iconAccentDefault);
border-radius : 4px;
display : -webkit-inline-box;
display : -webkit-inline-flex;
display : -ms-inline-flexbox;
display : inline-flex;
height : 1.25em;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
width : 1.25em;
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
flex-shrink : 0;
}
</style>
<span class="css-64gej6">
<style data-emotion="css 1wtkklm">
.css-1wtkklm {
color : var(--theme-ui-colors-iconWhiteDefault);
height : 0.85em;
width : 0.85em;
}
</style>
<svg aria-hidden="true" class="css-1wtkklm" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6667 5L7.5 14.1667L3.33334 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</span>
Ready-Made Inspiration
</p>
<p class="css-1m3lios">
Browse personalized adventures tailored to your favorite sport
</p>
</div>
<div class="css-1dlptve">
<p class="css-1nmd25b">
<span class="css-64gej6">
<svg aria-hidden="true" class="css-1wtkklm" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6667 5L7.5 14.1667L3.33334 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</span>
A Better Planning Tool
</p>
<p class="css-1m3lios">
Build your perfect outdoor experience using the world’s best outdoor tech
</p>
</div>
<div class="css-1dlptve">
<p class="css-1nmd25b">
<span class="css-64gej6">
<svg aria-hidden="true" class="css-1wtkklm" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6667 5L7.5 14.1667L3.33334 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</span>
More Intuitive Navigation
</p>
<p class="css-1m3lios">
Turn-by-turn navigation and offline maps keep your adventure on track
</p>
</div>
<div class="css-1dlptve">
<p class="css-1nmd25b">
<span class="css-64gej6">
<svg aria-hidden="true" class="css-1wtkklm" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6667 5L7.5 14.1667L3.33334 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</span>
A Log of Every Adventure
</p>
<p class="css-1m3lios">
Save every adventure and share your experiences with your friends
</p>
</div>
</div>
</div>
<div aria-hidden="true" class="css-pnug2y">
<style data-emotion="css 4iga5b">
.css-4iga5b {
bottom : 0;
height : 0.5rem;
left : 0;
pointer-events : none;
position : absolute;
right : 0;
top : auto;
opacity : 1;
-webkit-transition : 0.2s;
transition : 0.2s;
background : linear-gradient(180deg, transparent, var(--theme-ui-colors-black20));
}
</style>
<div class="css-4iga5b">
</div>
</div>
<style data-emotion="css xdwz9a">
.css-xdwz9a {
-webkit-align-items : stretch;
-webkit-box-align : stretch;
-ms-flex-align : stretch;
align-items : stretch;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
padding-top : 1.5rem;
padding-bottom : 1.5rem;
padding-left : 1.5rem;
padding-right : 1.5rem;
}
@media screen and (min-width: 540px) {
.css-xdwz9a {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction : row-reverse;
flex-direction : row-reverse;
gap : 0.75rem;
-webkit-box-pack : stretch;
-ms-flex-pack : stretch;
-webkit-justify-content: stretch;
justify-content : stretch;
padding-left : 2rem;
padding-right : 2rem;
}
}
@media screen and (min-width: 720px) {
.css-xdwz9a {
padding-left : 2rem;
padding-right : 2rem;
}
}
</style>
<footer class="css-xdwz9a">
<style data-emotion="css ozlh8o">
.css-ozlh8o {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
width : 100%;
}
</style>
<div class="css-ozlh8o">
<style data-emotion="css 4wgjvs">
.css-4wgjvs {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
border-radius : 16px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillPrimaryDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
width : 100%;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 1.18125rem;
padding-left : 1rem;
padding-right : 1rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-4wgjvs:hover,.css-4wgjvs:focus,.css-4wgjvs.active {
background-color : var(--theme-ui-colors-actionBaseFillPrimaryHover);
color : var(--theme-ui-colors-actionContentFillPrimaryHover);
}
.css-4wgjvs:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-4wgjvs:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-4wgjvs.disabled {
cursor : default;
background-color : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
color : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
}
</style>
<a aria-label="Sign up or log in" class="css-4wgjvs" role="button">
<span class="css-toyscm">
Sign up or log in
</span>
</a>
</div>
</footer>
</div>
</dialog>
<style data-emotion="css u1i810">
.css-u1i810 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: row;
-ms-flex-direction : row;
flex-direction : row;
gap : 0.75rem;
-webkit-box-pack : justify;
-webkit-justify-content: space-between;
justify-content : space-between;
width : 100%;
}
</style>
<div class="css-u1i810">
<div class="css-1cx3xt2">
<style data-emotion="css yl6qga">
.css-yl6qga {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : var(--theme-ui-colors-actionBaseFillGreenDefault);
border-radius : 16px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillGreenDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 1.18125rem;
padding-left : 1rem;
padding-right : 1rem;
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.css-yl6qga:hover,.css-yl6qga:focus,.css-yl6qga.active {
background-color : var(--theme-ui-colors-actionBaseFillGreenHover);
color : var(--theme-ui-colors-actionContentFillGreenHover);
}
.css-yl6qga:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-yl6qga:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-yl6qga.disabled {
cursor : default;
background-color : var(--theme-ui-colors-actionBaseFillGreenDisabled);
color : var(--theme-ui-colors-actionContentFillGreenDisabled);
}
</style>
<a aria-label="Follow" class="css-yl6qga" role="button">
<span class="css-toyscm">
Follow
</span>
</a>
</div>
<style data-emotion="css 32563c">
.css-32563c {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
position : relative;
line-height : 1em;
}
</style>
<div class="css-32563c">
<style data-emotion="css 12gew9v">
.css-12gew9v {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background-color : actionBaseFillGhostBlackDefault;
border-radius : 12px;
box-shadow : none;
color : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
cursor : pointer;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
gap : 0.5rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
font-family : Satoshi,system-ui,sans-serif;
font-size : 12px;
font-style : normal;
font-weight : 700;
line-height : 1.0125rem;
padding-left : 0.5rem;
padding-right : 0.5rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
}
.css-12gew9v:hover,.css-12gew9v:focus,.css-12gew9v.active {
background-color : var(--theme-ui-colors-actionBaseFillGhostBlackHover);
color : var(--theme-ui-colors-actionContentFillGhostBlackHover);
}
.css-12gew9v:focus {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-12gew9v:focus-visible {
box-shadow : 0 0 0 3px rgba(66, 153, 225, 0.5);
outline : 4px solid;
outline-color : var(--theme-ui-colors-borderPrimaryDefault);
outline-offset : 2px;
}
.css-12gew9v.disabled {
cursor : default;
background-color : actionBaseFillGhostBlackDisabled;
color : var(--theme-ui-colors-actionContentFillGhostBlackDisabled);
}
</style>
<a class="css-12gew9v" data-test-id="user-follow-menu-trigger" role="button">
<svg aria-hidden="true" class="css-1aty4za" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99992C10.8333 9.53968 10.4602 9.16659 10 9.16659C9.53976 9.16659 9.16666 9.53968 9.16666 9.99992C9.16666 10.4602 9.53976 10.8333 10 10.8333Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
<path d="M10 4.99992C10.4602 4.99992 10.8333 4.62682 10.8333 4.16659C10.8333 3.70635 10.4602 3.33325 10 3.33325C9.53976 3.33325 9.16666 3.70635 9.16666 4.16659C9.16666 4.62682 9.53976 4.99992 10 4.99992Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
<path d="M10 16.6666C10.4602 16.6666 10.8333 16.2935 10.8333 15.8333C10.8333 15.373 10.4602 14.9999 10 14.9999C9.53976 14.9999 9.16666 15.373 9.16666 15.8333C9.16666 16.2935 9.53976 16.6666 10 16.6666Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
</path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-emotion="css zi78uq">
.css-zi78uq {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.375rem;
-webkit-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content: center;
justify-content : center;
-webkit-align-self : stretch;
-ms-flex-item-align : stretch;
align-self : stretch;
}
</style>
<div class="css-zi78uq">
</div>
</div>
</div>
</div>
</div>
</div>
<style data-emotion="css 1nicgwx">
.css-1nicgwx {
-webkit-align-items : stretch;
-webkit-box-align : stretch;
-ms-flex-align : stretch;
align-items : stretch;
background-color : var(--theme-ui-colors-surfaceFillPrimaryDefault);
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex : 1 1 auto;
-ms-flex : 1 1 auto;
flex : 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0;
-webkit-box-pack : stretch;
-ms-flex-pack : stretch;
-webkit-justify-content: stretch;
justify-content : stretch;
padding-bottom : 3.5rem;
padding-top : 3.5rem;
width : 100%;
}
@media screen and (min-width: 540px) {
.css-1nicgwx {
gap : 0.75rem;
}
}
@media screen and (min-width: 720px) {
.css-1nicgwx {
gap : 1.5rem;
}
}
</style>
<main class="css-1nicgwx">
<style data-emotion="css 17om4ym">
.css-17om4ym {
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
-webkit-box-flex : 1;
-webkit-flex-grow : 1;
-ms-flex-positive : 1;
flex-grow : 1;
gap : 3.5rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
}
</style>
<div class="css-17om4ym">
<style data-emotion="css 155qp8e">
.css-155qp8e {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 1rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
width : 100%;
padding-top : 7.5rem;
padding-bottom : 2rem;
}
</style>
<div class="css-155qp8e">
<style data-emotion="css jco1ax">
.css-jco1ax {
color : var(--theme-ui-colors-surfaceFillGreenDefault);
height : 4.625rem;
width : 4.625rem;
}
</style>
<svg aria-hidden="true" class="css-jco1ax" fill="none" role="presentation" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<path d="M34.375 1.375C41.9689 1.375 48.125 7.53109 48.125 15.125V64.625H20.625V15.125C20.625 7.53109 26.7811 1.375 34.375 1.375Z" fill="currentColor" stroke="currentColor" stroke-width="2.75">
</path>
<path d="M19.25 46.75C11.6561 46.75 5.5 40.5939 5.5 33V20.625" stroke="currentColor" stroke-width="11">
</path>
<path d="M46.75 32.625C54.3439 32.625 60.5 26.4689 60.5 18.875V6.5" stroke="currentColor" stroke-width="11">
</path>
</svg>
<style data-emotion="css kl1d76">
.css-kl1d76 {
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column;
gap : 0.25rem;
-webkit-box-pack : start;
-ms-flex-pack : start;
-webkit-justify-content: start;
justify-content : start;
text-align : center;
width : 100%;
}
</style>
<div class="css-kl1d76">
<style data-emotion="css gpxxho">
.css-gpxxho {
color : var(--theme-ui-colors-textPrimaryDefault);
font-weight : 500;
font-style : normal;
line-height : 1.4625rem;
font-size : 18px;
font-family : Nohemi,system-ui,sans-serif;
letter-spacing : 0.03375rem;
}
</style>
<p class="css-gpxxho">
Whoops, this person hasn’t gotten around to exploring yet!
</p>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</div>
</div>
<style data-emotion="css awtll0">
.css-awtll0 {
bottom : 0px;
left : 0;
pointer-events : none;
position : fixed;
right : 0;
z-index : 700;
padding : 0;
}
</style>
<div class="css-awtll0" id="banner_portal_container">
<div class="css-1u8qly9" id="gdpr_banner_portal">
</div>
</div>
<style data-emotion="css-global ryqg53">
html.ReactModal__Html--open {
overflow : hidden;
}
html.ReactModal__Html--open:not(.fullsize) {
scrollbar-gutter : stable;
}
html.ReactModal__Html--open.ReactModal__Html--panel #pageMountNode:before {
content : "";
position : fixed;
width : 100%;
height : 100%;
}
</style>
</div>
</div>
<div class="js-lightbox-container">
</div>
<div class="js-upload-container">
</div>
<div class="js-snackbar-container">
</div>
<noscript>
<link href="/assets/main.437c6d9820ca001e.css" id="style_main" rel="stylesheet" type="text/css">
<style id="style_page" type="text/css">
</style>
</noscript>
<link href="/assets/main.437c6d9820ca001e.css" id="style_main_async" media="print" onload="this.media='all';this.onload=null;" rel="stylesheet">
<script type="text/javascript">
(function() {
try {
if (typeof performance === "undefined" || !performance.getEntriesByType) return;
var n = performance.getEntriesByType("navigation");
if (!n || !n[0] || !n[0].name) return;
var u = new URL(n[0].name);
var h = u.hash || "";
var m = h.match(/:~:text=([^&]+)/);
if (m) {
window.__komoot_text_fragment__ = {
hasTextFragment: true,
textFragment: decodeURIComponent(m[1]).trim().slice(0, 100),
capturedAt: Date.now()
};
}
} catch (e) {
}
})();
var kmtBoot = function(t, e, i) {
t = {
kmtx: {
session: {
profile: {
},
device: {
}
},
screen: {
}
},
meta: {
}
}, e = [], i = [];
var r = "vector_map", a = "static";
function o(t, e) {
e || (e = t.dataset);
var i = t.getBoundingClientRect(), o = {
retina: window.devicePixelRatio > 1 ? 2 : 1,
width: i.width,
height: i.height
};
return ("number" != typeof o.width || isNaN(o.width) || 0 === o.width) && (o.width = 300), ("number" != typeof o.height || isNaN(o.height) || 0 === o.height) && (o.height = .75 * o.width), o.ratio = o.height / o.width, .75 !== o.ratio && (o.ratio = Math.round(100 * o.ratio) / 100, o.ratio = Math.max(.3, o.ratio)), o.width = o.width * o.retina, o.width < 150 ? o.width = 25 * Math.ceil(o.width / 25) : o.width < 300 ? o.width = 50 * Math.ceil(o.width / 50) : o.width < 600 ? o.width = 100 * Math.ceil(o.width / 100) : o.width < 1200 ? o.width = 200 * Math.ceil(o.width / 200) : o.width = 400 * Math.ceil(o.width / 400), o.height = Math.ceil(o.width * o.ratio), o.crop = !!e.crop || void 0, o.quality = o.retina > 1 ? 40 : 80, o.service = e.service || void 0, /^data:image\/[^;]+;base64/.test(e.src) ? o.src = e.src : o.src = function(t) {
var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
}, i = {
templated: /(?:\{([A-Za-z0-9\-_]+)\}|%7B([A-Za-z0-9\-_]+)%7D)/g,
width: /((?:^|\?|&)width=)([^&]*)/,
height: /((?:^|\?|&)height=)([^&]*)/,
crop: /((?:^|\?|&)crop=)([^&]*)/,
q: /((?:^|\?|&)q=)([^&]*)/,
scale: /((?:^|\?|&)scale=)([^&]*)/
}, o = function(t, e, r) {
return r[e] && (i[e].test(t) ? t = t.replace(i[e], function(t, i) {
return i + r[e];
}) : (/\?$/.test(t) ? t += "" : /\?/.test(t) ? t += "&" : t += "?", t += e + "=" + r[e])), t;
}, n = function(t, e) {
return !1 !== e.isTemplated && i.templated.test(t) ? (t = t.replace(i.templated, function(t, i) {
return e.hasOwnProperty(i) ? e[i] : "";
}), e.q && !i.q.test(t) && (t = o(t, "q", e)), e.scale && !i.scale.test(t) && (t = o(t, "scale", e)), t) : (t = o(t, "width", e), t = o(t, "height", e), e.crop && !i.crop.test(t) && (t = o(t, "crop", e)), e.q && !i.q.test(t) && (t = o(t, "q", e)), e.scale && !i.scale.test(t) && (t = o(t, "scale", e)), t);
};
if (e.service === r) return n(t, {
isTemplated: !1,
width: Math.round(e.res || e.width),
height: Math.round(e.height || (e.ratio ? e.res * e.ratio : e.res)),
scale: e.retina > 1 ? 2 : 1
});
if (e.service === a && n(t, {
retina: e.retina > 1 ? "@2x" : ""
}), /wikipedia/.test(t)) {
if (e.res && e.res <= 1e3) {
var h = t.split("/").pop();
t = (t = t.replace(/org\/wikipedia\/(\w*)\//, "org/wikipedia/$1/thumb/").replace(/^https?:\/\//, "https://")) + "/" + e.res + "px-" + h;
}
return t;
}
return n(t, {
retina: e.retina > 1 ? "@2x" : "",
width: Math.round(e.res || e.width),
height: Math.round(e.height || (e.ratio ? e.res * e.ratio : e.res)),
q: e.quality || "",
crop: e.crop ? "true" : "false"
});
}(e.src, o), o;
}
function n() {
if (0 === e.length) for ( ; i.length > 0; ) i.shift()();
}
return {
imagePreload: function() {
!function() {
try {
var t = window.innerHeight;
Array.prototype.slice.call(document.querySelectorAll("[data-src]")).forEach(function(e) {
e.getBoundingClientRect().top < t && (e.style.backgroundImage = "url(" + JSON.stringify(o(e, e.dataset).src) + ")");
});
} catch (t) {
}
}();
},
setProps: function(e) {
try {
t = JSON.parse(e.replace(/&lt;/g, "<").replace(/&gt;/g, ">"));
} catch (t) {
console.log("[error]", "Could not read/parse initialProps");
}
},
getProps: function() {
return t;
},
onReady: function(t) {
i.push(t), setTimeout(n, 0);
},
loadStyle: function(t, i, r, a) {
return a = function(t, i) {
var r = [];
return t = {
loaded: !1
}, e.push(t), (i = {
}).resolve = function() {
for ( ; r.length > 0; ) r.shift()();
var i = e.indexOf(t);
i >= 0 && (e.splice(i, 1), setTimeout(n, 0));
}, i.reject = i.resolve, i.promise = {
then: function(t) {
return r.push(t), i.promise;
}
}, i;
}(), (i = document.createElement("link")).rel = "stylesheet", i.href = t, i.media = "only x", i.onload = a.resolve, i.onerror = a.reject, document.getElementsByTagName("body")[0].appendChild(i), setTimeout(function() {
i.media = "all";
}, 0), a.promise;
}
};
}();
</script>
<script type="text/javascript">
window["__KMT_AVIF_ROUTE_FAMILIES__"] = "collection";
window["__KMT_AVIF_DISABLED__"] = "";
</script>
<script type="text/javascript">
(function() {
var s = document.getElementById('style_main_async');
if (s && s.media === 'all') {
kmtBoot.imagePreload();
} else if (s) {
s.addEventListener('load', function() {
kmtBoot.imagePreload();
});
} else {
kmtBoot.loadStyle('/assets/main.437c6d9820ca001e.css').then(kmtBoot.imagePreload);
}
})();
kmtBoot.setProps("{\"config\":{\"nps\":{\"active\":false,\"delay\":0},\"feature_flags\":[],\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/+anonymous/config\"}},\"_meta\":{\"nps_asked_once\":false,\"_isLoaded\":true}},\"configWeb\":{\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/users/+anonymous/config_web\"}}},\"geolocation\":{\"lat\":51.5081,\"lng\":-0.1278},\"user\":{\"username\":\"6251094645273\",\"display_name\":\"urbanrentru6\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"content_text\":\"Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.\",\"content_link\":\"https://urbanrent.ru/upravlenie-torgovymi-czentrami\",\"status\":\"public\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/6251094645273\",\"templated\":true},\"premium_status\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/premium_status\"},\"profile_embedded\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/profile_embedded\"},\"followers\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/relating_users/?relation_from_follow=FOLLOW&relation_from_friend=FRIEND\"},\"following\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/relating_users/?relation_to_follow=FOLLOW&relation_to_friend=FRIEND\"},\"relations_summary\":{\"href\":\"https://www.komoot.com/webapi/v007/users/6251094645273/relations_summary\"},\"tours\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/tours/\"},\"tours_summary\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/tours/summary\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/highlights/\"},\"highlights_summary\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/highlight_summary\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/elements/\"},\"elements_summary\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/elements_summary\"},\"activities\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/activities/\"},\"activities_mentions\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/activities/\"},\"pioneer_state\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/state\"},\"pioneer_summary\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/summary\"},\"pioneer_rankings\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/rankings/\"},\"pioneer_top_highlights\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/top_highlights/\"},\"pioneer_top_images\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/top_images/\"},\"pioneer_top_tips\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/top_tips/\"},\"backfilled_garmin_tours\":{\"href\":\"https://api.komoot.de/v007/integrations/garmin/users/6251094645273/backfilled_tours/\"},\"seo\":{}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"premium_status\":{\"premium\":false,\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/premium_status\"}},\"_meta\":{\"_isLoaded\":true}},\"profile_embedded\":{\"username\":\"6251094645273\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"display_name\":\"urbanrentru6\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/6251094645273\",\"templated\":true}},\"_meta\":{\"_isLoaded\":true}},\"relations_summary\":{\"following\":{\"follow\":0,\"total\":0},\"followers\":{\"follow\":0,\"total\":0},\"friends\":{\"total\":0},\"blocked\":{\"total\":0},\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/users/6251094645273/relations_summary\"}},\"_meta\":{\"_isLoaded\":true}},\"tours_summary\":{\"map_image\":{\"src\":\"https://tourpic-vector.maps.komoot.net/user_tour_summary/?hash=H4sIAAAAAAAA_zMDABR6uB0BAAAA&width={width}&height={height}\",\"templated\":true,\"type\":\"image/*\"},\"total\":{\"planned\":{\"sum\":0},\"recorded\":{\"sum\":0}},\"duration\":{\"planned\":{\"sum\":0},\"recorded\":{\"sum\":0}},\"distance\":{\"planned\":{\"sum\":0},\"recorded\":{\"sum\":0}},\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/tours/summary\"}},\"_meta\":{\"_isLoaded\":true}},\"highlights_summary\":{\"recommended\":{\"total\":0},\"saved\":{\"total\":0},\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/highlight_summary\"}},\"_meta\":{\"_isLoaded\":true}},\"elements_summary\":{\"collections\":{\"saved\":0,\"created\":0,\"suggested\":0,\"total\":0},\"guides\":{\"saved\":0,\"created\":0,\"total\":0},\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/elements_summary\"}},\"_meta\":{\"_isLoaded\":true}},\"activities\":{\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/activities/\"}},\"page\":{\"size\":15,\"totalElements\":0,\"totalPages\":0,\"number\":0},\"_embedded\":{\"items\":[]}},\"pioneer_state\":{\"username\":\"6251094645273\",\"state\":\"consumer\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/state\"}},\"_meta\":{\"_isLoaded\":true}},\"pioneer_summary\":{\"username\":\"6251094645273\",\"num_pioneer\":0,\"num_expert\":0,\"num_aspirant\":0,\"points_contribution\":0,\"points_feedback\":0,\"points_total\":0,\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/summary\"},\"pioneer_program_state\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/pioneer/state\"},\"user\":{\"href\":\"https://api.komoot.de/v007/users/6251094645273/profile_embedded\"}},\"_meta\":{\"_isLoaded\":true}},\"seo\":{\"poor_quality\":true,\"_links\":{},\"_meta\":{\"_isLoaded\":true}}}},\"userLegacy\":{\"highlights\":[]},\"packages\":[],\"showFreeRegionBundleBanner\":false,\"activeTab\":\"summary\",\"userNew\":{\"username\":\"6251094645273\",\"displayName\":\"urbanrentru6\",\"status\":\"public\",\"content\":{\"link\":\"https://urbanrent.ru/upravlenie-torgovymi-czentrami\",\"text\":\"Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.\"},\"contentLink\":\"https://urbanrent.ru/upravlenie-torgovymi-czentrami\",\"contentText\":\"Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"premiumStatus\":false},\"kmtx\":{\"session\":{\"lang\":\"en\",\"metric\":true,\"cookie_id\":\"7243288f-cd62-4c1d-aea9-60ebfed002e5\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/session\"},\"profile\":{},\"device\":{}},\"_embedded\":{\"profile\":{\"_links\":{\"config\":{},\"config_web\":{}},\"_embedded\":{\"config\":{\"nps\":{\"active\":false,\"delay\":0},\"feature_flags\":[],\"_links\":{},\"_meta\":{\"nps_asked_once\":false}},\"config_web\":{\"_links\":{}}}},\"device\":{\"skip_translation\":false,\"env\":{\"KOMOOT_ENV\":\"live\",\"NODE_ENV\":\"production\"},\"ip\":\"178.79.185.141\",\"user_agent\":{\"os\":\"windows\",\"deviceType\":\"desktop\",\"browser\":\"Chrome\",\"browserVersion\":\"145.0.0.0\",\"raw\":\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36 (compatible; meta-externalagent/1.1 (+https://developers.facebook.com/docs/sharing/webmasters/crawler))\"},\"is_bot\":true,\"is_iframe\":false,\"country\":\"GB\",\"accept_language\":[],\"_links\":{}}}},\"screen\":{\"location\":{\"hash\":\"\",\"host\":\"www.komoot.com\",\"hostname\":\"www.komoot.com\",\"href\":\"https://www.komoot.com/user/6251094645273\",\"origin\":\"https://www.komoot.com\",\"pathname\":\"/user/6251094645273\",\"port\":\"\",\"protocol\":\"https:\",\"search\":\"\",\"query\":{},\"params\":{\"username\":\"6251094645273\"}},\"referrer\":null,\"title\":\"urbanrentru6\",\"description\":\"\",\"robots\":\"noindex, nofollow\",\"class_name\":\"device-desktop os-windows chrome chrome-145.0.0.0\",\"above_the_fold_type\":\"user\",\"legacy_styles\":false,\"_links\":{}}},\"dehydratedQueryClientState\":{\"mutations\":[],\"queries\":[{\"state\":{\"data\":\"7243288f-cd62-4c1d-aea9-60ebfed002e5\",\"dataUpdateCount\":2,\"dataUpdatedAt\":1792158483611,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"session\",\"cookie_id\"],\"queryHash\":\"[\\\"session\\\",\\\"cookie_id\\\"]\"},{\"state\":{\"data\":{\"current_streak\":null,\"weeks\":[]},\"dataUpdateCount\":1,\"dataUpdatedAt\":1792158483851,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"streak\",\"6251094645273\"],\"queryHash\":\"[\\\"streak\\\",\\\"6251094645273\\\"]\"},{\"state\":{\"data\":{\"username\":\"6251094645273\",\"displayName\":\"urbanrentru6\",\"status\":\"public\",\"content\":{\"link\":\"https://urbanrent.ru/upravlenie-torgovymi-czentrami\",\"text\":\"Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.\"},\"contentLink\":\"https://urbanrent.ru/upravlenie-torgovymi-czentrami\",\"contentText\":\"Собственнику ТЦ важно видеть не только заполненность площадей, но и структуру арендаторов, состояние инженерии, расходы и качество обслуживания посетителей. В такой системе управление торговым объектом включает коммерческий аудит, контроль договоров и платежей, техническую эксплуатацию, работу с подрядчиками и анализ трафика. Такой подход позволяет оценивать объект целиком, а не решать каждую проблему изолированно.\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/000/defaultuserimage-full/1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"premiumStatus\":false},\"dataUpdateCount\":1,\"dataUpdatedAt\":1792158483872,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"user\",\"6251094645273\",null,\"relation,premium_status\"],\"queryHash\":\"[\\\"user\\\",\\\"6251094645273\\\",null,\\\"relation,premium_status\\\"]\"},{\"state\":{\"data\":{\"DD_TRACE_ENABLED\":\"true\",\"DD_VERSION\":\"8f66222303415b5d298a4fe54c9e4d595ae1a4ea\",\"KOMOOT_ENV\":\"live\",\"VERSION\":\"8f66222303415b5d298a4fe54c9e4d595ae1a4ea\",\"STRIPE_PUBLIC_KEY\":\"pk_live_CayeTKdFkBw6WF3cac0MWsJ2\",\"APPLE_STORE_ID\":\"447374873\",\"FACEBOOK_APP_ID\":\"216222385104691\",\"GOOGLE_PLAY_ID\":\"de.komoot.android\",\"HOT_JAR_SITE_ID\":\"5024555\",\"KOMOOT_GA_ID\":\"G-R7DCLCR1RB\",\"KOMOOT_DDB_DEBUG\":\"false\",\"KOMOOT_KVSTORE_DEBUG\":\"false\",\"LOG_WHITELIST\":\"startup,exit,requests-from-bot\"},\"dataUpdateCount\":1,\"dataUpdatedAt\":1792158483873,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"env\"],\"queryHash\":\"[\\\"env\\\"]\"}]}}");
</script>
</body>
</html>