.navigating-noise{width:100%}.navigating-noise__header{text-align:center;margin:0 auto 4rem;max-width:82ch}.navigating-noise__title{margin:0 0 1rem}.navigating-noise__subtitle{font-size:1.8rem;color:rgba(var(--color-foreground),.7);margin:0 auto}.navigating-noise__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width: 750px){.navigating-noise__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.navigating-noise__card{position:relative;background:rgba(var(--color-background),1);padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--color-foreground),.2);display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s ease;overflow:hidden;z-index:0}.navigating-noise__card:hover{box-shadow:0 4px 6px #0000001a}.navigating-noise__card--highlighted{border-color:rgba(var(--color-link),1);border-width:2px;background:rgba(var(--color-background),.5);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.navigating-noise__card--highlighted:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:4px solid rgba(var(--color-link),.05);border-radius:.5rem;pointer-events:none;z-index:0}@media screen and (min-width: 750px){.navigating-noise__card--highlighted{transform:translateY(-1rem)}}.navigating-noise__badge{position:absolute;top:0;right:0;background:rgba(var(--color-link),1);color:rgba(var(--color-button-text),1);padding:.25rem .75rem;border-radius:0 0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:1}.navigating-noise__card-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:1rem;position:relative;z-index:1}.navigating-noise__card-icon svg{width:1.5rem;height:1.5rem}.navigating-noise__card-icon--grey{background:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.5)}.navigating-noise__card-icon--blue{background:#3b82f61a;color:#2563eb}.navigating-noise__card--highlighted .navigating-noise__card-icon--blue{background:rgba(var(--color-link),.1);color:rgba(var(--color-link),1)}.navigating-noise__card-title{font-size:2rem;font-weight:700;color:var(--color-foreground);margin:0;font-family:var(--font-heading-family);position:relative;z-index:1}.navigating-noise__card--highlighted .navigating-noise__card-title{color:rgba(var(--color-link),1)}.navigating-noise__card-subtitle{font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin:0;position:relative;z-index:1}.navigating-noise__card--highlighted .navigating-noise__card-subtitle{color:rgba(var(--color-link),.8)}.navigating-noise__card-price{font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin:0;position:relative;z-index:1}.navigating-noise__card--highlighted .navigating-noise__card-price{color:rgba(var(--color-link),.8)}.navigating-noise__card-description{font-size:1.6rem;color:rgba(var(--color-foreground),.6);line-height:1.75;margin:0;flex-grow:1;position:relative;z-index:1}.navigating-noise__card--highlighted .navigating-noise__card-description{color:rgba(var(--color-foreground),.7);font-weight:500}.navigating-noise__card-features{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.navigating-noise__feature{display:flex;align-items:flex-start;gap:.5rem;font-size:1.4rem;color:rgba(var(--color-foreground),.5);line-height:1.5}.navigating-noise__card--highlighted .navigating-noise__feature{color:rgba(var(--color-foreground),.6)}.navigating-noise__feature-icon{width:1.4rem;height:1.4rem;position:relative;top:.2em;flex-shrink:0;margin-top:.125rem;display:flex;align-items:center;justify-content:center}.navigating-noise__feature-icon svg{width:100%;height:100%;display:block}.navigating-noise__feature--positive .navigating-noise__feature-icon{color:#10b981}.navigating-noise__feature--negative .navigating-noise__feature-icon{color:#ef4444}.navigating-noise__feature--warning .navigating-noise__feature-icon{color:#f59e0b}.navigating-noise__feature--neutral .navigating-noise__feature-icon{color:rgba(var(--color-foreground),.4)}.navigating-noise__feature-text{flex:1}@media screen and (max-width: 749px){.navigating-noise__card--highlighted{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-buying-online-navigating-noise.css.map */