.benefits-table{display:flex;margin:auto;max-width:960px;padding:5px}.benefits-table .col-title{display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:5px;text-align:center}.benefits-table .col-title .icon{flex:0 0 25px;margin-left:-25px}.benefits-table .col-title .col-title{font-weight:700;text-transform:uppercase}.benefits-table .col-title .subtitle{flex:0 0 100%;font-size:16px}.col-labels div:not(title),.data-col>div{align-content:center}.col-labels,.data-col{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px}.col-labels{flex:0 0 40%;text-align:left;font-weight:700}.data-col{flex:0 0 20%}.col-labels div:not(title){padding-left:25px}.item-title{display:flex}.benefit-item .line{flex:1}.benefit-item .line span{display:block}.benefit-item .line span.subtitle{font-size:16px}.col-newcomer .icon svg,.col-newcomer svg{fill:#549f4a}.col-premium .icon svg,.col-premium svg{fill:#4d9b9a}.col-platinum .icon svg,.col-platinum svg{fill:#e1a423}.early-access,.premium-products,.birthday-rewards{background-color:#dfeddc}@media screen and (max-width: 575.9px){.benefits-table{flex-direction:column;gap:25px}.data-col{padding:10px}.col-labels{display:none}.col-newcomer{border:2px solid #549f4a}.col-premium{border:2px solid #4d9b9a}.col-platinum{border:2px solid #e1a423}.benefit-item,.benefit-item:before{font-size:16px}.benefit-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:5px}.benefit-item .line span.subtitle{font-size:14px}.benefit-item:before{display:block;flex:0 0 75%;text-align:left;font-weight:700}.early-access:before{content:"Early access to sales"}.five-off:before{content:"$5 off for every 200 points earned"}.premium-products:before{content:"Redeem points for premium products"}.points-earned:before{content:"Points earned per dollar spent"}.birthday-rewards:before{content:"Birthday Rewards"}.refer-friend:before{content:"Refer a Friend"}}@media screen and (min-width: 576px){.benefits-table{padding:25px;background-color:#edf5ee}.col-labels div:not(title),.data-col>div{height:55px}}@media screen and (min-width: 576px) and (max-width: 767.9px){.col-labels div:not(title),.data-col>div{font-size:14px}}.mbr{font-size:80%;padding:0 20px;text-align:left;max-width:960px;margin:15px auto 0}@media (max-width: 966px){.mbr{padding:0 15px}}.mbr sup{display:inline-block;margin-right:3px}.mbr p{margin-top:0;margin-bottom:5px}.mbr p:last-of-type{margin-bottom:25px}
/*# sourceMappingURL=/cdn/shop/t/50/assets/shoplift-benefits-table.scss.css.map */