.cs-guide{background:#f7f5ef;color:#171a18;min-height:65vh}.cs-guide__hero{position:relative;overflow:hidden;padding:5.5rem 0 6rem;background:#111411;color:#f7f5ef;border-bottom:1px solid #d8b56a42}.cs-guide__hero:after{content:"";position:absolute;width:40rem;height:40rem;border:1px solid #d8b56a2b;border-radius:50%;right:-8rem;top:-22rem;box-shadow:0 0 0 7rem #d8b56a08,0 0 0 14rem #d8b56a05;pointer-events:none}.cs-guide__hero .page-width{position:relative;z-index:1}.cs-guide__crumbs{display:flex;align-items:center;gap:.9rem;color:#9da69c;font-size:1rem;letter-spacing:.06em;margin-bottom:3.5rem}.cs-guide__crumbs a{color:#d8b56a;text-underline-offset:.35rem}.cs-guide__hero .cs-eyebrow{margin-bottom:1.2rem}.cs-guide__hero h1{font-size:clamp(4.2rem,6vw,8rem);line-height:1;letter-spacing:-.06em;color:#f7f5ef;margin:0;max-width:900px}.cs-guide__lede{font-size:1.55rem;line-height:1.7;color:#bbc1b9;max-width:680px;margin:2rem 0 0}.cs-guide__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(5rem,8vw,11rem);align-items:start;padding-top:7rem;padding-bottom:9rem}.cs-guide__body{font-size:1.55rem;line-height:1.8;color:#3f4640;max-width:800px}.cs-guide__body h2{font-size:clamp(2.6rem,3.2vw,4rem);line-height:1.15;letter-spacing:-.045em;color:#171a18;margin:5rem 0 1.6rem}.cs-guide__body h2:first-child{margin-top:0}.cs-guide__body h3{font-size:1.9rem;line-height:1.3;letter-spacing:-.025em;color:#171a18;margin:3.2rem 0 1rem}.cs-guide__body p{margin:0 0 1.7rem}.cs-guide__body ul,.cs-guide__body ol{padding-left:2.2rem;margin:0 0 2.2rem}.cs-guide__body li{padding-left:.4rem;margin-bottom:.8rem}.cs-guide__body a{color:#76591f;text-underline-offset:.4rem}.cs-guide__body details{border-top:1px solid #d8cfbe;padding:1.7rem 0}.cs-guide__body details:last-child{border-bottom:1px solid #d8cfbe}.cs-guide__body summary{cursor:pointer;display:flex;justify-content:space-between;gap:2rem;font-weight:700;color:#171a18;list-style:none}.cs-guide__body summary::-webkit-details-marker{display:none}.cs-guide__body summary:after{content:"+";color:#997433;font-size:1.8rem;font-weight:400}.cs-guide__body details[open] summary:after{content:"\2212"}.cs-guide__body details p{padding:1.4rem 3rem 0 0;margin:0;color:#596059}.cs-guide__aside{position:sticky;top:13rem;padding:2.7rem;border:1px solid #d8ccb6;border-radius:16px;background:#fff;box-shadow:0 24px 60px #382d1610}.cs-guide__aside-label{display:block;color:#8a6931;font-size:.9rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.2rem}.cs-guide__aside h2{font-size:2.4rem;line-height:1.2;letter-spacing:-.035em;margin:0 0 1.2rem}.cs-guide__aside p{font-size:1.25rem;line-height:1.65;color:#626862;margin:0 0 2.2rem}.cs-guide__aside .button{width:100%;background:#171a18;color:#f7f5ef;border-radius:7px;gap:2rem;font-size:1.2rem}.cs-guide__aside .button:after{box-shadow:none}.cs-guide__account{display:flex;justify-content:space-between;gap:1rem;color:#171a18;font-size:1.15rem;text-underline-offset:.4rem;margin-top:1.7rem}@media(max-width:989px){.cs-guide__layout{grid-template-columns:1fr;gap:4rem}.cs-guide__aside{position:static;max-width:620px}.cs-guide__body{max-width:none}}@media(max-width:749px){.cs-guide__hero{padding:4rem 0 4.5rem}.cs-guide__crumbs{margin-bottom:2.5rem}.cs-guide__layout{padding-top:4.5rem;padding-bottom:6rem}.cs-guide__body{font-size:1.45rem}.cs-guide__body h2{margin-top:4rem}.cs-guide__aside{padding:2.2rem;border-radius:14px}}.cs-collection-cards{position:relative;display:block;width:100%;min-width:0;aspect-ratio:1.35;pointer-events:none}.cs-collection-cards__card{position:absolute;top:50%;left:50%;width:42%;height:82%;transform:translate(-50%,-50%) translate(var(--fan-offset, 0%)) rotate(var(--fan-angle, 0deg))}.cs-collection-cards__card img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0006)}.cs-collection-cards--count-2 .cs-collection-cards__card:first-child,.cs-collection-cards--count-3 .cs-collection-cards__card:first-child{--fan-offset: -48%;--fan-angle: -12deg}.cs-collection-cards--count-2 .cs-collection-cards__card:nth-child(2),.cs-collection-cards--count-3 .cs-collection-cards__card:nth-child(2){--fan-offset: 48%;--fan-angle: 12deg}.cs-collection-cards--count-3 .cs-collection-cards__card:last-child{top:54%}.cs-collection-cards--count-1 .cs-collection-cards__card{width:54%;height:90%}.cs-collection-hero.cs-brand--topps,.cs-brand-card.cs-brand--topps{background:radial-gradient(ellipse at 85% 25%,#c7ad7629,transparent 60%),linear-gradient(120deg,#0d211b,#284337);box-shadow:inset 0 0 0 1px #c7ad7638}.cs-collection-hero.cs-brand--topps:before{background:linear-gradient(90deg,#081b165c,transparent 75%)}.cs-collection-hero.cs-brand--topps .cs-collection-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:32px}.cs-collection-hero.cs-brand--topps .cs-collection-hero__breadcrumbs{grid-column:1 / -1}.cs-collection-hero.cs-brand--topps .cs-collection-hero__copy{max-width:none;min-width:0}.cs-collection-cards--hero{max-width:560px;justify-self:center}.cs-brand-card.cs-brand--topps .cs-brand-card__image{padding:8% 5% 5%}.cs-collection-cards--tile{aspect-ratio:1}.cs-collection-cards__fallback{font-family:var(--font-body-family);font-size:clamp(22px,4vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.cs-mega-menu .cs-mega-menu__card.cs-brand--topps{--cs-tone-a: #17352a;--cs-tone-b: #354b35;background:linear-gradient(135deg,var(--cs-tone-a),var(--cs-tone-b))}.cs-collection-cards--menu{height:100%;aspect-ratio:auto}.cs-collection-cards--menu .cs-collection-cards__card{width:100%;height:100%}.cs-mega-menu__logo .cs-collection-cards__fallback{color:#fffaf0;font-size:14px}@media(max-width:749px){.cs-collection-hero.cs-brand--topps .cs-collection-hero__inner{grid-template-columns:minmax(0,1fr);row-gap:12px;padding-bottom:28px}.cs-collection-hero.cs-brand--topps .cs-collection-hero__breadcrumbs{margin-bottom:12px}.cs-collection-hero.cs-brand--topps .cs-collection-hero__copy{min-height:0}.cs-collection-cards--hero{width:min(100%,400px);margin-top:12px}}@media(prefers-reduced-motion:reduce){.cs-brand-card.cs-brand--topps,.cs-mega-menu__card.cs-brand--topps{transition:none}.cs-brand-card.cs-brand--topps:hover,.cs-mega-menu__card.cs-brand--topps:hover{transform:none}}.cs-mega-menu__card{color:#f7f5f0;text-decoration:none}.cs-mega-menu__logo{display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map?subset=AAEAAAAAAIAAAg */
