.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview{grid-auto-columns:calc((100% - 8px) / 1.35);grid-template-rows:143px 38px 298px;gap:8px;padding-inline:20px;padding-bottom:20px;scroll-padding-inline:20px}.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview .loyalty-lion__skeleton-part{height:100%;scroll-snap-align:start}@media screen and (min-width:750px){.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview{grid-auto-columns:calc((100% - 8px) / 2.35);padding-inline:40px;padding-bottom:40px;scroll-padding-inline:40px}}@media screen and (min-width:990px){.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview{grid-auto-columns:calc((100% - 16px) / 3.35);grid-template-rows:187px 42px 326px;gap:16px}}@media screen and (min-width:1200px){.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:187px 42px 362px;padding-inline:0;padding-bottom:0;scroll-padding-inline:0}}@media screen and (max-width:1199px){.loyalty-lion__skeleton.loyalty-lion__skeleton--tier-overview{grid-template-columns:none;grid-auto-flow:column;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x proximity}}.loyalty-tier-overview #loyaltylion{width:100%;font-family:var(--font-body-family)}.loyalty-tier-overview #loyaltylion .lion-tier-overview{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 8px) / 1.35);gap:8px}@media screen and (min-width:750px){.loyalty-tier-overview #loyaltylion .lion-tier-overview{grid-auto-columns:calc((100% - 8px) / 2.35)}}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-overview{grid-auto-columns:calc((100% - 16px) / 3.35);gap:16px}}@media screen and (min-width:1200px){.loyalty-tier-overview #loyaltylion .lion-tier-overview{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto}}@media screen and (max-width:1199px){.loyalty-tier-overview #loyaltylion .lion-tier-overview{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x proximity;padding-inline:40px;padding-bottom:40px;scroll-padding-inline:40px}.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar{height:4px;background:transparent}.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-track{background:#d9d9d9}.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-thumb{background:#000}.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-button:horizontal:start:decrement,.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-button:horizontal:end:increment{display:block;width:40px;background:transparent}}@media screen and (max-width:749px){.loyalty-tier-overview #loyaltylion .lion-tier-overview{padding-inline:20px;padding-bottom:20px;scroll-padding-inline:20px}.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-button:horizontal:start:decrement,.loyalty-tier-overview #loyaltylion .lion-tier-overview::-webkit-scrollbar-button:horizontal:end:increment{width:20px}}.loyalty-tier-overview #loyaltylion .lion-tier-overview .lion-tier-box{display:grid;gap:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "rule" "info" "footer";align-content:start;grid-template-rows:max-content max-content minmax(0,1fr) max-content;scroll-snap-align:start}.loyalty-tier-overview #loyaltylion .lion-tier-box__header{grid-area:header;background:#fff;border:1px solid #000;padding:14px 24px;text-align:center}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__header{padding:20px 24px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__header .lion-tier-box__position{display:none}.loyalty-tier-overview #loyaltylion .lion-tier-box__accent{width:56px;height:56px;margin:0 auto 12px;padding:4px;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:contain;background-origin:content-box;background-clip:content-box;display:block}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__accent{width:76px;height:76px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__header .lion-tier-box__title{color:#000;font-family:var(--font-heading-family);text-box-trim:trim-end;font-size:20px;font-style:normal;font-weight:700;line-height:26px;letter-spacing:-.38px;text-transform:uppercase;padding-bottom:4px}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__header .lion-tier-box__title{font-size:26px;line-height:36px;letter-spacing:-.59px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__sub-title{color:#757575;font-size:14px;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0;text-transform:uppercase}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__sub-title{font-size:16px;line-height:22px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__purchase-rule{grid-area:rule;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0;text-transform:uppercase;text-align:center;padding:10px 24px;margin-block:8px;background:#383838}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__purchase-rule{font-size:16px;font-style:normal;padding:12px 24px;margin-block:16px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__benefits-list{grid-area:info;color:#000;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0;text-align:center;text-transform:uppercase;padding:16px 24px;border:1px solid #000;background:#fff;display:grid;align-content:start;grid-template-columns:repeat(1,minmax(0,1fr));gap:4px}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__benefits-list{font-size:14px;line-height:18px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__footer{grid-area:footer;align-self:end;width:100%}.loyalty-tier-overview #loyaltylion .lion-tier-box__you-are-here{border:1px solid #000;border-top:none;border-bottom:none;background:#e7e7e7;padding:10px 24px;text-align:center;width:100%;color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:18px;letter-spacing:0;text-transform:uppercase}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__you-are-here{padding:12px 24px;font-size:16px;line-height:22px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__value-to-next,.loyalty-tier-overview #loyaltylion .lion-tier-box__expiry{padding:16px 24px;background:#fff;border:1px solid #000;color:#000;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0;text-transform:uppercase}@media screen and (min-width:990px){.loyalty-tier-overview #loyaltylion .lion-tier-box__value-to-next,.loyalty-tier-overview #loyaltylion .lion-tier-box__expiry{font-size:14px;line-height:18px}}.loyalty-tier-overview #loyaltylion .lion-tier-box__expiry+.lion-tier-box__value-to-next{border-top:none}.loyalty-tier-overview #loyaltylion .lion-progress-bar__container{display:none}
/*# sourceMappingURL=/cdn/shop/t/452/assets/loyalty-tier-overview.css.map */