@font-face{font-display:swap;font-family:Overpass;src:url(4c42093bd53da87d6456.woff2) format("woff2")}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(*){box-sizing:border-box}body{background-color:var(--body-background);block-size:100dvh;color:var(--text-color);display:grid;font-family:Overpass,sans-serif;grid:1fr/1fr;letter-spacing:-.02em;margin:0}:is(h1,h2,h3,h4){font-variation-settings:"wght" 600}a{color:var(--link-color);outline:none;text-decoration:none;transition:color var(--transition);&>*{pointer-events:none}&:visited{color:var(--link-color-visited)}&:focus-visible{color:var(--link-color-focus)}@media (any-hover:hover){&{transition:color var(--transition)}&:hover{color:var(--link-color-focus)}}}img,svg{block-size:auto;inline-size:100%;vertical-align:middle}svg{fill:currentColor;pointer-events:none}abbr{text-decoration:none}fieldset{border:none;margin:0;padding:0}button{border:none;color:inherit;cursor:pointer;font:inherit;font-size:var(--font-size-small);font-variation-settings:"wght" 600;padding:0;text-transform:uppercase;user-select:none}button,input{appearance:none;background:none;outline:none}input{font:inherit}input[type=checkbox],input[type=radio]{block-size:0;border:none;inline-size:0;margin:0}:root{--app-grid:var(--header-size) 1fr /1fr;--main-grid:1fr/1fr;--billboard-display:none;--dialog-border-radius:0 0 0 .5rem;--dialog-place-self:start end;--dialog-transform:translateX(100%);--item-grid:"details" "chart" "links" "image"/1fr;--list-inactive-filter:brightness(50%);--list-inactive-pointer-events:none;--list-transform:translateX(-100%);--map-aspect-ratio:4/3;--proxy-item-display:block;--dialog-grid-area:2/1;--header-grid-area:1/1;--list-grid-area:1/1;--main-grid-area:2/1;--proxy-item-grid-area:1/1;--shadow-grid-area:1/1/-1/1;--header-z-index:4;--dialog-z-index:3;--list-z-index:2;--item-z-index:1;--map-z-index:1;--shadow-z-index:-1}@media (min-width:50rem){:root{--app-grid:var(--header-size) 1fr /20rem 1fr;--main-grid:var(--app-grid);--billboard-display:grid;--dialog-border-radius:0 .5rem .5rem 0;--dialog-place-self:start;--dialog-transform:translateX(-100%);--item-grid:"image" "details" "chart" "links" 1fr/1fr;--list-inactive-filter:unset;--list-inactive-pointer-events:unset;--main-grid-area:1/1/-1/-1;--map-aspect-ratio:unset;--proxy-item-display:contents;--billboard-grid-area:1/2/-1/2;--dialog-grid-area:2/2;--item-grid-area:2/1;--list-grid-area:2/1;--map-grid-area:1/2/-1/2;--header-z-index:6;--list-z-index:5;--item-z-index:4;--shadow-z-index:3;--dialog-z-index:2;--map-z-index:1;--billboard-z-index:0}}:root{--button-size:2.25rem;--counter-size:1.625rem;--counter-padding:0 .5rem;--header-size:3rem;--icon-size:1.25rem;--rating-size:3rem;--font-size-title:1em;--font-size-small:.85em;--font-size-fineprint:.75em;--box-shadow-1:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--box-shadow-2:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.24);--divider:1px solid var(--gray5);--transition:.3s;--gray1:#8e8e93;--gray1-dark:#8e8e93;--gray2:#aeaeb2;--gray2-dark:#636366;--gray3:#c7c7cc;--gray3-dark:#48484a;--gray4:#d1d1d6;--gray4-dark:#3a3a3c;--gray5:#e5e5ea;--gray5-dark:#2c2c2e;--gray6:#f2f2f7;--gray6-dark:#1c1c1e;--brand-color:#633a11;--chart-fill:#c4dbca;--chart-stroke:#026b39;--rating-1:#34c759;--rating-2:#ff8d28;--rating-3:#ff383c;--rating-4:#000;--rating-inactive:var(--fill-2);--fill-0:#fff;--fill-1:var(--gray6);--fill-2:var(--gray5);--fill-3:var(--gray4);--app-background:var(--fill-0);--body-background:var(--fill-1);--button-background:var(--fill-2);--button-background-focus:var(--fill-3);--header-background:var(--brand-color);--header-button-background:hsla(0,0%,100%,.15);--header-button-background-focus:hsla(0,0%,100%,.3);--item-background-focus:var(--fill-1);--list-background:var(--fill-0);--menu-background:var(--fill-0);--menu-item-background-focus:var(--fill-1);--text-color:var(--gray5-dark);--text-color-inactive:var(--gray2);--text-color-inverted:#fff;--text-color-secondary:var(--gray2-dark)}dh-list{--link-color:var(--text-color);--link-color-focus:var(--text-color);--link-color-visited:var(--text-color)}@media (prefers-color-scheme:dark){:root{--divider:1px solid var(--gray4-dark);--map-filter:brightness(.8) contrast(1.2);--chart-fill:#2e6048;--chart-stroke:#90d58a;--rating-1:#4ad968;--rating-2:#ffa056;--rating-3:#ff6165;--rating-4:var(--text-color);--rating-inactive:var(--fill-2);--fill-0:#000;--fill-1:var(--gray6-dark);--fill-2:var(--gray5-dark);--fill-3:var(--gray4-dark);--app-background:var(--fill-2);--body-background:var(--fill-0);--header-background:var(--fill-2);--item-background-focus:var(--fill-2);--list-background:var(--fill-1);--menu-background:var(--fill-1);--menu-item-background-focus:var(--fill-3);--text-color:var(--gray5);--text-color-inactive:var(--gray1-dark);--text-color-inverted:var(--gray5-dark);--text-color-secondary:var(--gray2)}[data-rating="2"]~.distance{--text-color:var(--text-color-inverted)}header{--text-color-inverted:#fff}}dh-item,dh-list{--details-gap:.75rem .5rem;--details-grid:0 auto auto 0/0 var(--rating-size) 5rem 1fr var(--counter-size) 0;--details-distance-grid-area:2/2;--details-duration-grid-area:3/4;--details-gain-grid-area:3/3;--details-info-grid-area:2/3/2/5;--details-rating-grid-area:2/2;--details-type-grid-area:3/2;--details-info-place-self:center start}dh-chart{&[type=type-1]{--chart-grid:"max" "svg" "min"/1fr;--chart-max-padding-block:0 .25rem;--chart-max-text-align:center;--chart-min-background:var(--chart-fill);--chart-min-padding-block:.5rem 0;--chart-min-text-align:center}&[type=type-2]{--chart-grid:"max" "svg" "min"/1fr;--chart-max-padding-block:0 .5rem;--chart-max-padding-inline:0 1rem;--chart-max-text-align:end;--chart-min-background:var(--chart-fill);--chart-min-padding-block:.5rem 0;--chart-min-padding-inline:1rem 0;--chart-min-text-align:start}&[type=type-2][descent]{--chart-grid:"min" "svg" "max"/1fr;--chart-max-background:var(--chart-fill);--chart-max-padding-block:.5rem 0;--chart-max-text-align:end;--chart-min-background:none;--chart-min-padding-block:0 .5rem}}dh-app{background-color:var(--app-background);block-size:100%;display:grid;grid:var(--app-grid);inline-size:100%;max-block-size:60rem;max-inline-size:100rem;overflow:hidden;place-self:center;scrollbar-width:none;&::-webkit-scrollbar{display:none}}main{display:grid;grid:var(--main-grid);grid-area:var(--main-grid-area);overflow:hidden auto}.item{display:var(--proxy-item-display);grid-area:var(--proxy-item-grid-area);overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.icon{inline-size:var(--icon-size)}.shadow{box-shadow:var(--box-shadow-2);grid-area:var(--shadow-grid-area);place-self:stretch;z-index:var(--shadow-z-index)}.billboard{background:var(--image) center /cover no-repeat;display:var(--billboard-display);grid-area:var(--billboard-grid-area);z-index:var(--billboard-z-index);&[inert]{visibility:hidden}}.billboard__mask{backdrop-filter:contrast(2) grayscale();background-color:rgba(2,107,57,.7);display:grid;place-content:center;place-self:stretch}.billboard__heading{color:#fff;font-size:clamp(2rem,1rem + 6vw,7rem);font-variation-settings:"wght" 600;letter-spacing:-.04em;text-align:center;text-transform:uppercase;user-select:none}dh-chart{display:grid;grid:var(--chart-grid);padding-block:2rem 0;:is(.elevation-max,.elevation-min){font-size:var(--font-size-small);font-variation-settings:"wght" 600;&:before{content:"+"}.units{font-size:var(--font-size-fineprint);text-transform:uppercase}}.elevation-max{background-color:var(--chart-max-background,none);grid-area:max;padding-block:var(--chart-max-padding-block);padding-inline:var(--chart-max-padding-inline,0);text-align:var(--chart-max-text-align)}.elevation-min{background-color:var(--chart-min-background,none);grid-area:min;padding-block:var(--chart-min-padding-block,0);padding-inline:var(--chart-min-padding-inline,0);text-align:var(--chart-min-text-align)}svg{display:grid;grid-area:svg;margin-block:0 -1px;place-content:stretch end;.fill{fill:var(--chart-fill);stroke:none}.line{fill:none;stroke:var(--chart-stroke);stroke-width:6}}}dh-details{display:grid;gap:var(--details-gap);grid:var(--details-grid);line-height:1.1;.info{grid-area:var(--details-info-grid-area);place-self:var(--details-info-place-self);.title{display:block;font-size:var(--font-size-title);font-variation-settings:"wght" 700}.location{color:var(--text-color-secondary);font-size:var(--font-size-small)}}.rating{grid-area:var(--details-rating-grid-area);.label{block-size:0;display:block;inline-size:0;overflow:hidden}}[data-rating]{aspect-ratio:1;block-size:var(--rating-size);border-radius:var(--rating-size);display:block}[data-rating="1"]{background-color:var(--rating-1)}[data-rating="2"]{background-color:var(--rating-2)}[data-rating="3"]{background-color:var(--rating-3)}[data-rating="4"]{background-color:var(--rating-4)}.distance{aspect-ratio:1;block-size:var(--rating-size);color:var(--text-color-inverted);display:grid;font-variation-settings:"wght" 600;grid:1fr auto 1fr/1fr;grid-area:var(--details-distance-grid-area);line-height:1;place-self:start center;.label{font-size:1.2em;grid-area:2/1;place-self:center}.units{display:block;font-size:.5em;grid-area:3/1;place-self:start center;text-transform:uppercase}}[data-rating="2"]~.distance{color:var(--text-color)}:is(.duration,.gain){display:grid;font-size:var(--font-size-small);font-variation-settings:"wght" 600;gap:0 .25rem;grid:auto/var(--icon-size) auto;place-items:center start;.units{font-size:var(--font-size-fineprint);text-transform:uppercase}.icon{color:var(--text-color-secondary)}}.gain{grid-area:var(--details-gain-grid-area)}.duration{grid-area:var(--details-duration-grid-area)}.type{--icon-size:1.625rem;grid-area:var(--details-type-grid-area);place-self:center;.label{display:none}}&[visited] :is(.title,.gain,.duration){color:var(--text-color-secondary)}&[active]:after{aspect-ratio:1;background-color:var(--chart-stroke);border-radius:.625rem;content:"";display:inline-block;grid-area:2/5;inline-size:.625rem;margin-block:.5rem 0;place-self:start center}}dh-list dh-details{a{display:grid;grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:1}&:has(a.touch),&:has(a:focus-visible){background-color:var(--item-background-focus)}@media (any-hover:hover){&{transition:background-color var(--transition)}&:has(a:hover){background-color:var(--item-background-focus)}}}header{background-color:var(--header-background);block-size:var(--header-size);color:var(--text-color-inverted);display:grid;grid:var(--header-size) /var(--rating-size) 1fr var(--button-size) var(--counter-size);grid-area:var(--header-grid-area);inset-block:0 auto;padding-inline:.5rem;position:sticky;user-select:none;z-index:var(--header-z-index);button{aspect-ratio:1;block-size:var(--button-size);border-radius:var(--button-size);display:grid;place-items:center;place-self:center;transition:opacity var(--transition);&[inert]{opacity:0}&.touch,&:focus-visible{background-color:var(--header-button-background-focus)}@media (any-hover:hover){&:hover{background-color:var(--header-button-background-focus)}&{transition:background-color var(--transition),opacity var(--transition)}}}.back{--icon-size:2rem;grid-area:1/1}.menu-toggle{--icon-size:1.5rem;grid-area:1/3}.logo{--icon-size:1.5rem;grid-area:1/1;place-self:center;transition:opacity var(--transition);&[inert]{opacity:0}&[first-run]{transition:none}}h1{font-size:1.1em;font-variation-settings:"wght" 500;grid-area:1/1/1/-1;letter-spacing:-.04em;margin:0;place-self:center;text-transform:uppercase;a:is(:link,:visited){color:var(--text-color-inverted)}a{display:inline-block;padding-block:.2em 0;transition:transform var(--transition);&.touch,&:active,&:focus-visible{transform:scale(.8)}&[data-inactive]{pointer-events:none}}}.counter{font-size:var(--font-size-fineprint);font-variation-settings:"wght" 500;grid-area:1/4;padding-inline:var(--counter-padding);place-self:center end;text-align:end;transition:opacity var(--transition);&[inert]{opacity:0}}}dh-item{background-color:var(--list-background);display:grid;grid:var(--item-grid);grid-area:var(--item-grid-area);z-index:var(--item-z-index);img{aspect-ratio:4/3}dh-image{grid-area:image}dh-details{grid-area:details}dh-chart{grid-area:chart}dh-links{grid-area:links}}dh-links{background-color:var(--chart-fill);display:block;font-size:var(--font-size-small);font-variation-settings:"wght" 600;padding-block:2rem 1rem;padding-inline:1rem;p{margin-block:0 .5rem}ul{display:flex;gap:1rem;margin:0;padding:0}li{list-style:none}a{background-color:var(--chart-stroke);block-size:var(--button-size);border:2px solid var(--chart-stroke);border-radius:var(--button-size);color:var(--list-background);display:grid;gap:0 .25em;grid:"icon label" 1fr/auto auto;padding-inline:1rem;place-items:center;transition:transform var(--transition);&.touch,&:active{transform:scale(.8)}&:visited{color:var(--list-background)}&:focus-visible{background-color:var(--list-background);color:var(--chart-stroke)}@media (any-hover:hover){&{transition:background-color var(--transition),color var(--transition),transform var(--transition)}&:hover{background-color:var(--list-background);color:var(--chart-stroke)}}&:has(svg){padding-inline:.5rem 1rem}svg{grid-area:icon}.icon--apple{block-size:1.2rem;inset-block:-1px 0;position:relative}.icon--google{block-size:1.1rem}span{grid-area:label}}}dh-list{background-color:var(--list-background);block-size:100%;counter-reset:hikes 0;display:grid;grid:auto-flow/1fr;grid-area:var(--list-grid-area);overflow:auto;place-content:start;place-self:var(--list-place-self);scrollbar-width:none;transition:filter var(--transition),transform var(--transition);z-index:var(--list-z-index);&::-webkit-scrollbar{display:none}&[inert]{transform:var(--list-transform)}&[first-run]{transition:none}&[inactive]{filter:var(--list-inactive-filter);pointer-events:var(--list-inactive-pointer-events)}[role=listitem]{border-block-end:var(--divider);counter-increment:hikes;&:before{content:counter(hikes);font-size:var(--font-size-fineprint);grid-area:2/5/-2/5;opacity:.5;padding-inline:var(--counter-padding);place-self:center end;text-align:end;user-select:none}}}dh-map{aspect-ratio:var(--map-aspect-ratio);display:block;filter:var(--map-filter);grid-area:var(--map-grid-area);transition:opacity var(--transition);z-index:var(--map-z-index);&[first-run]{visibility:hidden}&[inert]{opacity:0}}.mapboxgl-popup{color:var(--gray5-dark);font-family:Overpass;font-variation-settings:"wght" 600;h3,p{margin:0}.units{font-size:var(--font-size-fineprint);text-transform:uppercase}}.mapboxgl-popup-content{border-radius:.25rem;padding-block:.5rem;padding-inline:.75rem;position:static;text-align:center}.mapboxgl-popup-close-button{display:none}dh-menu{display:contents}.menu{--menu-gap:1rem;background-color:var(--menu-background);border:none;border-radius:var(--dialog-border-radius);box-shadow:var(--box-shadow-1);color:inherit;display:block;grid-area:var(--dialog-grid-area);margin:0;max-block-size:calc(100dvh - var(--header-size) - 1rem);overflow:auto;padding:0;place-self:var(--dialog-place-self);position:relative;scrollbar-width:none;transition:transform .3s;user-select:none;z-index:var(--dialog-z-index);&:-webkit-scrollbar{display:none}&[inert]{transform:var(--dialog-transform)}}form{display:grid;gap:var(--menu-gap);grid:auto-flow/1fr;padding-block:var(--menu-gap);.search{display:grid;grid:1fr/var(--button-size) 1fr;padding-inline:var(--menu-gap)}.icon--search{grid-area:1/1;place-self:center;z-index:1}input[type=search]{background-color:var(--fill-1);block-size:var(--button-size);border:2px solid var(--fill-3);border-radius:var(--button-size);color:inherit;font-size:var(--font-size-title);grid-area:1/1/1/-1;inline-size:10rem;padding-block:.25rem;padding-inline:var(--button-size) .75rem;place-self:start;&:focus-visible{background-color:var(--fill-2);border-color:var(--text-color)}}:is(dh-filters,dh-sort){display:contents}legend{font-size:var(--font-size-fineprint);font-variation-settings:"wght" 600;letter-spacing:.1em;margin-block:0 .25rem;padding-block:0;padding-inline:var(--menu-gap);text-transform:uppercase}label{align-items:center;cursor:pointer;display:flex;margin:0;padding-block:.25rem;padding-inline:var(--menu-gap);&.touch,&:has(input:focus-visible){background-color:var(--menu-item-background-focus)}@media (any-hover:hover){&{transition:background-color var(--transition)}&:hover{background-color:var(--menu-item-background-focus)}}&>*{pointer-events:none}.icon{margin-inline:0 .5rem}.label{font-size:var(--font-size-small);font-variation-settings:"wght" 600}.count{font-size:var(--font-size-fineprint);font-variation-settings:"wght" 400;margin-inline:auto 0}}input[name=rating]+.icon{aspect-ratio:1;block-size:var(--icon-size);border-radius:var(--icon-size)}:checked+[data-rating="1"]{background-color:var(--rating-1)}:checked+[data-rating="2"]{background-color:var(--rating-2)}:checked+[data-rating="3"]{background-color:var(--rating-3)}:checked+[data-rating="4"]{background-color:var(--rating-4)}:not(:checked)+[data-rating]{background-color:var(--rating-inactive)}:is(input[type=checkbox],input[type=radio]){&:not(:checked)~:not([data-rating]){color:var(--text-color-inactive)}}button[type=reset]{background-color:var(--button-background);block-size:var(--button-size);border-radius:var(--button-size);letter-spacing:.1em;margin-inline:var(--menu-gap);padding-inline:1.5rem;&.touch,&:focus-visible{background-color:var(--button-background-focus)}@media (any-hover:hover){&{transition:background-color var(--transition),color var(--transition)}&:hover{background-color:var(--button-background-focus)}&:active{background-color:var(--text-color);color:var(--text-color-inverted);transition:none}}}}