@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-optical-sizing:auto;line-height:1;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark light;--color-dark-black: #1a1a1a;--color-gray1: #1f1f1f;--color-gray2: #292929;--color-gray3: #414141;--color-gray4: #d5d5d5;--color-white: #f6f6f6;--color-primary: #99c8ff;color:var(--color-white);background-color:var(--color-dark-black)}*{margin:0;padding:0}a{color:inherit;text-decoration:inherit}body{margin:0}h1{font-size:2.8em}h2{font-size:2.2em}h3{font-size:1.6em}h4{font-size:1.4em;font-weight:500}button{font-size:inherit;font-weight:inherit;font-family:inherit;font-style:inherit;background-color:transparent;border:none;color:inherit;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:inherit;line-height:inherit}ul,li{list-style:none}@media (min-width:320px){.layout{position:relative}.layout main{margin-bottom:3rem}}@media (min-width:320px){nav{position:sticky;top:0;left:0;right:0;background-color:var(--color-gray1);padding:1rem 1.5rem;z-index:3;display:flex;flex-direction:column;row-gap:1rem}nav .nav-brand{display:flex;align-items:center}nav .nav-brand .logo{font-style:italic;width:100%}nav .nav-brand button.open-main-menu{display:flex}nav .nav-brand button.open-main-menu svg{width:32px}nav .nav-context h1{font-style:italic;font-weight:900;text-transform:uppercase}nav .main-menu{position:fixed;z-index:2;right:0;top:0;background-color:var(--color-gray1);display:flex;flex-direction:column;align-items:end;row-gap:32px;padding:1rem 1.5rem;height:100vh;transform:translate(100%);transition:all .2s ease-in-out}nav .main-menu a,nav .main-menu button{margin:0 1rem;text-transform:uppercase;width:fit-content}nav .main-menu button.close-main-menu{margin:0;display:flex}nav .main-menu button.close-main-menu svg{fill:var(--color-gray4);width:32px}nav .main-menu.active{box-shadow:-10px 0 #11111196;transform:translate(0)}nav .main-menu-overlay{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:block;pointer-events:none;opacity:0;transition:all .3s ease-in-out}nav .main-menu-overlay.active{opacity:1;pointer-events:all}}.trails-filter{position:relative}.trails-filter button{display:flex;align-items:center;line-height:1;padding:.5em .5rem .5rem 1em;font-weight:500}.trails-filter button svg{width:32px}.trails-filter button.active{background-color:var(--color-gray2);border-radius:1em 1em 0 0;box-shadow:8px 10px #111111a8}.trails-filter .filter-option-list{position:absolute;background-color:var(--color-gray2);padding:1.5rem 1rem;border-radius:0 0 1em 1em;display:flex;flex-direction:column;row-gap:1.5rem;z-index:3;box-shadow:8px 10px #111111a8}.trails-filter .filter-option-list.hidden{display:none}.trails-list-filter-option{border-bottom:1px solid var(--color-gray1);padding-bottom:1rem;text-transform:uppercase}.trails-list-filter-option.active{font-weight:800}.trails-list-filter-option:last-child{border-bottom:none;padding-bottom:0}.trails-filters{position:fixed;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px #11111196;background-color:var(--color-gray1);width:100%;z-index:2;padding-bottom:.5rem}.trails-filters .applied-filter{margin-left:2rem;display:flex;column-gap:.5rem;line-height:1.2rem;font-size:1rem;overflow:hidden;font-size:1.3rem}.trails-filters .applied-filter .filter-name-tag{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem}.trails-filters .filter-actions{display:flex;margin-right:2rem}.trails-filters .filter-actions #clear-filter-button{display:flex;align-items:center;justify-content:center;width:48px;border-radius:8px}.trails-filters .filter-actions #clear-filter-button svg{fill:var(--color-gray4);width:24px;height:24px}.trails-filters .filter-actions #clear-filter-button.disabled{background-color:var(--color-gray2)}.trails-filters .filter-actions #clear-filter-button.disabled svg{fill:var(--color-gray1)}.trail a{display:grid;grid-template-columns:4fr 1fr;gap:1rem}.trail a .header{display:flex;flex-direction:column;row-gap:.5rem;overflow:hidden;text-transform:uppercase}.trail a .header h2{font-weight:700;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.trail a .header .details{display:flex;flex-direction:column;row-gap:.3em}.trail a .info{justify-self:end}.condition-badge{display:flex;width:fit-content;padding:.5em 1em;border-radius:1em;font-size:.875em;font-weight:500}.condition-badge.gd{background-color:#d4edda;color:#155724}.condition-badge.fr{background-color:#cce5ff;color:#004085}.condition-badge.pr{background-color:#fff3cd;color:#856404}.condition-badge.cd{background-color:#f8d7da;color:#721c24}.condition-badge.na{background-color:#e2e3e5;color:#383d41}.list-container{position:relative}.list-container ul#trails-list{display:flex;flex-direction:column;row-gap:1.5rem;padding:6rem 2rem 2rem}.list-container ul#trails-list li:after{content:"";display:block;margin-top:1.5rem;height:2px;background-image:linear-gradient(to right,transparent,#111111,transparent)}.list-container ul#trails-list li:last-child:after{display:none}.list-container .overlay{position:absolute;z-index:1;top:0;width:100%;height:100%;background-color:#11111196}.list-container .overlay.hidden{display:none}.trail-details{display:flex;flex-direction:column;row-gap:1rem;padding:0 1rem;line-height:1.5;margin-top:2rem}.trail-details .status{margin-top:2rem;display:flex;flex-direction:column;row-gap:1rem;line-height:1;border:1px solid #464646;margin:-1px;border-radius:.5rem;padding:1rem}.trail-details .status hr{border:1px solid var(--color-gray2)}.trail-details .status a.report{text-align:center;padding:1rem;border-radius:.5rem;background-color:var(--color-gray2);border:1px solid var(--color-gray3)}.trail-details .status button.report{text-decoration:underline;color:var(--color-primary)}.trail-details .status div{display:flex;align-items:center;column-gap:1rem}.trail-details .info{margin:0 1rem}form{display:flex;flex-direction:column;row-gap:2em;margin:2rem 1.5rem 1.5rem}form #conditions.field{row-gap:1rem}form #conditions.field input{margin:0 .5rem}form #date-field.field{width:min-content}form .field{display:flex;flex-direction:column}form .field label{margin-bottom:1rem}form .field input,form .field textarea,form .field select{color:var(--colo-gray1);padding:.8em;background-color:var(--color-gray1);border:none;border-radius:.5rem;font-family:inherit;resize:vertical}form .field input:focus,form .field textarea:focus{background-color:var(--color-gray2);border:1px solid var(--color-gray3);margin:-1px;outline:none}form .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:12px;background-image:url("data:image/svg+xml,<svg fill='%23fff' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>");background-repeat:no-repeat;background-position:top 12px right 12px}form .actions{display:flex;align-self:flex-end;column-gap:1rem}form .actions button{padding:1rem 2rem;border-radius:.5rem}form .actions button#submit{color:var(--color-gray1);background-color:var(--color-white);box-shadow:8px 10px #545454a8}form .actions button#cancel{background-color:var(--color-gray1);color:var(--color-white)}.profile{margin:1rem;display:flex;flex-direction:column;row-gap:1rem}.profile img{max-width:96px}