.listicle-section{background:#f3f2ee}.listicle{--ink: #0a0b0d;--muted: #5c6570;--paper: #f3f2ee;--blue: #38b6ff;--line: rgba(10, 11, 13, .12);background:var(--paper);color:var(--ink);padding:clamp(1.75rem,1.2rem + 2vw,3.25rem) 0 clamp(4rem,3rem + 3vw,6rem);border-top:3px solid var(--blue)}.template-suffix-enraged-listicle{background:#f3f2ee}.listicle__wrap{width:min(72rem,calc(100% - clamp(1.25rem,5vw,3.5rem)));margin-inline:auto}.listicle__hero{display:grid;gap:clamp(1.5rem,3vw,2.75rem);align-items:end}.listicle__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin:0 0 1rem;color:var(--blue);font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.listicle__kicker:before{content:"";width:1.6rem;height:2px;background:var(--blue)}.listicle__title{margin:0;max-width:16ch;color:var(--ink);font-size:clamp(2.6rem,1.15rem + 4.6vw,5.15rem);font-stretch:68%;font-weight:840;line-height:.86;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.listicle__intro{max-width:38rem;margin-top:1.35rem;color:var(--muted);font-size:1.02rem;line-height:1.65}.listicle__intro>*+*{margin-top:.9rem}.listicle__intro p:first-child{color:var(--ink);font-size:1.2rem;font-weight:560;line-height:1.45}.listicle__figure{position:relative;margin:0}.listicle__photo{display:block;width:100%;height:auto;border-radius:2px;background:#e6e3dc}.listicle__hero-media .listicle__photo{aspect-ratio:4 / 5;object-fit:cover;object-position:center 18%}.listicle__caption{position:absolute;left:.7rem;bottom:.7rem;max-width:calc(100% - 1.4rem);margin:0;padding:.4rem .6rem;background:#0a0b0dd6;color:#f5f6f7;font-size:.68rem;font-weight:750;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.listicle__reason{display:grid;gap:clamp(1.35rem,2vw,2.5rem);margin-top:clamp(2.75rem,4vw,4.5rem);padding-top:clamp(2.75rem,4vw,4.5rem);border-top:1px solid var(--line)}.listicle__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .9rem;align-items:end;margin-bottom:1.1rem}.listicle__num{margin:0;color:var(--blue);font-size:clamp(2.35rem,1.6rem + 1.6vw,3.35rem);font-stretch:62%;font-weight:840;line-height:.75;letter-spacing:-.04em}.listicle__heading{margin:0;color:var(--ink);font-size:clamp(1.7rem,1.15rem + 1.7vw,2.85rem);font-stretch:74%;font-weight:820;line-height:.92;text-transform:uppercase;text-wrap:balance}.listicle__body{max-width:38rem;color:#1c2128;font-size:1.05rem;line-height:1.7}.listicle__body>*+*{margin-top:.95rem}.listicle__photos{display:grid;gap:.65rem;margin:0}.listicle__photos--pair{grid-template-columns:1fr 1fr;gap:.55rem}.listicle__photos .listicle__photo{aspect-ratio:1;object-fit:cover}.listicle__photos:not(.listicle__photos--pair) .listicle__photo{aspect-ratio:4 / 5;object-position:center 30%}.listicle__cta.button{--btn-bg: var(--blue);--btn-fg: #04070a;--btn-bd: var(--blue);width:fit-content;max-width:100%;margin-top:1.25rem}.listicle__cta.button:hover{--btn-bg: #0a0b0d;--btn-fg: #f5f6f7;--btn-bd: #0a0b0d}.listicle__recommend{display:grid;margin-top:clamp(2.75rem,4vw,4.5rem);overflow:hidden;border-radius:2px;background:#0a0b0d;color:#f5f6f7}.listicle__recommend-media{background:#14161a}.listicle__recommend .listicle__photo{border-radius:0;aspect-ratio:1;object-fit:cover;background:#14161a}.listicle__recommend-copy{padding:clamp(1.35rem,2.5vw,2.6rem)}.listicle__recommend .listicle__heading,.listicle__product-title{color:#f5f6f7;font-size:clamp(1.85rem,1.2rem + 1.5vw,2.7rem)}.listicle__price{margin-top:.85rem;color:#f5f6f7;font-size:1.55rem;font-weight:780}.listicle__price .e-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem}.listicle__price .e-price__compare{color:#f5f6f780;font-size:1rem;font-weight:500}.listicle__components{display:grid;gap:0;margin:1.25rem 0 0;padding:0;list-style:none}.listicle__components li{position:relative;display:grid;gap:.15rem;padding:.7rem 0 .7rem 1rem;border-top:1px solid rgba(245,246,247,.14)}.listicle__components li:before{content:"";position:absolute;top:1.05rem;left:0;width:.38rem;height:.38rem;background:var(--blue)}.listicle__components strong{color:#f5f6f7;font-size:.95rem;font-weight:680}.listicle__components span,.listicle__note{color:#f5f6f79e;font-size:.875rem;line-height:1.5}.listicle__note{margin:.9rem 0 0}.listicle__recommend .listicle__cta.button{margin-top:1.35rem}.listicle__reviews{margin:.9rem 0 0}.listicle__reviews a{color:var(--blue);font-size:.92rem;font-weight:700;text-underline-offset:.18em}.listicle__safety{max-width:40rem;margin-top:clamp(2rem,4vw,3.25rem);color:var(--muted);font-size:.95rem;line-height:1.65}.listicle__safety h2{margin:0 0 .55rem;color:var(--ink);font-size:.72rem;font-stretch:100%;font-weight:750;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.listicle__safety p{margin:0}.listicle-sticky{position:fixed;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:#0a0b0d;color:#f5f6f7;box-shadow:0 -16px 40px #00000038}.listicle-sticky[hidden]{display:none}.listicle-sticky .e-price__current{color:#f5f6f7}.listicle-sticky .e-price__compare{color:#f5f6f780}.listicle-sticky .listicle__cta.button{width:auto;min-height:2.75rem;margin:0;padding-inline:1rem}.listicle-sticky__price{min-width:0;font-size:1.05rem;font-weight:760}@media(max-width:749px){.listicle{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom))}.listicle__cta.button{width:100%}.listicle-sticky .listicle__cta.button{width:auto}.listicle__photos--pair .listicle__caption{left:.4rem;bottom:.4rem;padding:.3rem .4rem;letter-spacing:.08em}}@media(min-width:750px){.listicle__hero{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.9fr);column-gap:clamp(2rem,4vw,4.5rem)}.listicle__reason{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(2rem,4vw,4.75rem);align-items:center}.listicle__reason:not(:has(.listicle__photos)){grid-template-columns:minmax(0,42rem)}.listicle__reason>.listicle__copy{order:1}.listicle__reason>.listicle__photos{order:2}.listicle__reason--flip>.listicle__copy{order:2}.listicle__reason--flip>.listicle__photos{order:1}.listicle__recommend{grid-template-columns:minmax(16rem,.86fr) minmax(0,1.14fr);align-items:stretch}.listicle__recommend-media .listicle__photo{height:100%}.listicle-sticky{display:none}}@media(prefers-reduced-motion:reduce){.listicle__cta .icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/listicle.css.map */