.blog-pillar-spotlight[data-bg=white]{background-color:rgb(var(--color-neutral-white))}.blog-pillar-spotlight[data-bg=warm-white]{background-color:rgb(var(--color-brand-warm-white))}.blog-pillar-spotlight[data-bg=sky]{background-color:rgb(var(--color-brand-sky))}.blog-pillar-spotlight[data-bg=peach]{background-color:rgb(var(--color-brand-peach))}.blog-pillar-spotlight[data-bg=gold-tint]{background-color:rgb(var(--color-brand-gold-tint))}.blog-pillar-spotlight[data-bg=pink]{background-color:rgb(var(--color-brand-pink))}.blog-pillar-spotlight{margin-bottom:-1px}.blog-pillar-spotlight__inner{padding-bottom:var(--space-lg)}.blog-pillar-spotlight__heading{margin:0 0 var(--space-lg);color:rgb(var(--color-brand-primary))}.blog-pillar-spotlight__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin:0;padding:0;list-style:none}.blog-pillar-spotlight__item{display:flex;min-width:0}.blog-pillar-spotlight__tile{display:flex;flex-direction:column;width:100%;background-color:var(--sig-card-bg);color:rgb(var(--color-brand-primary));border:1px solid var(--sig-border, rgba(var(--color-brand-primary), .08));border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.blog-pillar-spotlight__tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-pillar-spotlight__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.blog-pillar-spotlight__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background-image:linear-gradient(135deg,var(--sig-media-a),var(--sig-media-b))}.blog-pillar-spotlight__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-pillar-spotlight__placeholder{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:46%;display:block}.blog-pillar-spotlight__placeholder-wave{fill:var(--sig-wave);opacity:.9}.blog-pillar-spotlight__placeholder-dot{fill:var(--sig-dot, rgba(var(--color-neutral-white), .55))}.blog-pillar-spotlight__body{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;padding:var(--space-md) var(--space-md) var(--space-sm);background:var(--sig-body-bg, transparent);border-top:var(--sig-bar, 0) solid var(--sig-bar-color, transparent)}.blog-pillar-spotlight__kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--sig-kicker)}.blog-pillar-spotlight__title{margin:0;line-height:1.1;color:var(--sig-title)}.blog-pillar-spotlight__verdict{color:var(--sig-verdict);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-pillar-spotlight__verdict p{margin:0}.blog-pillar-spotlight__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);background-color:var(--sig-foot-bg);color:var(--sig-foot-ink)}.blog-pillar-spotlight__count{color:var(--sig-count, currentColor)}.blog-pillar-spotlight__shop{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-left:auto;color:var(--sig-foot-ink);text-decoration:none}.blog-pillar-spotlight__shop:hover,.blog-pillar-spotlight__shop:focus-visible{text-decoration:underline}.blog-pillar-spotlight__shop .icon-arrow-right{width:auto;height:.9em}.blog-pillar-spotlight__tile--dino{--sig-card-bg: rgb(var(--color-neutral-white));--sig-media-a: rgb(var(--color-brand-coral));--sig-media-b: rgb(var(--color-brand-peach));--sig-wave: rgb(var(--color-neutral-white));--sig-bar: 4px;--sig-bar-color: rgb(var(--color-brand-coral));--sig-kicker: rgba(var(--color-brand-primary), .65);--sig-title: rgb(var(--color-brand-primary));--sig-verdict: rgba(var(--color-brand-primary), .82);--sig-foot-bg: rgb(var(--color-brand-peach));--sig-foot-ink: rgb(var(--color-brand-primary));--sig-count: rgba(var(--color-brand-primary), .6)}.blog-pillar-spotlight__tile--babyshark{--sig-card-bg: rgb(var(--color-neutral-white));--sig-media-a: rgb(var(--color-brand-blue-mid));--sig-media-b: rgb(var(--color-brand-sky));--sig-wave: rgb(var(--color-neutral-white));--sig-bar: 4px;--sig-bar-color: rgb(var(--color-brand-blue-mid));--sig-kicker: rgba(var(--color-brand-primary), .65);--sig-title: rgb(var(--color-brand-primary));--sig-verdict: rgba(var(--color-brand-primary), .82);--sig-foot-bg: rgb(var(--color-brand-sky));--sig-foot-ink: rgb(var(--color-brand-primary));--sig-count: rgba(var(--color-brand-primary), .6)}.blog-pillar-spotlight__tile--nick{--sig-card-bg: rgb(var(--color-neutral-white));--sig-media-a: rgb(var(--color-brand-orange));--sig-media-b: rgb(var(--color-brand-peach));--sig-wave: rgb(var(--color-neutral-white));--sig-bar: 4px;--sig-bar-color: rgb(var(--color-brand-orange));--sig-kicker: rgba(var(--color-brand-primary), .65);--sig-title: rgb(var(--color-brand-primary));--sig-verdict: rgba(var(--color-brand-primary), .82);--sig-foot-bg: rgb(var(--color-brand-peach));--sig-foot-ink: rgb(var(--color-brand-primary));--sig-count: rgba(var(--color-brand-primary), .6)}.blog-pillar-spotlight__tile--spongebob{--sig-card-bg: rgb(var(--color-brand-gold-tint));--sig-border: rgba(var(--color-brand-gold), .35);--sig-media-a: rgb(var(--color-brand-gold));--sig-media-b: rgb(var(--color-brand-gold-tint));--sig-wave: rgb(var(--color-brand-gold-tint));--sig-dot: rgba(var(--color-neutral-white), .7);--sig-body-bg: linear-gradient(rgb(var(--color-brand-gold-tint)), color-mix(in srgb, rgb(var(--color-brand-gold)) 30%, rgb(var(--color-brand-gold-tint))));--sig-kicker: rgb(var(--color-brand-gold-ink));--sig-title: rgb(var(--color-brand-gold-ink));--sig-verdict: rgba(var(--color-brand-gold-ink), .9);--sig-foot-bg: color-mix(in srgb, rgb(var(--color-brand-gold)) 55%, rgb(var(--color-brand-gold-tint)));--sig-foot-ink: rgb(var(--color-brand-gold-ink));--sig-count: rgba(var(--color-brand-gold-ink), .75)}.blog-pillar-spotlight__tile--occasion{--sig-card-bg: rgb(var(--color-brand-gold-tint));--sig-border: rgba(var(--color-brand-gold), .22);--sig-media-a: color-mix(in srgb, rgb(var(--color-brand-gold)) 60%, rgb(var(--color-brand-gold-tint)));--sig-media-b: rgb(var(--color-brand-gold-tint));--sig-wave: rgb(var(--color-brand-gold-tint));--sig-dot: rgba(var(--color-neutral-white), .8);--sig-body-bg: linear-gradient(rgb(var(--color-brand-gold-tint)), color-mix(in srgb, rgb(var(--color-brand-gold)) 18%, rgb(var(--color-brand-gold-tint))));--sig-kicker: rgb(var(--color-brand-gold-ink));--sig-title: rgb(var(--color-brand-gold-ink));--sig-verdict: rgba(var(--color-brand-gold-ink), .9);--sig-foot-bg: color-mix(in srgb, rgb(var(--color-brand-gold)) 28%, rgb(var(--color-brand-gold-tint)));--sig-foot-ink: rgb(var(--color-brand-gold-ink));--sig-count: rgba(var(--color-brand-gold-ink), .75)}.blog-pillar-spotlight__tile--robotryx{--sig-card-bg: rgb(var(--color-brand-robotryx-dark));--sig-border: rgba(var(--color-brand-blue-arc), .22);--sig-media-a: rgb(var(--color-brand-robotryx-dark));--sig-media-b: rgb(var(--color-brand-deep-slate));--sig-wave: rgb(var(--color-brand-deep-slate));--sig-dot: rgba(var(--color-brand-blue-arc), .32);--sig-kicker: rgb(var(--color-brand-blue-arc));--sig-title: rgb(var(--color-neutral-white));--sig-verdict: rgba(var(--color-text-on-dark), .72);--sig-foot-bg: rgb(var(--color-brand-deep-slate));--sig-foot-ink: rgb(var(--color-brand-circuit-green));--sig-count: rgba(var(--color-text-on-dark), .55)}.blog-pillar-spotlight__tile--robotryx .blog-pillar-spotlight__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,rgb(var(--color-brand-blue-arc)),rgb(var(--color-brand-circuit-green)),transparent);box-shadow:0 0 14px rgb(var(--color-brand-blue-arc))}@media screen and (min-width:750px){.blog-pillar-spotlight__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.blog-pillar-spotlight__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gutter)}}@media(prefers-reduced-motion:reduce){.blog-pillar-spotlight__tile{transition:none}.blog-pillar-spotlight__tile:hover{transform:none}}.blog-pillar-spotlight.gradient{padding-top:var(--space-md)}@media screen and (min-width:750px){.blog-pillar-spotlight.gradient{padding-top:var(--space-lg)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-blog-pillar-spotlight.css.map */