.shop-by-interest{background:#000;padding-bottom:4rem}.shop-by-interest__header,.shop-by-interest__header h2{position:relative}.shop-by-interest__header-bg img{display:block;width:auto;height:auto;object-fit:cover;object-position:bottom center;min-height:12rem;max-height:26rem;width:100%}.shop-by-interest__header-fg{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.shop-by-interest__header-fg>h1{color:#fff;font-size:clamp(4rem,8vw,8rem);letter-spacing:.3em;text-shadow:0 0 1rem #900,0 0 2rem #900,0 0 3rem #900;white-space:nowrap}.shop-by-interest__column-header{position:relative;z-index:2}.shop-by-interest__column-header h2{margin:0;color:#fff;text-align:center;padding:2rem 0;margin-bottom:.5rem;line-height:1.3;font-size:4.4rem;text-shadow:0 0 4px #000}.shop-by-interest__column-header:before{content:"";position:absolute;top:calc(50% - 1px);left:0;width:100%;height:6px;background:#900;z-index:-1;border-radius:1rem}.shop-by-interest__column-header h2:before,.shop-by-interest__column-header h2:after{position:absolute;top:50%;left:50%;z-index:-1;color:#900c;text-shadow:none}.shop-by-interest__column-header h2:before{transform:translate(-62%,-75%);animation:flicker1 2s infinite}.shop-by-interest__column-header h2:after{transform:translate(-38%,-25%);animation:flicker1 2s .5s reverse infinite}@media (prefers-reduced-motion: reduce){.shop-by-interest__column-header h2:before,.shop-by-interest__column-header h2:after{animation:none}}@keyframes flicker1{0%{opacity:.84}5%{opacity:.95}10%{opacity:.76}15%{opacity:.85}32%{opacity:.75;margin:0}30%{opacity:1;margin-left:-1px}34%{opacity:1;margin:0}40%{opacity:.75}45%{opacity:1}50%{opacity:1;margin-right:0}58%{opacity:1;margin-right:0}60%{opacity:.85;margin-left:-1px}62%{opacity:1;margin-right:0}70%{opacity:.65}75%{opacity:1}to{opacity:1}}.sbi-title__lighter:before,.sbi-title__lighter:after{content:"Lighter"}.sbi-title__darker:before,.sbi-title__darker:after{content:"Darker"}.sbi-title__fangear:before,.sbi-title__fangear:after{content:"FanGear"}.shop-by-interest__content{margin:0 auto;max-width:44rem;color:#fff}.shop-by-interest__listing{border:2px solid pink}.shop-by-interest__list{display:none}.shop-by-interest__list--expanded,.no-js .shop-by-interest__list{display:block}.no-js .shop-by-interest__explore-button{display:none}.shop-by-interest__explore-button{background:none;border:none;width:100%;display:block;text-align:center;text-transform:uppercase;font-size:1.8rem;letter-spacing:.7rem;padding:.75rem;color:#fff;cursor:pointer;margin:1rem 0 3rem;line-height:1.666;font-weight:400;font-family:var(--font-heading-family);background:#000;box-shadow:0 1rem 1rem -1.125rem red,0 -1rem 1rem -1.125rem red}.shop-by-interest__explore-button span{display:block;font-size:1.2rem;letter-spacing:.3rem;font-family:var(--font-body-family);text-transform:none}@media (min-width: 990px){.shop-by-interest__list{display:block}.shop-by-interest__explore-button{display:none}.shop-by-interest__content{display:grid;grid-gap:2rem;grid-template-columns:repeat(3,1fr);margin:0;max-width:unset}}.shop-by-interest__list>li{display:grid;grid-template-columns:12rem 1fr;grid-gap:3rem;position:relative;margin:0 0 2rem;background:#282828 linear-gradient(to right,#000,transparent);border-radius:.6rem;overflow:hidden;transition:background-color .3s ease}.shop-by-interest__list>li:hover{background-color:#600}.shop-by-interest__list>li:hover img{transform:scale(1.14) translate(10px);filter:brightness(1.3) saturate(1.2)}.shop-by-interest__list>li img{display:block;height:100%;width:100%;max-width:12rem;object-position:0 0;object-fit:cover;margin-right:2rem;transition:transform .4s ease,filter .4s ease}.shop-by-interest__list>li a{display:flex;align-items:center;line-height:1.2;color:#fff;padding:.4rem 2rem .4rem 0;text-decoration:none;font-size:1.6rem;font-size:clamp(1.5rem,1.5vw,1.8rem);font-weight:700;text-transform:uppercase}.shop-by-interest__list>li a:hover{text-decoration:underline}.shop-by-interest__list>li a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-shop-by-interest.css.map */