body:has(#trailSearchInput:focus),body:has(#trailSearchInput:valid){overflow:hidden}body:has(#trailSearchInput:focus):before,body:has(#trailSearchInput:valid):before{background-color:var(--color-black);content:"";display:block;height:100vh;opacity:.3;position:fixed;top:0;width:100%;z-index:1}body:has(#trailSearchInput:focus) #topBox,body:has(#trailSearchInput:valid) #topBox{background-color:initial;box-shadow:0 0 0 #0000}#trailSearchGrid{position:relative}#trailSearchResultsPopup{background-color:var(--color-background-overlay);border-radius:var(--border-radius-large);box-shadow:var(--header-boxshadow);color:var(--color-font);display:flex;flex-direction:column;left:50%;max-height:calc(100vh - 220px);max-width:1200px;overflow:hidden;padding:40px 120px 40px 80px;position:absolute;right:0;text-align:left;top:calc(100% + 70px);transform:translateX(-50%);width:90vw;z-index:700}#trailSearchResultsPopup[hidden]{display:none!important}#trailSearchResultsWrapper{container:trailSearchResults/inline-size;overflow-x:hidden;overflow-y:auto}#trailSearchResultsWrapper::-webkit-scrollbar{height:6px;width:6px}#trailSearchResultsWrapper::-webkit-scrollbar-track{background-color:color-mix(in oklab,var(--color-background-overlay) 100%,#000 10%);border-radius:10px}#trailSearchResultsWrapper::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}#trailSearchResultsWrapper::-webkit-scrollbar-thumb:hover{background-color:var(--color-font)}#trailSearchResultsList{display:flex;flex-direction:column;gap:40px;list-style:none;margin:0;padding:0}#trailSearchResultsList .resultItem{padding-right:15px}#trailSearchResultsList .resultItem .detailLink{align-items:center;color:var(--color-font);display:grid;gap:80px;grid-template-columns:30% auto;padding-block:5px;text-decoration:none}#trailSearchResultsList .resultItem .detailLink:focus,#trailSearchResultsList .resultItem .detailLink:hover{filter:grayscale(1);outline:none}#trailSearchResultsList .resultItem .detailLink:focus img,#trailSearchResultsList .resultItem .detailLink:hover img{opacity:.5}#trailSearchResultsList .resultItem .detailLink .image img{aspect-ratio:100/68;border-radius:var(--border-radius-full);max-width:none;transition:all .5s;width:100%}#trailSearchResultsList .resultItem .detailLink .content .text{container-type:inline-size;font-family:var(--font-secondary)}#trailSearchResultsList .resultItem .detailLink .content .text .region{font-size:var(--font-size-extrasmall);letter-spacing:.2rem;line-height:var(--line-height-extrasmall);text-transform:uppercase}#trailSearchResultsList .resultItem .detailLink .content .text .title{font-size:3rem;font-weight:var(--font-weight-extrabold);line-height:3rem}#trailSearchResultsList .resultItem .detailLink .content .text .subtitle{font-size:var(--font-size-extrasmall);line-height:var(--line-height-extrasmall);margin-top:5px}#trailSearchResultsList .resultItem .detailLink .content .text .stats{container-type:inline-size;display:grid;font-size:var(--font-size-tiny);gap:5px;grid-template-columns:1fr auto;line-height:var(--line-height-small);margin-top:30px}#trailSearchResultsList .resultItem .detailLink .content .text .stats>*{grid-column:1}#trailSearchResultsList .resultItem .detailLink .content .text .stats span{align-items:baseline;display:inline-grid;font-family:var(--font-secondary);font-size:var(--font-size-small);grid-template-columns:65px auto;margin-right:5px}#trailSearchResultsList .resultItem .detailLink .content .text .stats span:before{content:"";height:30px;margin-right:15px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:50px;mask-size:50px;transform:translateY(8px)}#trailSearchResultsList .resultItem .detailLink .content .text .stats .distance,#trailSearchResultsList .resultItem .detailLink .content .text .stats .stages{color:var(--color-primary);font-family:var(--font-primary)}#trailSearchResultsList .resultItem .detailLink .content .text .stats .distance span:before{background-color:var(--color-primary);-webkit-mask-image:url(../../images/portal/icons/trail_50.svg);mask-image:url(../../images/portal/icons/trail_50.svg)}#trailSearchResultsList .resultItem .detailLink .content .text .stats .stages span:before{background-color:var(--color-secondary);-webkit-mask-image:url(../../images/portal/icons/sun_50.svg);mask-image:url(../../images/portal/icons/sun_50.svg)}#trailSearchResultsList .resultItem .detailLink .content .text .stats .moreLink{align-self:end;color:var(--color-primary);display:grid;font-size:var(--font-size-extrasmall);grid-column:2;grid-template-columns:auto 30px;letter-spacing:.2rem;line-height:var(--line-height-extrasmall);text-transform:uppercase}#trailSearchResultsList .resultItem .detailLink .content .text .stats .moreLink:after{background-color:var(--color-primary);content:"";-webkit-mask-image:url(../../images/portal/icons/arrow-right.svg);mask-image:url(../../images/portal/icons/arrow-right.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:30px;mask-size:30px}@container (max-width: 271px){#trailSearchResultsList .resultItem .detailLink .content .text .region{font-size:var(--font-size-tiny)}#trailSearchResultsList .resultItem .detailLink .content .text .stats{grid-template-columns:100%}#trailSearchResultsList .resultItem .detailLink .content .text .stats span:before{flex-basis:35px;height:16px;margin-right:10px;-webkit-mask-size:30px;mask-size:30px;transform:translateY(0)}#trailSearchResultsList .resultItem .detailLink .content .text .stats .moreLink{font-size:var(--font-size-tiny);grid-column:1;justify-self:end;margin-top:5px}}#trailSearchResultsEmpty{padding:20px;text-align:center}#trailSearchResultsEmpty[hidden]{display:none}@container trailSearchResults (max-width: 534px){#searchBox #trailSearchResultsList .resultItem .detailLink{gap:15px;grid-template-columns:60px auto}#searchBox #trailSearchResultsList .resultItem .detailLink .image{align-self:start}#searchBox #trailSearchResultsList .resultItem .detailLink .image img{aspect-ratio:100/100}#searchBox #trailSearchResultsList .resultItem .detailLink .content .text .stats{gap:0;margin-top:15px}}
/*# sourceMappingURL=mod_search.css.map */