#MainContent .bb-rewards .bb-rewards__shell{width:min(1280px,calc(100% - 48px))!important;max-width:100%!important;padding:24px 0 32px!important;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"main main main" "earn earn earn" "tiers tiers tiers" "redeem redeem redeem" "leaderboard global activity" "referral referral referral"!important;align-items:start}#MainContent .bb-rewards .bb-rewards__main{display:block!important;min-width:0;grid-area:main}#MainContent .bb-rewards .bb-rewards-hero{display:block;min-height:0!important;height:auto!important;padding:28px;grid-area:auto!important}#MainContent .bb-rewards .bb-rewards-hero__copy{position:relative;width:70%;max-width:100%!important}#MainContent .bb-rewards .bb-rewards-hero h1{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(36px,4.3vw,62px);line-height:1;white-space:normal!important}#MainContent .bb-rewards .bb-rewards-hero h1 span,#MainContent .bb-rewards .bb-rewards-hero h1 strong{display:block}#MainContent .bb-rewards .bb-rewards-hero__copy>p:not(.bb-rewards-eyebrow):not(.bb-rewards-hero__notice){width:100%;font-size:15px;line-height:1.4}#MainContent .bb-rewards .bb-rewards-status{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}#MainContent .bb-rewards .bb-rewards-status>span{min-height:82px;padding:14px;border-right:1px solid #333;border-bottom:0}#MainContent .bb-rewards .bb-rewards-status>span:last-child{border-right:0}#MainContent .bb-rewards .bb-rewards-status small{font-size:10px;line-height:1.4}#MainContent .bb-rewards .bb-rewards-status strong{font-size:clamp(20px,2vw,28px);line-height:1.15;overflow-wrap:anywhere}#MainContent .bb-rewards .bb-rewards-signin{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:14px 0 0;padding:14px;grid-template-columns:minmax(0,1fr) auto!important;gap:16px}#MainContent .bb-rewards .bb-rewards-signin p{display:block;font-size:11px;line-height:1.6}#MainContent .bb-rewards .bb-rewards-signin a{min-height:44px;font-size:10px;box-shadow:none}#MainContent .bb-rewards .bb-rewards-progress{position:relative;inset:auto;width:70%;height:auto;margin:18px 0 0;gap:8px;grid-template-rows:auto 8px auto;align-content:start;text-align:left;font-size:11px}#MainContent .bb-rewards .bb-rewards-progress>div{height:8px}#MainContent .bb-rewards .bb-rewards-progress small{font-size:9px;line-height:1.5}#MainContent .bb-rewards .bb-rewards-hero__link{position:relative;inset:auto;width:220px;max-width:100%!important;margin:12px 0 0;min-height:44px}#MainContent .bb-rewards .bb-rewards-hero__art{top:0;right:0;bottom:0;left:60%;height:auto;opacity:.65;pointer-events:none}#MainContent .bb-rewards :is(.bb-rewards-earn,.bb-rewards-tiers,.bb-rewards-redeem,.bb-rewards-leaderboard,.bb-rewards-global,.bb-rewards-activity,.bb-rewards-referral){padding:20px;min-width:0;align-self:start}#MainContent .bb-rewards h2{font-size:20px;line-height:1.2;margin-bottom:16px}#MainContent .bb-rewards .bb-rewards-earn__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:12px;overflow:visible!important}#MainContent .bb-rewards .bb-rewards-earn__item{min-height:0;grid-template-columns:40px minmax(0,1fr);align-items:start;padding:14px;gap:12px;text-align:left;justify-items:stretch}#MainContent .bb-rewards .bb-rewards-earn__item>span:not(.bb-rewards-icon){display:grid;gap:6px;justify-items:start;min-width:0}#MainContent .bb-rewards .bb-rewards-earn__item:has(>button){grid-template-columns:40px minmax(0,1fr)}#MainContent .bb-rewards .bb-rewards-earn__item>button{grid-column:2;justify-self:start;min-height:44px;font-size:10px}#MainContent .bb-rewards .bb-rewards-earn__item strong{font-size:15px}#MainContent .bb-rewards .bb-rewards-earn__item small{font-size:11px;line-height:1.6}#MainContent .bb-rewards .bb-rewards-earn__item em{display:block;font-size:10px}#MainContent .bb-rewards .bb-rewards-earn>.bb-rewards-text-link{display:flex}#MainContent .bb-rewards :is(.bb-rewards-tiers__track,.bb-rewards-redeem__track){grid-auto-flow:row;overflow:visible!important;contain:none;gap:12px}#MainContent .bb-rewards .bb-rewards-tiers__track{grid-template-columns:repeat(6,minmax(0,1fr))}#MainContent .bb-rewards .bb-rewards-redeem__track{grid-template-columns:repeat(7,minmax(0,1fr))}#MainContent .bb-rewards .bb-rewards-tier{min-height:0;padding:18px;text-align:left}#MainContent .bb-rewards .bb-rewards-tier:after{display:none}#MainContent .bb-rewards .bb-rewards-tier h3{font-size:19px;line-height:1.2}#MainContent .bb-rewards .bb-rewards-tier p{font-size:10px;line-height:1.5}#MainContent .bb-rewards .bb-rewards-tier div{font-size:11px;line-height:1.75}#MainContent .bb-rewards .bb-reward-card{min-height:0;padding:18px;align-content:start;gap:8px;grid-template-rows:auto auto auto 1fr auto}#MainContent .bb-rewards .bb-reward-card h3{font-size:16px;max-width:none;margin:0}#MainContent .bb-rewards .bb-reward-card__detail{font-size:11px;line-height:1.6}#MainContent .bb-rewards .bb-reward-card button{min-height:44px;font-size:11px}#MainContent .bb-rewards .bb-rewards-status-message:empty{display:none}#MainContent .bb-rewards .bb-rewards-text-link{font-size:10px;min-height:44px}#MainContent .bb-rewards .bb-rewards-referral p{font-size:11px;line-height:1.6}@media(max-width:1099px){#MainContent .bb-rewards .bb-rewards-tiers__track{grid-template-columns:repeat(3,minmax(0,1fr))}#MainContent .bb-rewards .bb-rewards__shell{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"main main" "earn earn" "tiers tiers" "redeem redeem" "leaderboard global" "activity activity" "referral referral"!important}#MainContent .bb-rewards .bb-rewards-hero__copy,#MainContent .bb-rewards .bb-rewards-progress{width:100%}#MainContent .bb-rewards .bb-rewards-hero__art{opacity:.22}#MainContent .bb-rewards .bb-rewards-redeem__track{grid-template-columns:repeat(3,minmax(0,1fr))}}#MainContent .bb-rewards .bb-rewards-tier-navigation{display:none}#MainContent .bb-rewards [hidden]{display:none!important}@media(max-width:749px){#MainContent .bb-rewards .bb-rewards-tiers__track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:280px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#555 #080808}#MainContent .bb-rewards .bb-rewards-tier{scroll-snap-align:start;position:relative;background:#050505;padding:18px;min-width:0}#MainContent .bb-rewards .bb-rewards-tier:before{content:attr(data-rank);display:block;position:static;font:10px/1.5 monospace;letter-spacing:1px;color:#b7c4cf;margin-bottom:14px}#MainContent .bb-rewards .bb-rewards-tier:last-child{border-color:#8fabc0}#MainContent .bb-rewards .bb-rewards-tier-navigation{display:flex;align-items:center;gap:8px;margin:-4px 0 14px}#MainContent .bb-rewards .bb-rewards-tier-navigation span{flex:1;font:10px/1.5 monospace;letter-spacing:1px;color:#b7c4cf}#MainContent .bb-rewards .bb-rewards-tier-navigation button,#MainContent .bb-rewards .bb-rewards-more{background:#050505;color:#fff;border:1px solid #353535;min-height:44px;padding:10px 16px;cursor:pointer}#MainContent .bb-rewards .bb-rewards-tier-navigation button:disabled{opacity:.3;cursor:default}#MainContent .bb-rewards .bb-rewards-more{display:block;width:100%;margin:12px 0;font:11px/1.5 monospace;letter-spacing:1px}#MainContent .bb-rewards :is(.bb-rewards-more,.bb-rewards-tier-navigation button,.bb-rewards-tiers__track):focus-visible{outline:2px solid #29a5ff;outline-offset:3px}#MainContent .bb-rewards .bb-rewards-tiers__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2)}}@media(max-width:749px){#MainContent .bb-rewards .bb-rewards__shell{width:100%!important;padding:12px 14px 24px!important;gap:12px;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "earn" "tiers" "redeem" "leaderboard" "activity" "global" "referral"!important;overflow:visible!important}#MainContent .bb-rewards .bb-rewards-hero{grid-area:auto!important;padding:20px;align-content:start}#MainContent .bb-rewards .bb-rewards-hero h1{font-size:clamp(32px,8.5vw,46px);line-height:1.05}#MainContent .bb-rewards .bb-rewards-hero__art{inset:0 -30px auto 45%;height:190px;opacity:.2}#MainContent .bb-rewards .bb-rewards-status{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}#MainContent .bb-rewards .bb-rewards-status>span{padding:12px;min-height:74px;border-bottom:1px solid #333}#MainContent .bb-rewards .bb-rewards-status>span:nth-child(2n){border-right:0}#MainContent .bb-rewards .bb-rewards-status>span:nth-last-child(-n+2){border-bottom:0}#MainContent .bb-rewards .bb-rewards-status strong{font-size:23px}#MainContent .bb-rewards .bb-rewards-signin{grid-template-columns:minmax(0,1fr)!important;gap:10px;padding:12px}#MainContent .bb-rewards .bb-rewards-signin>div{flex-wrap:wrap}#MainContent .bb-rewards .bb-rewards-hero__link{width:100%}#MainContent .bb-rewards :is(.bb-rewards-earn,.bb-rewards-tiers,.bb-rewards-redeem,.bb-rewards-leaderboard,.bb-rewards-global,.bb-rewards-activity,.bb-rewards-referral){padding:16px}#MainContent .bb-rewards .bb-rewards-earn__list{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto}#MainContent .bb-rewards .bb-rewards-redeem__track{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}#MainContent .bb-rewards .bb-rewards-tier,#MainContent .bb-rewards .bb-reward-card{padding:13px}#MainContent .bb-rewards .bb-rewards-tier h3{font-size:17px}#MainContent .bb-rewards .bb-rewards-tier div{font-size:10px;line-height:1.7}#MainContent .bb-rewards .bb-rewards-referral{grid-template-columns:minmax(0,1fr)}#MainContent .bb-rewards .bb-reward-card:last-child:nth-child(odd){grid-column:1/-1}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/bb-rewards-layout.css.map */