.ricochet-navigation-page{--navigation-accent: rgb(var(--btn-alt-bg-color));--navigation-border: rgba(var(--text-color) / .16);--navigation-muted: rgba(var(--text-color) / .68);min-width:0;padding-block:clamp(16px,2vw,24px) clamp(32px,5vw,56px)}.ricochet-navigation-page__breadcrumbs{margin-bottom:12px;color:var(--navigation-muted);font-size:1.4rem}.ricochet-navigation-page__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ricochet-navigation-page__breadcrumbs li+li:before{content:"/";margin-inline-end:8px;color:rgba(var(--text-color) / .38)}.ricochet-navigation-page__hero{max-width:920px;margin-bottom:18px}.ricochet-navigation-page__hero .page__title{max-width:30ch;margin:0 0 8px;font-size:clamp(2.4rem,2.3vw,3.2rem)!important;line-height:1.15;text-align:start!important;overflow-wrap:anywhere}.ricochet-navigation-page__intro{max-width:720px;margin:0;color:var(--navigation-muted);font-size:clamp(1.6rem,1.4vw,1.9rem);line-height:1.55}.ricochet-navigation-browser{min-width:0;margin-bottom:clamp(32px,4vw,48px);padding:16px 0 0;border-top:3px solid var(--navigation-accent)}.ricochet-navigation-browser__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:20px 32px;align-items:end;margin-bottom:18px}.ricochet-navigation-browser__header>*,.ricochet-navigation-filter,.ricochet-navigation-filter .input{min-width:0}.ricochet-navigation-browser__header h2{margin:0;font-size:clamp(1.8rem,1.8vw,2.4rem);letter-spacing:.02em;text-transform:uppercase}.ricochet-navigation-filter{display:grid;gap:7px;margin:0;font-size:1.3rem;font-weight:750}.ricochet-navigation-filter .input{width:100%;min-height:48px;padding-inline:16px;border-radius:7px;background:rgb(var(--bg-color));font-size:1.6rem}.ricochet-navigation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid var(--navigation-border);border-inline-start:1px solid var(--navigation-border);list-style:none}.ricochet-navigation-empty{padding:18px;border:1px solid var(--navigation-border);background:rgba(var(--text-color) / .035)}.ricochet-navigation-empty p{margin:0 0 12px}.ricochet-navigation-empty button{min-height:44px}.ricochet-navigation-grid>li{min-width:0;border-inline-end:1px solid var(--navigation-border);border-bottom:1px solid var(--navigation-border)}.ricochet-navigation-grid__link{display:flex;min-height:50px;align-items:center;padding:11px 13px;color:rgb(var(--text-color));font-size:1.5rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .15s ease,color .15s ease}.ricochet-navigation-grid__link:hover{background:rgba(var(--btn-alt-bg-color) / .1);color:var(--navigation-accent)}.ricochet-navigation-grid__link:focus-visible{position:relative;z-index:1;outline:3px solid var(--navigation-accent);outline-offset:-3px}.ricochet-navigation-groups{display:grid;gap:22px}.ricochet-navigation-group{min-width:0}.ricochet-navigation-group h3{margin:0;padding:9px 12px;border:1px solid var(--navigation-border);border-bottom:0;background:rgba(var(--text-color) / .055);font-size:clamp(1.6rem,1.4vw,2rem)}.ricochet-navigation-group .ricochet-navigation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ricochet-navigation-group .ricochet-navigation-grid__link{min-height:46px;font-size:1.45rem}.ricochet-navigation-page .page__content{max-width:860px;margin:clamp(34px,5vw,60px) auto 0;color:var(--navigation-muted)}.ricochet-navigation-page .page__content>:first-child{margin-top:0}.ricochet-navigation-page .page__content h2{color:rgb(var(--heading-color));font-size:clamp(1.4rem,2.2vw,2rem)}.ricochet-navigation-help{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:clamp(38px,6vw,70px);padding:clamp(22px,3vw,34px);padding-inline:0;border-top:1px solid var(--navigation-border);border-bottom:1px solid var(--navigation-border);color:rgb(var(--text-color))}.ricochet-navigation-help h2,.ricochet-navigation-help p{margin:0;color:inherit}.ricochet-navigation-help h2{margin-bottom:5px;font-size:clamp(2rem,2vw,2.7rem)}.ricochet-navigation-help .btn{flex:0 0 auto;--btn-bg-color: var(--btn-alt-bg-color);--btn-bg-hover-color: var(--btn-alt-bg-color);--btn-text-color: var(--btn-alt-text-color)}@media(max-width:959px){.ricochet-navigation-grid,.ricochet-navigation-group .ricochet-navigation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.ricochet-navigation-browser__header{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.ricochet-navigation-browser__header>div{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ricochet-navigation-grid,.ricochet-navigation-group .ricochet-navigation-grid{grid-template-columns:1fr}.ricochet-navigation-help{align-items:stretch;flex-direction:column}.ricochet-navigation-help .btn{width:100%}}@media(prefers-reduced-motion:reduce){.ricochet-navigation-grid__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ricochet-navigation-page.css.map */